@pisell/layout
Version:
基于 Fusion 设计系统的自然布局体系
50 lines (49 loc) • 1.54 kB
TypeScript
import { CSSProperties, ReactElement, ReactNode } from 'react';
import { PageContentProps } from './content';
import { BaseBgMode, BaseGap, BaseProps, BreakPoint, BreakPoints } from '@/types';
interface ContentProps extends BaseBgMode {
style?: CSSProperties;
noPadding?: boolean;
}
export interface PageProps extends PageContentProps, BaseBgMode, BaseProps {
/**
* class 前缀
*/
prefix?: string;
header?: ReactElement;
footer?: ReactElement;
nav?: ReactElement;
aside?: ReactElement;
minHeight?: number | string;
/**
* 禁用页面内边距（包含 Header, Content, Footer）
*/
noPadding?: boolean;
contentProps?: ContentProps;
/**
* 章之间的间距（若未指定单位，默认为 px)
*/
sectionGap?: BaseGap;
/**
* 水槽间距（若未指定单位，默认为 px)
*/
blockGap?: BaseGap;
/**
* 小布局间距（行、列、网格布局的 单元格-Cell 间距, 若未指定单位，默认为 px）
*/
gridGap?: BaseGap;
/**
* 断点配置
*/
breakPoints?: BreakPoints;
children?: ReactNode;
/**
* 断点更新时回调
* @param curBreakPoint
* @param prevBreakPoint
* @param breakPoints
*/
onBreakPointChange?: (newBreakPoint: BreakPoint, prevBreakPoint?: BreakPoint, breakPoints?: BreakPoints) => void;
}
declare const RefPage: import("react").ForwardRefExoticComponent<PageProps & import("react").RefAttributes<HTMLDivElement>>;
export default RefPage;