import React from 'react';
import XBaseStyle, { XBaseStyleProps } from './XBaseStyle';
import type { Property } from 'csstype';
/**
 * 布局组件属性
 */
export interface XBaseLayoutProps extends XBaseStyleProps {
    children?: React.ReactNode;
    /**
     * 延迟加载子组件
     */
    lazyChildren?: boolean;
    /**
     * css background
     */
    background?: Property.Background;
    /**
     * css background-attachment
     */
    backgroundAttachment?: Property.BackgroundAttachment;
    /**
     * css background-clip
     */
    backgroundClip?: Property.BackgroundClip;
    /**
     * css background-color
     */
    backgroundColor?: Property.BackgroundColor;
    /**
     * css background-image
     */
    backgroundImage?: Property.BackgroundImage;
    /**
     * css background-position
     */
    backgroundPosition?: Property.BackgroundPosition;
    /**
     * css background-repeat
     */
    backgroundRepeat?: Property.BackgroundRepeat;
    /**
     * css background-size
     */
    backgroundSize?: Property.BackgroundSize;
}
/**
 * 基础布局组件
 * 基础布局组件是所有布局类组件的基类，同样继承于基础样式组件，为布局类组件提供了统一的属性和方法。
 * @name 基础布局组件
 * @groupName 分类
 */
export default class XBaseLayout<P = {}, S = {}> extends XBaseStyle<XBaseLayoutProps & P, any> {
    static defaultProps: {
        lazyChildren: boolean;
        styleType: string;
        hasBox: boolean;
        showBorder: any;
        overflow: string;
        boxStyle: {};
        width: string;
        height: string;
        visible: boolean;
        grid: number[];
        gridSpan: number[];
        parent: string;
        pureRender: boolean;
        dataSourceUrl: string;
        filterData: {};
        mustHasFilter: boolean;
    };
    zIndex: number;
    renderNode: boolean;
    constructor(props: XBaseLayoutProps & P);
    getBoxStyle(): React.CSSProperties;
    renderLayout(): React.JSX.Element;
    rootDiv: Element;
    styleWrap: (node?: React.ReactNode) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
    elementTransforms: any[];
    elementTransformsValue: any[];
    /**
     * 切换全屏
     */
    ToggleFullScreen(callback?: () => void, zIndex?: number): void;
    keydown: (e: any) => void;
    componentWillUnmount(): void;
    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
}