/** * @desc 拖动布局盒子 * @author 智慧能源事业部-蔡利平 */ import React, { FC, ReactElement } from 'react'; export interface ILayoutBoxType { direction?: 'horizontal' | 'vertical'; /** 是否一直显示分界线(默认为鼠标移入显示) */ alwaysShowLine?: boolean; /** 是否展示中间的间隙 */ showGap?: boolean; /** 左侧/上侧初始宽度(px) */ initialWidth?: number; /** 允许拖拽的最小宽度/高度 */ minWidth?: number; /** 允许拖拽的最大宽度/高度 */ maxWidth?: number; /** 隐藏左侧/上侧内容 */ hideLeftContent?: boolean; /** 自定义类名 */ className?: string; /** 样式 */ style?: React.CSSProperties; /** 拖动事件回调 */ onResize?: (value: number) => void; /** 拖动开始事件回调 */ onResizeStart?: () => void; /** 拖动结束事件回调 */ onResizeStop?: () => void; /** 是否可折叠 * @default true */ collapsible?: boolean | { /** 展开时宽度恢复策略 */ expandStrategy?: 'default' | 'previous'; /** 折叠时的宽度(默认为 0,完全隐藏) */ collapsedWidth?: number; }; /** 折叠状态变化回调 */ onCollapseChange?: (collapsed: boolean) => void; /** 当前折叠状态(受控模式) */ collapsed?: boolean; /** 默认折叠状态(非受控模式) */ defaultCollapsed?: boolean; children: [ReactElement, ReactElement]; } declare const LayoutBox: FC; export default LayoutBox;