cosey 0.1.1 → 0.1.4

package/layout/layout-topbar/style/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../../components").ThemeConfig | undefined>) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../../components/theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/layout/layout-user-menu/index.d.ts

@@ -0,0 +1 @@
+export { default } from './layout-user-menu.vue';

package/layout/layout-user-menu/index.js

@@ -0,0 +1 @@
+export { default } from './layout-user-menu.vue.js';

package/layout/{layout-user/layout-user.vue.js → layout-user-menu/layout-user-menu.vue.js}

@@ -1,26 +1,31 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, unref, createVNode, toDisplayString } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, unref, createVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { useGlobalConfig } from '../../config/index.js';
 import { useUserStore } from '../../store/user.js';
 import stdin_default$1 from './style/index.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.js';
 import { Icon as _Icon } from '../../components/icon/index.js';
+import { defineTemplate } from '../../utils/vue.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
-    name: "LayoutUser"
+    name: "LayoutUserMenu"
   },
-  __name: "layout-user",
+  __name: "layout-user-menu",
   setup(__props) {
     const {
       prefixCls
-    } = useComponentConfig("layout-user");
+    } = useComponentConfig("layout-user-menu");
     const {
       hashId
     } = stdin_default$1(prefixCls);
     const router = useRouter();
     const userStore = useUserStore();
-    const routerConfig = useGlobalConfig().router;
+    const {
+      router: routerConfig,
+      slots: slotsConfig
+    } = useGlobalConfig();
+    const UserMenu = defineTemplate(() => slotsConfig.userMenu?.());
     const toHome = () => {
       router.push(routerConfig.homePath);
     };
