feat: layout的userCenter改为customHeader

packages/fes-plugin-layout/README.md

@@ -1,5 +1,19 @@
-主题： light/dark
-布局： 左右（上/下）、上/下、上/下（左/右）
+主题： light/dark/blue
+布局： side 左右（上/下）、 top 上/下、 mixin 上/下（左/右）
 固定Header: 是/否
 固定sidebar: 是/否
 multi tabs： 是/否
+
+## todo-list
+
+### theme
+1. 主题light-白色
+2. 主题blue-蓝色
+
+### multiTabs
+1. 刷新tab动画：从点击开始到页面重新渲染完onMounted事件触发，期间刷新按钮旋转
+2. 控制最多打开的页面数，减少内存开销，如果能根据内存大小自动判定就更牛逼了
+
+### 面包屑
+
+

packages/fes-plugin-layout/src/index.js

@@ -24,8 +24,13 @@ export default (api) => {
     const absFilePath = join(namespace, 'index.js');
 
     api.onGenerateFiles(() => {
-        // 文件写出
-        const userConfig = api.config.layout || {};
+        const { name } = api.pkg;
+
+        // .fes配置
+        const userConfig = {
+            title: name,
+            ...(api.config.layout || {})
+        };
 
         api.writeTmpFile({
             path: absFilePath,

packages/fes-plugin-layout/src/template/index.tpl

@@ -18,10 +18,10 @@ const Layout = defineComponent({
         userConfig.menus = fillMenuData(userConfig.menus, routeConfig);
         return () => {
             const slots = {
-                userCenter: () => {
-                    if (runtimeConfig.userCenter) {
+                customHeader: () => {
+                    if (runtimeConfig.customHeader) {
                         return (
-                            <runtimeConfig.userCenter></runtimeConfig.userCenter>
+                            <runtimeConfig.customHeader></runtimeConfig.customHeader>
                         );
                     }
                     return null;

packages/fes-plugin-layout/src/views/BaseLayout.vue

@@ -45,7 +45,7 @@
                     <Menu :menus="menus" :theme="theme" class="layout-menu" mode="horizontal" />
                 </template>
                 <div class="layout-header-custom">
-                    <slot name="userCenter"></slot>
+                    <slot name="customHeader"></slot>
                 </div>
                 <template v-if="locale">
                     <slot name="locale"></slot>
@@ -109,7 +109,7 @@ export default {
         },
         navigation: {
             type: String,
-            default: 'mixin' // side 左右（上/下）、 top 上/下、 mixin 上/下（左/右）
+            default: 'side' // side 左右（上/下）、 top 上/下、 mixin 上/下（左/右）
         },
         fixedHeader: {
             type: Boolean,
@@ -207,6 +207,10 @@ export default {
     &.main-layout-navigation-mixin {
         .layout-sider {
             padding: 48px 0 0;
+            box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
+            .ant-layout-sider-trigger {
+                border-top: 1px solid #f0f0f0;
+            }
         }
         .layout-header {
             padding-left: 24px;

packages/fes-template/.fes.js

@@ -15,7 +15,7 @@ export default {
     layout: {
         title: "Fes.js",
         logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
-        multiTabs: true,
+        multiTabs: false,
         menus: [{
             name: 'index'
         }, {

packages/fes-template/src/app.js

@@ -20,5 +20,5 @@ export const beforeRender = {
 };
 
 export const layout = {
-    userCenter: <UserCenter />
+    customHeader: <UserCenter />
 };