import React from 'react';
import type { Property } from 'csstype';
import XBaseLayout, { XBaseLayoutProps } from '../base/XBaseLayout';
export interface XFlexProps extends XBaseLayoutProps {
    /**
     * 布局方向
     */
    flexDirection?: "row" | "column";
    /**
     * 是否允许折叠
     */
    flexWrap?: boolean;
    /**
     * 行布局的间隔
     */
    rowGap?: string;
    /**
     * 列布局的间隔
     */
    columnGap?: string;
    /**
     * 垂直布局的起始位置
     */
    verticalAlign?: "start" | "end" | "center" | "spaceAround" | "spaceBetween" | "spaceEvenly";
    /**
     * 水平布局的起始位置
     */
    horizontalAlign?: "start" | "end" | "center" | "spaceAround" | "spaceBetween" | "spaceEvenly";
    contentVAlign?: string;
    contentHAlign?: string;
    contentCenter?: boolean;
    alignContent?: Property.AlignContent;
    alignItems?: Property.AlignItems;
    justifyContent?: Property.AlignContent;
    showDivide?: boolean;
    divideColor?: string;
    divideStyle?: string;
    divideWidth?: string;
}
/**
 * 对css中flex布局方式进行封装
 * @name Flex布局
 * @groupName 网格
 */
export default class XFlex extends XBaseLayout<XFlexProps, any> {
    static ComponentName: string;
    static FlexDirection: {
        row: string;
        column: string;
    };
    static defaultProps: {
        flexDirection: string;
        flexWrap: boolean;
        rowGap: string;
        columnGap: string;
        contentVAlign: any;
        contentHAlign: string;
        contentCenter: boolean;
        alignContent: any;
        alignItems: any;
        justifyContent: any;
        justifyItems: any;
        showDivide: boolean;
        divideColor: any;
        divideStyle: any;
        divideWidth: any;
        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;
    };
    constructor(props: XFlexProps);
    getCurrentStyle(): any;
    render(): React.JSX.Element;
}