@@ -45,22 +50,22 @@ var stdin_default = /* @__PURE__ */defineComponent({
             onClick: toHome
           }, {
             default: withCtx(() => [createVNode(unref(_Icon), {
-              name: "mdi:home-outline",
+              name: "co:home",
               size: "lg"
             }), createElementVNode("span", {
-              class: normalizeClass(`${unref(prefixCls)}-dropdown-item-title`)
+              class: normalizeClass(`${unref(prefixCls)}-item-title`)
             }, "\u9996\u9875", 2
             /* CLASS */)]),
             _: 1
             /* STABLE */
-          }), createVNode(_component_el_dropdown_item, {
+          }), (openBlock(), createBlock(resolveDynamicComponent(unref(UserMenu)))), createVNode(_component_el_dropdown_item, {
             onClick: toChangePassword
           }, {
             default: withCtx(() => [createVNode(unref(_Icon), {
-              name: "mdi:shield-key-outline",
+              name: "co:password",
               size: "lg"
             }), createElementVNode("span", {
-              class: normalizeClass(`${unref(prefixCls)}-dropdown-item-title`)
+              class: normalizeClass(`${unref(prefixCls)}-item-title`)
             }, "\u4FEE\u6539\u5BC6\u7801", 2
             /* CLASS */)]),
             _: 1
@@ -70,10 +75,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
             onClick: logout
           }, {
             default: withCtx(() => [createVNode(unref(_Icon), {
-              name: "mdi:location-exit",
+              name: "co:logout",
               size: "lg"
             }), createElementVNode("span", {
-              class: normalizeClass(`${unref(prefixCls)}-dropdown-item-title`)
+              class: normalizeClass(`${unref(prefixCls)}-item-title`)
             }, "\u9000\u51FA", 2
             /* CLASS */)]),
             _: 1
@@ -89,7 +94,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           src: unref(userStore).userInfo?.avatar
         }, {
           default: withCtx(() => [createVNode(unref(_Icon), {
-            name: "mdi:account-outline"
+            name: "co:user"
           })]),
           _: 1
           /* STABLE */

package/layout/{layout-user → layout-user-menu}/style/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../../components").ThemeConfig | undefined>) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../../components/theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/layout/{layout-user → layout-user-menu}/style/index.js

@@ -1,13 +1,17 @@
 import { getTruncateStyle } from '../../../components/style/mixins.js';
 import { getSimpleStyleHook } from '../../../components/theme/getSimpleStyleHook.js';
 
-var stdin_default = getSimpleStyleHook("LayoutUser", (token) => {
+var stdin_default = getSimpleStyleHook("LayoutUserMenu", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
       display: "flex",
       alignItems: "center",
+      borderRadius: token.borderRadius,
       cursor: "pointer",
+      "&:focus-visible": {
+        outline: "none"
+      },
       [`${componentCls}-name`]: {
         marginInlineStart: token.marginXS,
         maxWidth: 160,
@@ -15,10 +19,10 @@ var stdin_default = getSimpleStyleHook("LayoutUser", (token) => {
       }
     },
     [`${componentCls}-dropdown`]: {
-      width: 140,
-      [`${componentCls}-dropdown-item-title`]: {
-        marginInlineStart: token.marginXS
-      }
+      minWidth: 140
+    },
+    [`${componentCls}-item-title`]: {
+      marginInlineStart: token.marginXS
     }
   };
 });

package/layout/layout.d.ts

@@ -26,4 +26,4 @@ export { default as LayoutTabbar } from './layout-tabbar';
 export { default as LayoutToggle } from './layout-toggle';
 export { default as LayoutTopSnugMenu } from './layout-top-snug-menu';
 export { default as LayoutTopbar } from './layout-topbar';
-export { default as LayoutUser } from './layout-user';
+export { default as LayoutUserMenu } from './layout-user-menu';

package/layout/layout.js

@@ -26,4 +26,4 @@ export { default as LayoutTabbar } from './layout-tabbar/layout-tabbar.vue.js';
 export { default as LayoutToggle } from './layout-toggle/layout-toggle.vue.js';
 export { default as LayoutTopSnugMenu } from './layout-top-snug-menu/layout-top-snug-menu.vue.js';
 export { default as LayoutTopbar } from './layout-topbar/layout-topbar.vue.js';
-export { default as LayoutUser } from './layout-user/layout-user.vue.js';
+export { default as LayoutUserMenu } from './layout-user-menu/layout-user-menu.vue.js';

package/layout/merged/index.d.ts

@@ -26,4 +26,4 @@ export { default as MergedLayoutTabbar } from './layout-tabbar';
 export { default as MergedLayoutToggle } from './layout-toggle';
 export { default as MergedLayoutTopSnugMenu } from './layout-top-snug-menu';
 export { default as MergedLayoutTopbar } from './layout-topbar';
-export { default as MergedLayoutUser } from './layout-user';
+export { default as MergedLayoutUserMenu } from './layout-user-menu';

package/layout/merged/index.js

@@ -26,4 +26,4 @@ export { default as MergedLayoutTabbar } from './layout-tabbar.js';
 export { default as MergedLayoutToggle } from './layout-toggle.js';
 export { default as MergedLayoutTopSnugMenu } from './layout-top-snug-menu.js';
 export { default as MergedLayoutTopbar } from './layout-topbar.js';
-export { default as MergedLayoutUser } from './layout-user.js';
+export { default as MergedLayoutUserMenu } from './layout-user-menu.js';

package/layout/merged/{layout-user.js → layout-user-menu.js}

@@ -1,4 +1,4 @@
-import stdin_default$1 from '../layout-user/layout-user.vue.js';
+import stdin_default$1 from '../layout-user-menu/layout-user-menu.vue.js';
 import { mergedLayout } from '../utils.js';
 
 var stdin_default = mergedLayout("user", stdin_default$1);

package/layout/utils.js

@@ -6,10 +6,7 @@ function mergedLayout(name, defaultComponent) {
   return defineComponent({
     setup(props, { slots }) {
       const { components } = useGlobalConfig();
-      const component = useOptionalComponent(
-        components?.[name],
-        defaultComponent
-      );
+      const component = useOptionalComponent(components?.[name], defaultComponent);
       return () => h(component.value, props, slots);
     }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "description": "基于 Vue3 的后台管理框架",
   "type": "module",
   "main": "index.js",
@@ -8,17 +8,17 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "wuzhitao",
-  "license": "MIT",
   "devDependencies": {
     "@casl/ability": "^6.7.3",
+    "@cosey/icons": "^0.1.5",
     "@ctrl/tinycolor": "^4.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@emotion/hash": "^0.9.2",
     "@emotion/unitless": "^0.10.0",
     "@floating-ui/dom": "^1.6.13",
     "@gunny/persist": "^1.0.1",
-    "@iconify-json/mdi": "^1.2.3",
+    "@iconify/types": "^2.0.0",
+    "@types/nprogress": "^0.2.3",
     "@types/stylis": "^4.2.7",
     "@vue/shared": "^3.5.13",
     "@vueuse/core": "^13.2.0",
@@ -32,6 +32,7 @@
     "jszip": "^3.10.1",
     "katex": "^0.16.22",
     "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
     "pinia": "^3.0.2",
     "quill": "^2.0.3",
     "stylis": "^4.3.6",
@@ -40,13 +41,15 @@
   },
   "peerDependencies": {
     "@casl/ability": "^6.7.3",
+    "@cosey/icons": "^0.1.5",
     "@ctrl/tinycolor": "^4.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@emotion/hash": "^0.9.2",
     "@emotion/unitless": "^0.10.0",
     "@floating-ui/dom": "^1.6.13",
     "@gunny/persist": "^1.0.1",
-    "@iconify-json/mdi": "^1.2.3",
+    "@iconify/types": "^2.0.0",
+    "@types/nprogress": "^0.2.3",
     "@vue/shared": "^3.5.13",
     "@vueuse/core": "^13.2.0",
     "axios": "^1.7.9",
@@ -59,10 +62,17 @@
     "jszip": "^3.10.1",
     "katex": "^0.16.22",
     "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
     "pinia": "^3.0.2",
     "quill": "^2.0.3",
     "stylis": "^4.3.6",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sutras/cosey.git"
+  },
+  "author": "wuzhitao",
+  "license": "MIT"
 }

package/request/useRequest.js

@@ -80,7 +80,7 @@ function useRequest(config = {}) {
   };
   const map = (object) => {
     const result = {};
-    for (let [key, handler] of Object.entries(object)) {
+    for (const [key, handler] of Object.entries(object)) {
       result[key] = fn(handler);
     }
     return result;

package/router/guard/auth.js

@@ -24,13 +24,10 @@ function registerAuthGuard(router) {
           await userStore.getUserInfo();
           await userStore.setAuthorization();
           await userStore.addDynamicRoutes();
-          layoutStore.menus = getMenus([
-            ...getAllStaticRoutes(),
-            ...userStore.dynamicRoutes
-          ]);
+          layoutStore.menus = getMenus([...getAllStaticRoutes(), ...userStore.dynamicRoutes]);
           firstTimeAddRoutes = true;
           userStore.requestedUserInfo = true;
-        } catch (err) {
+        } catch {
           return false;
         } finally {
           persist.remove(ROUTER_TO);

package/router/guard/index.js

@@ -1,11 +1,11 @@
 import { registerProgressGuard } from './progress.js';
-import { registerPopupGuard } from './popup.js';
 import { registerAuthGuard } from './auth.js';
+import { registerPageTitleGuard } from './pageTitle.js';
 
 function registerRouterGuard(router) {
   registerProgressGuard(router);
-  registerPopupGuard(router);
   registerAuthGuard(router);
+  registerPageTitleGuard(router);
 }
 
 export { registerRouterGuard };

package/router/guard/pageTitle.d.ts

@@ -0,0 +1,2 @@
+import { type Router } from 'vue-router';
+export declare function registerPageTitleGuard(router: Router): void;

package/router/guard/pageTitle.js

@@ -0,0 +1,11 @@
+import { useGlobalConfig } from '../../config/index.js';
+
+function registerPageTitleGuard(router) {
+  router.afterEach((to) => {
+    const siteConfig = useGlobalConfig().site;
+    const title = to.meta.title ? to.meta.title + " - " + siteConfig.name : siteConfig.name;
+    document.title = title;
+  });
+}
+
+export { registerPageTitleGuard };

package/router/guard/progress.js

@@ -1,5 +1,15 @@
+import NProgress from 'nprogress';
+
 function registerProgressGuard(router) {
-  router.beforeEach(() => {
+  const pathCache = {};
+  router.beforeEach((to) => {
+    if (!pathCache[to.path]) {
+      NProgress.start();
+    }
+  });
+  router.afterEach((to) => {
+    pathCache[to.path] = true;
+    NProgress.done();
   });
 }
 

package/router/index.d.ts

@@ -1,4 +1,5 @@
 import { type RouteRecordRaw, type RouterOptions, type RouterHistory } from 'vue-router';
+import type { AnyAbility } from '@casl/ability';
 export { type MenuItem, type MenuNode, getMenus, getMenusMap, getMenuPathKeys, getBreadcrumbRoutes, } from './menus';
 export { defineRoute, defineRoutes, mergeRouteModules } from './utils';
 export interface CoseyRouterOptions extends Omit<RouterOptions, 'routes' | 'history'> {
@@ -9,3 +10,24 @@ export interface CoseyRouterOptions extends Omit<RouterOptions, 'routes' | 'hist
 export declare const getAllDynamicRoutes: () => RouteRecordRaw[];
 export declare const getAllStaticRoutes: () => RouteRecordRaw[];
 export declare function createCoseyRouter(options?: CoseyRouterOptions): import("vue-router").Router;
+declare module 'vue-router' {
+    interface RouteMeta {
+        title?: string;
+        icon?: string;
+        hideInMenu?: boolean;
+        hideChildrenInMenu?: boolean;
+        flatChildrenInMenu?: boolean;
+        type?: 'group';
+        closable?: boolean;
+        keepAlive?: boolean;
+        order?: number;
+        iframeSrc?: string;
+        authentication?: boolean;
+        authority?: (ability: AnyAbility) => boolean;
+    }
+}
+declare module 'vue-router' {
+    interface RouteMeta {
+        _externalLink?: boolean;
+    }
+}

package/router/index.js

@@ -24,7 +24,7 @@ function createCoseyRouter(options = {}) {
     },
     restOptions,
     {
-      routes: [...staticRoutes, ...customStaticRoutes]
+      routes: getAllStaticRoutes()
     }
   );
   const router = createRouter(mergedOptions);

package/router/routes/static/auth.js

@@ -1,13 +1,12 @@
 import { defineRoutes } from '../../utils.js';
-import stdin_default$3 from '../../../layout/layout-auth/layout-auth.vue.js';
-import stdin_default$2 from '../../../layout/layout-change-password/layout-change-password.vue.js';
-import stdin_default$1 from '../../../layout/layout-login/layout-login.vue.js';
+import stdin_default$3 from '../../../layout/merged/layout-auth.js';
+import stdin_default$2 from '../../../layout/merged/layout-change-password.js';
+import stdin_default$1 from '../../../layout/merged/layout-login.js';
 
 var stdin_default = defineRoutes({
   path: "/auth",
   name: "Auth",
   component: stdin_default$3,
-  redirect: "/auth/login",
   meta: {
     hideInMenu: true
   },
@@ -23,10 +22,10 @@ var stdin_default = defineRoutes({
     },
     {
       path: "change-password",
-      name: "ResetPassword",
+      name: "ChangePassword",
       component: stdin_default$2,
       meta: {
-        title: "\u91CD\u7F6E\u5BC6\u7801"
+        title: "\u4FEE\u6539\u5BC6\u7801"
       }
     }
   ]

package/router/routes/static/exception.js

@@ -1,7 +1,7 @@
 import { defineRoutes } from '../../utils.js';
-import stdin_default$3 from '../../../layout/layout-exception/layout-exception.vue.js';
-import stdin_default$1 from '../../../layout/layout-forbidden/layout-forbidden.vue.js';
-import stdin_default$2 from '../../../layout/layout-internal-server-error/layout-internal-server-error.vue.js';
+import stdin_default$3 from '../../../layout/merged/layout-exception.js';
+import stdin_default$1 from '../../../layout/merged/layout-forbidden.js';
+import stdin_default$2 from '../../../layout/merged/layout-internal-server-error.js';
 import { NotFoundRoute } from '../../not-found.js';
 
 var stdin_default = defineRoutes([

package/router/utils.js

@@ -1,12 +1,11 @@
 import { uuid } from '../utils/string.js';
 
 function defineRoute(route) {
-  function recur(route2) {
+  function recur(route2, index = 0, parent) {
     const meta = route2.meta || {};
-    return {
+    const newRoute = {
       ...route2,
       name: route2.name || uuid(),
-      children: Array.isArray(route2.children) ? route2.children.map(recur) : void 0,
       meta: {
         ...meta,
         closable: meta.closable ?? true,
@@ -14,6 +13,15 @@ function defineRoute(route) {
         authentication: meta.authentication ?? true
       }
     };
+    if (Array.isArray(route2.children)) {
+      newRoute.children = route2.children.map((item, index2) => recur(item, index2, newRoute));
+    }
+    if (parent && !parent.redirect && index === 0) {
+      parent.redirect = {
+        name: newRoute.name
+      };
+    }
+    return newRoute;
   }
   return recur(route);
 }

package/store/layout.d.ts

@@ -1,16 +1,14 @@
-import { type RouteLocationNormalized } from 'vue-router';
+import { RouteMeta } from 'vue-router';
 import { type MenuItem } from '../router';
 export type LayoutMenuType = 'vertical' | 'biserial' | 'horizontal' | 'horizontal-vertical' | 'horizontal-biserial';
 export interface LayoutTab {
     name: string;
-    meta: RouteLocationNormalized['meta'];
+    meta: RouteMeta;
 }
-export declare const useLayoutStore: import("pinia").StoreDefinition<"layout", Pick<{
+export declare const useLayoutStore: import("pinia").StoreDefinition<"cosey-layout", Pick<{
     sidebarVisible: import("vue").Ref<boolean, boolean>;
     collapse: import("vue").Ref<boolean, boolean>;
-    settingVisible: import("vue").Ref<boolean, boolean>;
     isMobile: import("vue").Ref<boolean, boolean>;
-    fixedHead: import("vue").Ref<boolean, boolean>;
     menuType: import("vue").Ref<LayoutMenuType, LayoutMenuType>;
     includeHorizontal: import("vue").ComputedRef<boolean>;
     isVertical: import("vue").ComputedRef<boolean>;
@@ -407,12 +405,10 @@ export declare const useLayoutStore: import("pinia").StoreDefinition<"layout", P
     topbarHeight: import("vue").Ref<number, number>;
     tabbarHeight: import("vue").Ref<number, number>;
     headerHeight: import("vue").ComputedRef<number>;
-}, "collapse" | "menus" | "sidebarVisible" | "settingVisible" | "isMobile" | "fixedHead" | "menuType" | "firstLevelMenus" | "firstLevelActive" | "secondLevelActive" | "topMenus" | "topActive" | "tabbarVisible" | "activeTab" | "refreshing" | "tabList" | "keepAliveInclude" | "asideWidth" | "collapsedAsideWidth" | "snugAsideWidth" | "topbarHeight" | "tabbarHeight">, Pick<{
+}, "collapse" | "menus" | "sidebarVisible" | "menuType" | "tabbarVisible" | "asideWidth" | "collapsedAsideWidth" | "snugAsideWidth" | "topbarHeight" | "tabbarHeight" | "isMobile" | "firstLevelMenus" | "firstLevelActive" | "secondLevelActive" | "topMenus" | "topActive" | "activeTab" | "refreshing" | "tabList" | "keepAliveInclude">, Pick<{
     sidebarVisible: import("vue").Ref<boolean, boolean>;
     collapse: import("vue").Ref<boolean, boolean>;
-    settingVisible: import("vue").Ref<boolean, boolean>;
     isMobile: import("vue").Ref<boolean, boolean>;
-    fixedHead: import("vue").Ref<boolean, boolean>;
     menuType: import("vue").Ref<LayoutMenuType, LayoutMenuType>;
     includeHorizontal: import("vue").ComputedRef<boolean>;
     isVertical: import("vue").ComputedRef<boolean>;
@@ -812,9 +808,7 @@ export declare const useLayoutStore: import("pinia").StoreDefinition<"layout", P
 }, "keepAlive" | "isHorizontal" | "includeHorizontal" | "isVertical" | "isBiserial" | "isHorizontalVertical" | "isHorizontalBiserial" | "menusMap" | "secondLevelMenus" | "thirdLevelMenus" | "snugMenus" | "snugActive" | "defaultMenus" | "iframeTabList" | "keepAliveExclude" | "sidebarWidth" | "headerHeight">, Pick<{
     sidebarVisible: import("vue").Ref<boolean, boolean>;
     collapse: import("vue").Ref<boolean, boolean>;
-    settingVisible: import("vue").Ref<boolean, boolean>;
     isMobile: import("vue").Ref<boolean, boolean>;
-    fixedHead: import("vue").Ref<boolean, boolean>;
     menuType: import("vue").Ref<LayoutMenuType, LayoutMenuType>;
     includeHorizontal: import("vue").ComputedRef<boolean>;
     isVertical: import("vue").ComputedRef<boolean>;

package/store/layout.js

@@ -5,13 +5,11 @@ import { useGlobalConfig } from '../config/index.js';
 import { ref, watch, computed, nextTick } from 'vue';
 import { useWindowResize } from '../hooks/useWindowResize.js';
 
-const useLayoutStore = defineStore("layout", () => {
+const useLayoutStore = defineStore("cosey-layout", () => {
   const { layout: layoutConfig } = useGlobalConfig();
   const route = useRoute();
-  const sidebarVisible = ref(true);
-  const collapse = ref(false);
-  const settingVisible = ref(false);
-  const fixedHead = ref(true);
+  const sidebarVisible = ref(layoutConfig.sidebarVisible);
+  const collapse = ref(layoutConfig.collapse);
   const isMobile = ref(false);
   watch(
     isMobile,
@@ -27,21 +25,15 @@ const useLayoutStore = defineStore("layout", () => {
   };
   onResize();
   useWindowResize(onResize);
-  const menuType = ref("vertical");
+  const menuType = ref(layoutConfig.menuType);
   const includeHorizontal = computed(
-    () => ["horizontal", "horizontal-vertical", "horizontal-biserial"].includes(
-      menuType.value
-    )
+    () => ["horizontal", "horizontal-vertical", "horizontal-biserial"].includes(menuType.value)
   );
   const isVertical = computed(() => menuType.value === "vertical");
   const isBiserial = computed(() => menuType.value === "biserial");
   const isHorizontal = computed(() => menuType.value === "horizontal");
-  const isHorizontalVertical = computed(
-    () => menuType.value === "horizontal-vertical"
-  );
-  const isHorizontalBiserial = computed(
-    () => menuType.value === "horizontal-biserial"
-  );
+  const isHorizontalVertical = computed(() => menuType.value === "horizontal-vertical");
+  const isHorizontalBiserial = computed(() => menuType.value === "horizontal-biserial");
   const menus = ref([]);
   const menusMap = computed(() => getMenusMap(menus.value));
   const firstLevelMenus = menus;
@@ -95,7 +87,7 @@ const useLayoutStore = defineStore("layout", () => {
       }
     }
   });
-  const tabbarVisible = ref(true);
+  const tabbarVisible = ref(layoutConfig.tabbarVisible);
   const activeTab = ref("");
   const refreshing = ref(false);
   const tabList = ref([]);
@@ -127,21 +119,16 @@ const useLayoutStore = defineStore("layout", () => {
   const reload = () => {
     refreshing.value = true;
     if (keepAliveInclude.value.includes(route.name)) {
-      keepAliveInclude.value = keepAliveInclude.value.filter(
-        (item) => item !== route.name
-      );
+      keepAliveInclude.value = keepAliveInclude.value.filter((item) => item !== route.name);
     }
     nextTick(() => {
       refreshing.value = false;
-      keepAliveInclude.value = [
-        ...keepAliveInclude.value,
-        route.name
-      ];
+      keepAliveInclude.value = [...keepAliveInclude.value, route.name];
     });
   };
-  const asideWidth = ref(260);
-  const collapsedAsideWidth = ref(64);
-  const snugAsideWidth = ref(85);
+  const asideWidth = ref(layoutConfig.asideWidth);
+  const collapsedAsideWidth = ref(layoutConfig.collapsedAsideWidth);
+  const snugAsideWidth = ref(layoutConfig.snugAsideWidth);
   const sidebarWidth = computed(() => {
     if (isMobile.value) {
       return 0;
@@ -162,24 +149,25 @@ const useLayoutStore = defineStore("layout", () => {
           }
           return asideWidth.value;
         case "biserial":
-        case "horizontal-biserial":
+        case "horizontal-biserial": {
           const snugAsideW = snugMenus.value.length === 0 ? 0 : snugAsideWidth.value;
           const asideW = defaultMenus.value.length === 0 ? 0 : collapse.value ? collapsedAsideWidth.value : asideWidth.value;
           return snugAsideW + asideW;
+        }
+        default:
+          return 0;
       }
     }
   });
-  const topbarHeight = ref(48);
-  const tabbarHeight = ref(41);
+  const topbarHeight = ref(layoutConfig.topbarHeight);
+  const tabbarHeight = ref(layoutConfig.tabbarHeight);
   const headerHeight = computed(() => {
     return topbarHeight.value + (tabbarVisible.value ? tabbarHeight.value : 0);
   });
   return {
     sidebarVisible,
     collapse,
-    settingVisible,
     isMobile,
-    fixedHead,
     menuType,
     includeHorizontal,
     isVertical,

package/store/user.d.ts

@@ -5,12 +5,12 @@ interface UserInfo {
     avatar: string;
     [key: PropertyKey]: any;
 }
-export declare const useUserStore: import("pinia").StoreDefinition<"user", Pick<{
+export declare const useUserStore: import("pinia").StoreDefinition<"cosey-user", Pick<{
     dynamicRoutes: import("vue").Ref<any[], any[]>;
     userInfo: import("vue").Ref<UserInfo | undefined, UserInfo | undefined>;
     requestedUserInfo: import("vue").Ref<boolean, boolean>;
     login: (data: any) => Promise<void>;
-    getUserInfo: () => Promise<void | undefined>;
+    getUserInfo: () => Promise<UserInfo | undefined>;
     changePassword: (data: any) => Promise<void>;
     setAuthorization: () => Promise<void | undefined>;
     addDynamicRoutes: () => Promise<void>;
@@ -20,7 +20,7 @@ export declare const useUserStore: import("pinia").StoreDefinition<"user", Pick<
     userInfo: import("vue").Ref<UserInfo | undefined, UserInfo | undefined>;
     requestedUserInfo: import("vue").Ref<boolean, boolean>;
     login: (data: any) => Promise<void>;
-    getUserInfo: () => Promise<void | undefined>;
+    getUserInfo: () => Promise<UserInfo | undefined>;
     changePassword: (data: any) => Promise<void>;
     setAuthorization: () => Promise<void | undefined>;
     addDynamicRoutes: () => Promise<void>;
@@ -30,7 +30,7 @@ export declare const useUserStore: import("pinia").StoreDefinition<"user", Pick<
     userInfo: import("vue").Ref<UserInfo | undefined, UserInfo | undefined>;
     requestedUserInfo: import("vue").Ref<boolean, boolean>;
     login: (data: any) => Promise<void>;
-    getUserInfo: () => Promise<void | undefined>;
+    getUserInfo: () => Promise<UserInfo | undefined>;
     changePassword: (data: any) => Promise<void>;
     setAuthorization: () => Promise<void | undefined>;
     addDynamicRoutes: () => Promise<void>;