@opensig/opendesign/es/grid/types.d.ts

import { ExtractPropTypes, PropType } from 'vue';
export interface RowMediaT {
    gap?: string;
    gapY?: string;
    gapX?: string;
}
export interface ColMediaT {
    flex: string;
}
export declare const rowProps: {
    /**
     * @zh-CN display是否为inline-flex
     * @en-US display is inline-flex
     */
    inline: {
        type: BooleanConstructor;
    };
    /**
     * @zh-CN 同 align-items
     * @en-US Same as align-items
     */
    align: {
        type: PropType<"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "inherit" | "initial">;
    };
    /**
     * @zh-CN 同 justify-content
     * @en-US Same as justify-content
     */
    justify: {
        type: PropType<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "inherit" | "initial">;
    };
    /**
     * @zh-CN 同 flex-wrap
     * @en-US Same as flex-wrap
     * @default 'wrap'
     */
    wrap: {
        type: PropType<"nowrap" | "wrap" | "wrap-reverse" | "initial" | "inherit">;
        default: string;
    };
    /**
     * @zh-CN 同 flex-direction
     * @en-US Same as flex-direction
     */
    direction: {
        type: PropType<"row" | "row-reverse" | "column" | "column-reverse">;
    };
    /**
     * @zh-CN 同 gap
     * @en-US Same as gap
     */
    gap: {
        type: StringConstructor;
    };
    /**
     * @zh-CN 同 column-gap
     * @en-US Same as column-gap
     */
    gapX: {
        type: StringConstructor;
    };
    /**
     * @zh-CN 同 row-gap
     * @en-US Same as row-gap
     */
    gapY: {
        type: StringConstructor;
    };
    /**
     * @zh-CN 该断点下的gap值
     * @en-US The gap value at this breakpoint
     * @media (max-width: 1680px)
     */
    pcS: {
        type: PropType<RowMediaT>;
    };
    /**
     * @zh-CN 该断点下的gap值
     * @en-US The gap value at this breakpoint
     * @media (max-width: 1440px)
     */
    laptop: {
        type: PropType<RowMediaT>;
    };
    /**
     * @zh-CN 该断点下的gap值
     * @en-US The gap value at this breakpoint
     * @media (max-width: 1200px)
     */
    pad: {
        type: PropType<RowMediaT>;
    };
    /**
     * @zh-CN 该断点下的gap值
     * @en-US The gap value at this breakpoint
     * @media (max-width: 840px)
     */
    padV: {
        type: PropType<RowMediaT>;
    };
    /**
     * @zh-CN 该断点下的gap值
     * @en-US The gap value at this breakpoint
     * @media (max-width: 600px)
     */
    phone: {
        type: PropType<RowMediaT>;
    };
};
export declare const colProps: {
    /**
     * @zh-CN 同 flex
     * @en-US Same as flex
     * @default '1 0 auto'
     */
    flex: {
        type: StringConstructor;
        default: string;
    };
    /**
     * @zh-CN 同 align-self
     * @en-US Same as align-self
     */
    align: {
        type: PropType<"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "inherit" | "initial">;
    };
    /**
     * @zh-CN 该断点下的flex值
     * @en-US The flex value at this breakpoint
     * @media (max-width: 1680px)
     */
    pcS: {
        type: PropType<ColMediaT>;
    };
    /**
     * @zh-CN 该断点下的flex值
     * @en-US The flex value at this breakpoint
     * @media (max-width: 1440px)
     */
    laptop: {
        type: PropType<ColMediaT>;
    };
    /**
     * @zh-CN 该断点下的flex值
     * @en-US The flex value at this breakpoint
     * @media (max-width: 1200px)
     */
    pad: {
        type: PropType<ColMediaT>;
    };
    /**
     * @zh-CN 该断点下的flex值
     * @en-US The flex value at this breakpoint
     * @media (max-width: 840px)
     */
    padV: {
        type: PropType<ColMediaT>;
    };
    /**
     * @zh-CN 该断点下的flex值
     * @en-US The flex value at this breakpoint
     * @media (max-width: 600px)
     */
    phone: {
        type: PropType<ColMediaT>;
    };
};
export type RowPropsT = ExtractPropTypes<typeof rowProps>;
export type ColPropsT = ExtractPropTypes<typeof colProps>;