@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
125 lines (124 loc) • 2.49 kB
TypeScript
import { ExtractPropTypes, PropType } from 'vue';
export interface RowMediaT {
gap?: string;
gapY?: string;
gapX?: string;
}
export interface ColMediaT {
flex: string;
}
export declare const rowProps: {
/**
* 是否为inline-flex
*/
inline: {
type: BooleanConstructor;
};
/**
* 同 align-items
*/
align: {
type: PropType<"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "inherit" | "initial">;
};
/**
* 同 justify-content
*/
justify: {
type: PropType<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "inherit" | "initial">;
};
/**
* flex-wrap
*/
wrap: {
type: PropType<"nowrap" | "wrap" | "wrap-reverse" | "initial" | "inherit">;
default: string;
};
/**
* flex-direction
*/
direction: {
type: PropType<"row" | "row-reverse" | "column" | "column-reverse">;
};
/**
* gapX
*/
gap: {
type: StringConstructor;
};
/**
* gapX
*/
gapX: {
type: StringConstructor;
};
/**
* gapY
*/
gapY: {
type: StringConstructor;
};
/**
* @media (max-width: 1440px)
*/
laptop: {
type: PropType<RowMediaT>;
};
/**
* @media (max-width: 1200px)
*/
pad: {
type: PropType<RowMediaT>;
};
/**
* @media (max-width: 840px)
*/
padV: {
type: PropType<RowMediaT>;
};
/**
* @media (max-width: 600px)
*/
phone: {
type: PropType<RowMediaT>;
};
};
export declare const colProps: {
/**
* flex-grow
*/
flex: {
type: StringConstructor;
default: string;
};
/**
* 同 align-self
*/
align: {
type: PropType<"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "inherit" | "initial">;
};
/**
* @media (max-width: 1440px)
*/
laptop: {
type: PropType<ColMediaT>;
};
/**
* @media (max-width: 1200px)
*/
pad: {
type: PropType<ColMediaT>;
};
/**
* @media (max-width: 840px)
*/ padV: {
type: PropType<ColMediaT>;
};
/**
* @media (max-width: 600px)
*/
phone: {
type: PropType<ColMediaT>;
};
};
export type RowPropsT = ExtractPropTypes<typeof rowProps>;
export type ColPropsT = ExtractPropTypes<typeof colProps>;