mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-11 10:05:07 +08:00
6e2ace3ba8
parameter key should be either an array of string(general) or string(accordion mode), right?
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import React from 'react';
|
||
import RcCollapse from 'rc-collapse';
|
||
import classNames from 'classnames';
|
||
import animation from '../_util/openAnimation';
|
||
|
||
export interface CollapseProps {
|
||
activeKey?: Array<string> | string;
|
||
defaultActiveKey?: Array<string>;
|
||
/** 手风琴效果 */
|
||
accordion?: boolean;
|
||
onChange?: (key: string | string[]) => void;
|
||
style?: React.CSSProperties;
|
||
className?: string;
|
||
bordered?: boolean;
|
||
prefixCls?: string;
|
||
}
|
||
|
||
export interface CollapsePanelProps {
|
||
key: string;
|
||
header: React.ReactNode;
|
||
disabled?: boolean;
|
||
className?: string;
|
||
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',
|
||
bordered: true,
|
||
openAnimation: { ...animation, appear() {} },
|
||
};
|
||
|
||
render() {
|
||
const { prefixCls, className = '', bordered } = this.props;
|
||
const collapseClassName = classNames({
|
||
[`${prefixCls}-borderless`]: !bordered,
|
||
}, className);
|
||
return <RcCollapse {...this.props} className={collapseClassName} />;
|
||
}
|
||
}
|