chore: init project

packages/business/layouts/src/basic/header/header.vue

@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+import { VbenFullScreen } from '@vben-core/shadcn-ui';
+
+import { GlobalSearch, LanguageToggle, ThemeToggle } from '@vben/common-ui';
+import { useAccessStore } from '@vben/stores';
+
+interface Props {
+  /**
+   * Logo 主题
+   */
+  theme?: string;
+}
+
+defineOptions({
+  name: 'LayoutHeader',
+});
+
+withDefaults(defineProps<Props>(), {
+  theme: 'light',
+});
+
+const accessStore = useAccessStore();
+</script>
+
+<template>
+  <div class="flex-center hidden lg:block">
+    <slot name="breadcrumb"></slot>
+  </div>
+  <div class="flex h-full min-w-0 flex-1 items-center">
+    <slot name="menu"></slot>
+  </div>
+  <div class="flex h-full min-w-0 flex-shrink-0 items-center">
+    <GlobalSearch class="mr-4" :menus="accessStore.getAccessMenus" />
+    <ThemeToggle class="mr-2" />
+    <LanguageToggle class="mr-2" />
+    <VbenFullScreen class="mr-2" />
+    <slot name="notification"></slot>
+    <slot name="user-dropdown"></slot>
+  </div>
+</template>

packages/business/layouts/src/basic/header/index.ts

@@ -0,0 +1 @@
+export { default as LayoutHeader } from './header.vue';