fix: PageHeader import Props err #25

refactor: full import component&style antdv

examples/src/layouts/BasicLayout.vue

@@ -12,6 +12,11 @@
     :handleCollapse="handleCollapse"
     :i18nRender="i18nRender"
   >
+    <!--    <template v-slot:menuRender>
+      <div v-for="(menu, key) in menus" :key="key">
+        {{  menu }}
+      </div>
+    </template>-->
     <template v-slot:menuHeaderRender>
       <div>
         <img src="../assets/logo.svg" />

src/BasicLayout.jsx

@@ -2,7 +2,9 @@ import './BasicLayout.less'
 
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
 
-import { Layout } from 'ant-design-vue'
+import 'ant-design-vue/es/layout/style'
+import Layout from 'ant-design-vue/es/layout'
+
 import { ContainerQuery } from 'vue-container-query'
 import { SiderMenuWrapper, GlobalFooter } from './components'
 import { getComponentFromProp, isFun } from './utils/util'

src/Header.jsx

 import './Header.less'
 
-import { Layout } from 'ant-design-vue'
+import 'ant-design-vue/es/layout/style'
+import Layout from 'ant-design-vue/es/layout'
+
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
 import BaseMenu from './components/RouteMenu/BaseMenu'
 import { defaultRenderLogoAntTitle, SiderMenuProps } from './components/SiderMenu/SiderMenu'

src/WrapContent.jsx

 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { ConfigProvider, Layout } from 'ant-design-vue'
+
+import 'ant-design-vue/es/layout/style'
+import Layout from 'ant-design-vue/es/layout'
+import ConfigProvider from 'ant-design-vue/es/config-provider'
 import GridContent from './components/GridContent'
 
 const { Content } = Layout

src/components/GlobalHeader/index.jsx

@@ -3,7 +3,8 @@ import './index.less'
 import debounce from 'lodash/debounce'
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
 import { triggerEvent, inBrowser, isFun } from '../../utils/util'
-import { Icon } from 'ant-design-vue'
+import 'ant-design-vue/es/icon/style'
+import Icon from 'ant-design-vue/es/icon'
 import { defaultRenderLogo } from '../SiderMenu/SiderMenu'
 
 export const GlobalHeaderProps = {

src/components/PageHeaderWrapper/index.jsx

@@ -2,11 +2,12 @@ import './index.less'
 
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
 import GridContent from '../GridContent'
-import { PageHeader, Tabs } from 'ant-design-vue'
+import 'ant-design-vue/es/page-header/style'
+import PageHeader, { PageHeaderProps } from 'ant-design-vue/es/page-header'
+import 'ant-design-vue/es/tabs/style'
+import Tabs from 'ant-design-vue/es/tabs'
 import { getComponentFromProp } from 'ant-design-vue/lib/_util/props-util'
 
-const { PageHeaderProps } = PageHeader
-
 const prefixedClassName = 'ant-pro-page-header-wrap'
 
 const PageHeaderTabConfig = {

src/components/RouteMenu/BaseMenu.jsx

 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { Menu, Icon } from 'ant-design-vue'
+
+import 'ant-design-vue/es/menu/style'
+import Menu from 'ant-design-vue/es/menu'
+import 'ant-design-vue/es/icon/style'
+import Icon from 'ant-design-vue/es/icon'
 
 const {
   Item: MenuItem,

src/components/SettingDrawer/BlockCheckbox.jsx

 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { Tooltip, Icon } from 'ant-design-vue'
+
+import 'ant-design-vue/es/tooltip/style'
+import Tooltip from 'ant-design-vue/es/tooltip'
+import 'ant-design-vue/es/icon/style'
+import Icon from 'ant-design-vue/es/icon'
 
 const BlockCheckboxProps = {
   value: PropTypes.string,

src/components/SettingDrawer/LayoutChange.jsx

 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { List, Tooltip, Select, Switch } from 'ant-design-vue'
+
+import 'ant-design-vue/es/tooltip/style'
+import Tooltip from 'ant-design-vue/es/tooltip'
+import 'ant-design-vue/es/list/style'
+import List from 'ant-design-vue/es/list'
+import 'ant-design-vue/es/select/style'
+import Select from 'ant-design-vue/es/select'
+import 'ant-design-vue/es/switch/style'
+import Switch from 'ant-design-vue/es/switch'
 
 export const renderLayoutSettingItem = (h, item) => {
   const action = {...item.action}

src/components/SettingDrawer/ThemeColor.jsx

 import './ThemeColor.less'
 
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { Tooltip, Icon } from 'ant-design-vue'
 import { genThemeToString } from '../../utils/util'
+import 'ant-design-vue/es/tooltip/style'
+import Tooltip from 'ant-design-vue/es/tooltip'
+import 'ant-design-vue/es/icon/style'
+import Icon from 'ant-design-vue/es/icon'
 
 const baseClassName = 'theme-color'
 

src/components/SettingDrawer/index.jsx

@@ -2,7 +2,31 @@ import './index.less'
 
 import omit from 'omit.js'
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { Divider, Drawer, List, Switch, Button, Icon, Alert, message } from 'ant-design-vue'
+
+import 'ant-design-vue/es/divider/style'
+import Divider from 'ant-design-vue/es/divider'
+
+import 'ant-design-vue/es/drawer/style'
+import Drawer from 'ant-design-vue/es/drawer'
+
+import 'ant-design-vue/es/list/style'
+import List from 'ant-design-vue/es/list'
+
+import 'ant-design-vue/es/switch/style'
+import Switch from 'ant-design-vue/es/switch'
+
+import 'ant-design-vue/es/button/style'
+import Button from 'ant-design-vue/es/button'
+
+import 'ant-design-vue/es/icon/style'
+import Icon from 'ant-design-vue/es/icon'
+
+import 'ant-design-vue/es/alert/style'
+import Alert from 'ant-design-vue/es/alert'
+
+import 'ant-design-vue/es/message/style'
+import message from 'ant-design-vue/es/message'
+
 import BlockCheckbox from './BlockCheckbox'
 import ThemeColor from './ThemeColor'
 import LayoutSetting, { renderLayoutSettingItem } from './LayoutChange'

src/components/SiderMenu/SiderMenu.jsx

 import './index.less'
 
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import { Layout } from 'ant-design-vue'
+import 'ant-design-vue/es/layout/style'
+import Layout from 'ant-design-vue/es/layout'
 import { isFun } from '../../utils/util'
 import BaseMenu from '../RouteMenu'
 

src/components/SiderMenu/index.jsx

 import './index.less'
 
-import { Drawer } from 'ant-design-vue'
+import 'ant-design-vue/es/drawer/style'
+import Drawer from 'ant-design-vue/es/drawer'
 import SiderMenu, { SiderMenuProps } from './SiderMenu'
 
 const SiderMenuWrapper = {