@cainiaofe/cn-ui-layout
Version:
- 安装 cone-cli ｜ [Cone-CLI 使用指引](https://alidocs.dingtalk.com/i/nodes/xdqZp24KneBJzvGM6XezJvyb7RA0Nr1E) - `tnpm i -g @alife/cone-cli@latest` - 安装依赖包 - `cone install` - 启动研发 - `cone start`
50 lines (49 loc) • 1.56 kB
TypeScript
import React, { CSSProperties, ReactElement, ReactNode } from 'react';
import { CnLayoutContentProps } from './content';
import { BaseBgMode, BaseGap, BaseProps, BreakPoint, BreakPoints } from '../types';
interface ContentProps extends BaseBgMode {
style?: CSSProperties;
noPadding?: boolean;
}
export interface CnLayoutPageProps extends CnLayoutContentProps, 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: React.ForwardRefExoticComponent<CnLayoutPageProps & React.RefAttributes<HTMLDivElement>>;
export default RefPage;