import type { DirectionType, WrapType, JustifyType, AlignType, AlignContentType, UseGridStyleReturn } from '../types'; /** * useGridStyle Hook 参数 */ interface UseGridStyleParams { /** 排列方向 */ direction?: DirectionType; /** 换行控制 */ wrap?: WrapType; /** 一行显示的元素个数 */ columns?: number; /** 是否等分容器宽度 */ equalWidth?: boolean; /** 统一间距 */ gap?: number | string; /** 行间距 */ rowGap?: number | string; /** 列间距 */ columnGap?: number | string; /** 主轴对齐方式 */ justify?: JustifyType; /** 交叉轴对齐方式 */ align?: AlignType; /** 多行对齐方式 */ alignContent?: AlignContentType; } /** * 计算 Grid 布局样式的 Hook * @param params - 布局参数 * @returns 容器样式和子元素样式 * @description * - 根据传入的布局参数计算容器的 flex 样式 * - 根据 columns 和 gap 计算子元素的 flex-basis * - 使用 useMemo 缓存计算结果,避免不必要的重复计算 */ export declare const useGridStyle: (params: UseGridStyleParams) => UseGridStyleReturn; export default useGridStyle;