test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 11:07:52 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Panel affixFooter支持 always 配置

Browse Source
This commit is contained in:
liaoxuezhi 2019-09-10 17:23:31 +08:00
parent 63459f3039
commit 7863cd7594
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderers/Panel.tsx
View File

@ -17,7 +17,7 @@ export interface PanelProps extends RendererProps {
actionsClassName?: string;
bodyClassName?: string;
children?: React.ReactNode | ((props: any) => JSX.Element);
affixFooter?: boolean;
affixFooter?: boolean | 'always';
}
export default class Panel extends React.Component<PanelProps> {
@ -61,11 +61,19 @@ export default class Panel extends React.Component<PanelProps> {
const affixDom = this.affixDom.current;
const footerDom = this.footerDom.current;
const clip = footerDom.getBoundingClientRect();
const clientHeight = window.innerHeight;
const affixed = clip.top > clientHeight;
let affixed = false;
footerDom.offsetWidth && (affixDom.style.cssText = `width: ${footerDom.offsetWidth}px;`);
if (this.props.affixFooter === 'always') {
affixed = true;
footerDom.classList.add('hidden');
} else {
const clip = footerDom.getBoundingClientRect();
const clientHeight = window.innerHeight;
affixed = clip.top > clientHeight;
}
affixed ? affixDom.classList.add('in') : affixDom.classList.remove('in');
}