|
|
|
import RcCollapse from 'rc-collapse';
|
|
|
|
import * as React from 'react';
|
|
|
|
|
|
|
|
export interface CollapseProps {
|
|
|
|
activeKey?:Array<string> | string,
|
|
|
|
/** 初始化选中面板的key */
|
|
|
|
defaultActiveKey?:Array<string>,
|
|
|
|
/** accordion 为 true 的时候,一次只可以打开一个面板 */
|
|
|
|
accordion?:boolean,
|
|
|
|
/** 切换面板的回调*/
|
|
|
|
onChange?:(key:string) => void,
|
|
|
|
|
|
|
|
style?:React.CSSProperties
|
|
|
|
}
|
|
|
|
|
|
|
|
export interface CollapsePanelProps {
|
|
|
|
/** 对应 activeKey */
|
|
|
|
key:string,
|
|
|
|
/** 面板头内容*/
|
|
|
|
header:React.ReactNode,
|
|
|
|
|
|
|
|
style?:React.CSSProperties
|
|
|
|
}
|
|
|
|
|
|
|
|
export class CollapsePanel extends React.Component<CollapsePanelProps, {}> {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default class Collapse extends React.Component<CollapseProps, any> {
|
|
|
|
static Panel: typeof CollapsePanel = RcCollapse.Panel;
|
|
|
|
|
|
|
|
static defaultProps = {
|
|
|
|
prefixCls: 'ant-collapse',
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return <RcCollapse {...this.props} />;
|
|
|
|
}
|
|
|
|
}
|