fix: SettingDrawer default slot render

Author: sendya

examples/src/core/antd/icons.js

@@ -62,6 +62,18 @@ export {
 export {
   default as QuestionCircleOutline
 } from '@ant-design/icons/lib/outline/QuestionCircleOutline'
+export {
+  default as InfoCircleFill
+} from '@ant-design/icons/lib/fill/InfoCircleFill'
+export {
+  default as ExclamationCircleFill
+} from '@ant-design/icons/lib/fill/ExclamationCircleFill'
+export {
+  default as CloseCircleFill
+} from '@ant-design/icons/lib/fill/CloseCircleFill'
+export {
+  default as CheckCircleFill
+} from '@ant-design/icons/lib/fill/CheckCircleFill'
 /* Feedback end */
 
 /* MultiTab begin */

examples/src/layouts/BasicLayout.vue

@@ -1,13 +1,13 @@
 <template>
   <pro-layout
-    title="Pro Layout"
     :menus="menus"
     :collapsed="collapsed"
     :mediaQuery="query"
     :isMobile="isMobile"
     :handleMediaQuery="handleMediaQuery"
     :handleCollapse="handleCollapse"
     :i18nRender="i18nRender"
+    :siderWidth="208"
     v-bind="settings"
   >
     <!--    <template v-slot:menuRender>
@@ -22,7 +22,11 @@
       </div>
     </template>
     <template v-slot:headerContentRender>
-      <div>headerContentRender</div>
+      <div>
+        <a-tooltip title="刷新页面">
+          <a-icon type="reload" style="font-size: 18px;cursor: pointer;" @click="() => { $message.info('假的') }" />
+        </a-tooltip>
+      </div>
     </template>
     <template v-slot:rightContentRender>
       <div :class="['ant-pro-global-header-index-right', settings.layout === 'topmenu' && `ant-pro-global-header-index-${settings.theme}`]">
@@ -35,7 +39,11 @@
     <setting-drawer
       :settings="settings"
       @change="handleSettingChange"
-    />
+    >
+      <div style="margin: 12px 0;">
+        This is SettingDrawer custom footer content.
+      </div>
+    </setting-drawer>
     <router-view />
   </pro-layout>
 </template>
@@ -45,7 +53,6 @@ import { asyncRouterMap } from '../config/router.config'
 import { i18nRender } from '../locales'
 
 import defaultSettings from '@/config/defaultSettings'
-import LogoSvg from '../assets/logo.svg?inline'
 import { CONTENT_WIDTH_TYPE } from '@/store/mutation-types'
 
 export default {
@@ -121,12 +128,6 @@ export default {
           }
           break
       }
-    },
-    logoRender () {
-      return <LogoSvg />
-    },
-    footerRender () {
-      return <div>custom footer</div>
     }
   }
 }

src/components/SettingDrawer/index.jsx

@@ -320,6 +320,9 @@ const SettingDrawer = {
             </CopyToClipboard>
           )}
 
+          <div class={`${baseClassName}-content-footer`}>
+            {this.$slots.default}
+          </div>
         </div>
       </Drawer>
     )

src/index.js

@@ -1,23 +1,10 @@
-import BasicLayout, { BasicLayoutProps } from './BasicLayout'
-import BlockLayout from './BlockLayout'
-import PageHeaderWrapper from './components/PageHeaderWrapper'
-import SiderMenuWrapper from './components/SiderMenu'
-import GlobalFooter from './components/GlobalFooter'
-import SettingDrawer from './components/SettingDrawer'
-import DocumentTitle from './components/DocumentTitle'
-import { updateTheme, updateColorWeak } from './utils/dynamicTheme'
-
-export {
-  GlobalFooter,
-  PageHeaderWrapper,
-  SiderMenuWrapper,
-  BlockLayout,
-  SettingDrawer,
-  DocumentTitle,
-  BasicLayoutProps,
-
-  updateTheme,
-  updateColorWeak
-}
-
-export default BasicLayout
+export { default, BasicLayoutProps } from './BasicLayout'
+export { default as BlockLayout } from './BlockLayout'
+export { default as PageHeaderWrapper } from './components/PageHeaderWrapper'
+export { default as SiderMenuWrapper } from './components/SiderMenu'
+export { default as GlobalFooter } from './components/GlobalFooter'
+export { default as SettingDrawer } from './components/SettingDrawer'
+export { default as DocumentTitle } from './components/DocumentTitle'
+export { default as BaseMenu } from './components/RouteMenu'
+// func
+export { updateTheme, updateColorWeak } from './utils/dynamicTheme'