@linkdesign/screen
Version:
屏组件库,但使用场景又不局限于屏。主要用于BI、大盘和屏
62 lines (61 loc) • 1.43 kB
TypeScript
import React, { PureComponent } from 'react';
import { ITitle } from '../title';
interface IProps extends ITitle {
/**
* 被全屏的目标容器(id或者element)
*/
target: string | HTMLElement;
/**
* 全屏切换回调
*
* @param isFullscreen 是否全屏
* @memberof IProps
*/
onChange?: (isFullscreen: boolean) => void;
/**
* 文案配置
*
* @type {({
* default: string | React.ReactNode;
* active: string | React.ReactNode;
* })}
* @memberof IProps
*/
local?: {
default: string | React.ReactNode;
active: string | React.ReactNode;
};
}
interface IState {
/**
* 是否全屏
*/
isFullscreen: boolean;
}
/**
* 全屏切换
*
* @class FullscreenSwitch
* @extends {PureComponent<IProps, IState>}
*/
declare class FullscreenSwitch extends PureComponent<IProps, IState> {
constructor(props: IProps);
componentDidMount(): void;
componentWillUnmount(): void;
openFullscreen: (elem: any) => void;
closeFullscreen: () => void;
/**
* 监听全屏状态回调
*
* @memberof FullscreenSwitch
*/
handleListenFullScreenChange: () => void;
/**
* 点击切换全屏按钮
*
* @memberof FullscreenSwitch
*/
handleToggleFullScreen: () => void;
render(): React.ReactNode;
}
export default FullscreenSwitch;