mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:58:07 +08:00
Panel 支持更多的 className 配置
This commit is contained in:
parent
80c0295fd6
commit
88ae9fbcb3
@ -1346,6 +1346,7 @@ export default class Form extends React.Component<FormProps, object> {
|
||||
panelClassName,
|
||||
headerClassName,
|
||||
footerClassName,
|
||||
footerWrapClassName,
|
||||
actionsClassName,
|
||||
bodyClassName,
|
||||
classnames: cx,
|
||||
@ -1378,6 +1379,7 @@ export default class Form extends React.Component<FormProps, object> {
|
||||
headerClassName,
|
||||
footer,
|
||||
footerClassName,
|
||||
footerWrapClassName,
|
||||
actionsClassName,
|
||||
bodyClassName,
|
||||
affixFooter
|
||||
|
@ -52,6 +52,11 @@ export interface PanelSchema extends BaseSchema {
|
||||
*/
|
||||
footerClassName?: SchemaClassName;
|
||||
|
||||
/**
|
||||
* footer 和 actions 外层 div 类名。
|
||||
*/
|
||||
footerWrapClassName?: SchemaClassName;
|
||||
|
||||
/**
|
||||
* 头部内容, 和 title 二选一。
|
||||
*/
|
||||
@ -80,6 +85,7 @@ export default class Panel extends React.Component<PanelProps> {
|
||||
'header',
|
||||
'headerClassName',
|
||||
'footerClassName',
|
||||
'footerWrapClassName',
|
||||
'actionsClassName',
|
||||
'bodyClassName'
|
||||
];
|
||||
@ -210,6 +216,7 @@ export default class Panel extends React.Component<PanelProps> {
|
||||
headerClassName,
|
||||
actionsClassName,
|
||||
footerClassName,
|
||||
footerWrapClassName,
|
||||
children,
|
||||
title,
|
||||
footer,
|
||||
@ -244,7 +251,12 @@ export default class Panel extends React.Component<PanelProps> {
|
||||
);
|
||||
|
||||
let footerDom = footerDoms.length ? (
|
||||
<div ref={this.footerDom}>{footerDoms}</div>
|
||||
<div
|
||||
className={cx('Panel-footerWrap', footerWrapClassName)}
|
||||
ref={this.footerDom}
|
||||
>
|
||||
{footerDoms}
|
||||
</div>
|
||||
) : null;
|
||||
|
||||
return (
|
||||
@ -268,7 +280,13 @@ export default class Panel extends React.Component<PanelProps> {
|
||||
{footerDom}
|
||||
|
||||
{affixFooter && footerDoms.length ? (
|
||||
<div ref={this.affixDom} className={cx('Panel-fixedBottom')}>
|
||||
<div
|
||||
ref={this.affixDom}
|
||||
className={cx(
|
||||
'Panel-fixedBottom Panel-footerWrap',
|
||||
footerWrapClassName
|
||||
)}
|
||||
>
|
||||
{footerDoms}
|
||||
</div>
|
||||
) : null}
|
||||
|
Loading…
Reference in New Issue
Block a user