feat(projects): 添加头部折叠按钮

src/composables/common/index.ts

@@ -1,2 +1,3 @@
 export * from './system';
 export * from './router';
+export * from './layout';

src/composables/common/layout.ts

@@ -0,0 +1,70 @@
+import { computed } from 'vue';
+import { useAppStore, useThemeStore } from '@/store';
+import type { ThemeLayoutMode, GlobalHeaderProps } from '@/interface';
+
+type LayoutHeaderProps = Record<ThemeLayoutMode, GlobalHeaderProps>;
+
+export function useBasicLayout() {
+  const app = useAppStore();
+  const theme = useThemeStore();
+
+  type LayoutMode = 'vertical' | 'horizontal';
+  const mode = computed(() => {
+    const vertical: LayoutMode = 'vertical';
+    const horizontal: LayoutMode = 'horizontal';
+    return theme.layout.mode.includes(vertical) ? vertical : horizontal;
+  });
+
+  const layoutHeaderProps: LayoutHeaderProps = {
+    vertical: {
+      showLogo: false,
+      showHeaderMenu: false,
+      showMenuCollape: true
+    },
+    'vertical-mix': {
+      showLogo: false,
+      showHeaderMenu: false,
+      showMenuCollape: false
+    },
+    horizontal: {
+      showLogo: true,
+      showHeaderMenu: true,
+      showMenuCollape: false
+    },
+    'horizontal-mix': {
+      showLogo: true,
+      showHeaderMenu: false,
+      showMenuCollape: true
+    }
+  };
+
+  const headerProps = computed(() => layoutHeaderProps[theme.layout.mode]);
+
+  const siderVisible = computed(() => theme.layout.mode !== 'horizontal');
+  const siderWidth = computed(() => {
+    const { width, mixWidth, mixChildMenuWidth } = theme.sider;
+    const isVerticalMix = theme.layout.mode === 'vertical-mix';
+    let w = isVerticalMix ? mixWidth : width;
+    if (isVerticalMix && app.mixSiderFixed) {
+      w += mixChildMenuWidth;
+    }
+    return w;
+  });
+  const siderCollapsedWidth = computed(() => {
+    const { collapsedWidth, mixCollapsedWidth, mixChildMenuWidth } = theme.sider;
+    const isVerticalMix = theme.layout.mode === 'vertical-mix';
+    let w = isVerticalMix ? mixCollapsedWidth : collapsedWidth;
+    if (isVerticalMix && app.mixSiderFixed) {
+      w += mixChildMenuWidth;
+    }
+    return w;
+  });
+
+  return {
+    mode,
+    headerProps,
+    siderVisible,
+    siderWidth,
+    siderCollapsedWidth
+  };
+}