fix: style import

examples/src/components/SelectLang/index.jsx

@@ -25,7 +25,7 @@ const SelectLang = {
       this.setLang(key)
     }
     const langMenu = (
-      <Menu class={['menu', 'drop-down']} selectedKeys={[this.currentLang]} onClick={changeLang}>
+      <Menu class={['menu', 'ant-pro-select-lang']} selectedKeys={[this.currentLang]} onClick={changeLang}>
         {locales.map(locale => (
           <Menu.Item key={locale}>
             <span role="img" aria-label={languageLabels[locale]}>

examples/src/components/SelectLang/index.less

@@ -14,10 +14,10 @@
       top: -1px;
     }
   }
+}
 
-  &.select-lang {
-    .ant-dropdown-menu-item {
-      min-width: 120px;
-    }
+.ant-pro-select-lang {
+  .ant-dropdown-menu-item {
+    min-width: 160px;
   }
 }

examples/src/layouts/BasicLayout.less

 @import "~ant-design-vue/es/style/themes/default";
 
 .ant-pro-global-header-index-right {
+    margin-right: 8px;
+
     &.ant-pro-global-header-index-dark {
         .ant-pro-global-header-index-action {
             color: hsla(0,0%,100%,.85);

examples/src/locales/lang/en-US.js

@@ -44,6 +44,8 @@ export default {
     }
   },
 
+  'navBar.lang': 'Language',
+
   'app.setting.pagestyle': 'Page style setting',
   'app.setting.pagestyle.light': 'Light style',
   'app.setting.pagestyle.dark': 'Dark style',

src/components/SiderMenu/SiderMenu.jsx

+import './index.less'
+
 import { Layout } from 'ant-design-vue'
 import BaseMenu from '../RouteMenu'
-import './index.less'
 
 const { Sider } = Layout
 

src/components/SiderMenu/index.js

-import SiderMenu from './SiderMenu'
-import SiderMenuWrapper from './SiderMenuWrapper'
-
-export {
-  SiderMenu,
-  SiderMenuWrapper
-}

src/components/SiderMenu/SiderMenuWrapper.jsx → src/components/SiderMenu/index.jsx

+import './index.less'
+
 import { Drawer } from 'ant-design-vue'
 import SiderMenu, { SiderMenuProps } from './SiderMenu'