support Footer

[afc163]

现在是通过下面两种方式提供 footer：

import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';

<DefaultFooter />
<ProLayout
  footerRender={((_, defaultDom) => {
    return defaultDom;
  }
/>

问题

• 难以修改 footer：
  • 页面版权信息显示，判断逻辑错误。 ant-design-pro#4585
  • V4 底部的“2019 蚂蚁金服体验技术部出品”怎么配置，这玩意怎么写死在layout footer里面了 ant-design-pro#4414
  • ant design pro 4.0 footer 无法修改 ant-design-pro#4391
  • Footer 里面怎么加工商亮照 ant-design-pro#4006
• 内建 footer 不应该有默认内容，这些内容应该放到 pro 里来。

方案

直接把 https://github.com/ant-design/ant-design-pro-layout/blob/master/src/GlobalFooter/index.tsx 对外暴露，default 内容移出。

import ProLayout, { Footer } from '@ant-design/pro-layout';

<Footer
  links={[...]}
  copyright={...}
/>

<ProLayout
  footerRender={(() => {
    return (
      <Footer
        links={[...]}
        copyright={...}
      />
    );
  }
/>

兼容性

会是一个 break change，需要升级 pro-layout 大版本，并补齐相关 API 文档和 changelog。

[chenshuai2144]

新版本的footer 已经支持这种用法了。

<Footer
  links={[...]}
  copyright={...}
/>

需要删除默认的吗？对于用户来说总要写一次 footerRender

[afc163]

应该暴露 Footer 而不是 DefaultFooter，不同之处是 Footer 没有默认内容。

[afc163]

• DefaultFooter 直接改名为 Footer 好了。
• ProLayout 不写 footerRender 时，直接读 Footer，这个和目前一致。
• ProLayout 在 pro.ant.design 自定义时，不要读 defaultDom（多余的），而是读 Footer，这两个是一致的。

[chenshuai2144]

这样就不是一个 break change 了。

我理解只要能加解决 自定义 Footer 的内容的 api，使用就会方便很多。

[omarc1492]

How can I modify this to change copyright and links?

const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => {
if (!isAntDesignPro()) {
return defaultDom;
}
...
footerRender={footerRender}
...

Nothing I do to pass props to footerRender is working, can you give an example?

[ms20hj]

我这是哪里写错了？
const footerRender = () => {
return (
<Footer
links={[]}
copyright={'测试测试'}
/>
);
};

[chenshuai2144]

https://prolayout.ant.design/footer
可以看这里