fix: Layout footer hide support

README.md

@@ -129,7 +129,7 @@ export default {
 | headerRender | custom header render method | (props: BasicLayoutProps) => VNode | - |
 | rightContentRender | header right content render method | (props: HeaderViewProps) => VNode | - |
 | collapsedButtonRender | custom collapsed button method | (collapsed: boolean) => VNode | - |
-| footerRender | custom footer render method | (props: BasicLayoutProps) => VNode | - |
+| footerRender | custom footer render method | (props: BasicLayoutProps) => VNode | `false` | - |
 | breadcrumbRender | custom breadcrumb render method | ({ route, params, routes, paths, h }) => VNode[] | - |
 | i18nRender | i18n | Function (key: string) => string \| `false` | `false` |
 | handleMediaQuery | media matchs callback | (querys: []) => void | - |

README.zh-CN.md

@@ -125,7 +125,7 @@ export default {
 | headerRender | 自定义头的 render 方法 | (props: BasicLayoutProps) => VNode | - |
 | rightContentRender | 自定义头右部的 render 方法 | (props: HeaderViewProps) => VNode | - |
 | collapsedButtonRender | 自定义 侧栏收缩按钮 的方法 | (collapsed: boolean) => VNode | - |
-| footerRender | 自定义 底部区域内容 | (props: BasicLayoutProps) => VNode | - |
+| footerRender | 自定义 底部区域内容 | (props: BasicLayoutProps) => VNode | `false` | - |
 | breadcrumbRender | 自定义面包屑渲染方法 | ({ route, params, routes, paths, h }) => VNode[] | - |
 | i18nRender | 本地化渲染函数 (this.$t) | Function (key: string) => string  \| `false` | `false` |
 | handleMediaQuery | 媒体查询回调 | (querys: []) => void | - |

examples/package.json

@@ -17,7 +17,7 @@
   "license": "MIT",
   "dependencies": {
     "@ant-design/icons": "^4.0.0-alpha.11",
-    "ant-design-vue": "^1.5.4",
+    "ant-design-vue": "^1.6.2",
     "core-js": "^3.1.2",
     "vue-i18n": "^8.15.0",
     "vue-ls": "^3.2.1",

src/BasicLayout.jsx

@@ -24,7 +24,7 @@ export const BasicLayoutProps = {
   disableMobile: PropTypes.bool.def(false),
   mediaQuery: PropTypes.object.def({}),
   handleMediaQuery: PropTypes.func,
-  footerRender: PropTypes.func,
+  footerRender: PropTypes.func.def(undefined),
 }
 
 const MediaQueryEnum = {
@@ -143,19 +143,10 @@ const BasicLayout = {
                 {children}
               </WrapContent>
               <Layout.Footer>
-                { footerRender && (
-                  isFun(footerRender) && footerRender(h) || footerRender
-                ) || (
-                  <GlobalFooter>
-                    <template slot="links">
-                      <a href="https://www.github.com/vueComponent/" target="_self">Github</a>
-                      <a href="https://www.github.com/sendya/" target="_self">@Sendya</a>
-                    </template>
-                    <template slot="copyright">
-                      <a href="https://github.com/vueComponent">vueComponent</a>
-                    </template>
-                  </GlobalFooter>
-                )}
+                { footerRender !== false && (
+                    isFun(footerRender) && footerRender(h) || footerRender
+                  ) || null
+                }
               </Layout.Footer>
             </Layout>
           </Layout>