/** * Stack Component - Lynx 版 MUI Stack * 一比一对应 MUI Stack * * 用于管理子元素之间间距的 Flex 布局组件 * 支持: * - direction: row, column, row-reverse, column-reverse * - spacing: 间距值 * - divider: 分隔元素 * - useFlexGap: 使用 CSS gap 属性 */ import './Stack.css'; export type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse'; export interface StackProps { /** 子元素 */ children?: any; /** 自定义类名 */ className?: string; /** 内联样式 */ style?: Record; /** 排列方向 */ direction?: StackDirection; /** 间距 */ spacing?: number | string; /** 分隔元素 */ divider?: any; /** 是否使用 flex gap */ useFlexGap?: boolean; /** 对齐方式 */ alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'; /** 主轴对齐 */ justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'; /** 是否换行 */ flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse'; /** sx 属性 */ sx?: Record; } export declare const stackClasses: { root: string; }; export declare function Stack(props: StackProps): JSX.Element; export default Stack; //# sourceMappingURL=index.d.ts.map