UNPKG

@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
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>;