import type { HTMLAttributes, CSSProperties } from 'react'; export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around'; export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch'; export interface FlexProps extends HTMLAttributes { /** * 项目定位方向 */ direction?: CSSProperties['flexDirection']; /** * 子元素的换行方式 */ wrap?: CSSProperties['flexWrap']; /** * 子元素在主轴上的对齐方式 */ justify?: FlexJustify; /** * 子元素在交叉轴上的对齐方式 */ align?: FlexAlign; } export interface FlexItemProps extends HTMLAttributes { flex?: CSSProperties['flex']; }