refactor(project): business changed its name to effects, and universal-ui changed its name to common-ui

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

@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+import { preferences, usePreferences } from '@vben-core/preferences';
+import { VbenFullScreen } from '@vben-core/shadcn-ui';
+import { useCoreAccessStore } from '@vben-core/stores';
+
+import { GlobalSearch, LanguageToggle, ThemeToggle } from '../../widgets';
+
+interface Props {
+  /**
+   * Logo 主题
+   */
+  theme?: string;
+}
+
+defineOptions({
+  name: 'LayoutHeader',
+});
+
+withDefaults(defineProps<Props>(), {
+  theme: 'light',
+});
+
+const accessStore = useCoreAccessStore();
+const { globalSearchShortcutKey } = usePreferences();
+</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
+      v-if="preferences.widget.globalSearch"
+      :enable-shortcut-key="globalSearchShortcutKey"
+      :menus="accessStore.accessMenus"
+      class="mr-4"
+    />
+    <ThemeToggle v-if="preferences.widget.themeToggle" class="mr-2" />
+    <LanguageToggle v-if="preferences.widget.languageToggle" class="mr-2" />
+    <VbenFullScreen v-if="preferences.widget.fullscreen" class="mr-2" />
+    <slot v-if="preferences.widget.notification" name="notification"></slot>
+    <slot name="user-dropdown"></slot>
+  </div>
+</template>