chore: init project

packages/business/layouts/src/basic/tabs/tabs-toolbar.vue

@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { TabsMore, TabsScreen } from '@vben-core/tabs-ui';
+
+import { preference, updatePreference } from '@vben/preference';
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+import { useTabs } from './use-tabs';
+
+const route = useRoute();
+
+const { createContextMenus } = useTabs();
+
+const menus = computed(() => {
+  return createContextMenus(route);
+});
+
+function handleScreenChange(screen: boolean) {
+  updatePreference({
+    headerVisible: !screen,
+    sideVisible: !screen,
+  });
+}
+</script>
+
+<template>
+  <div class="flex-center h-full">
+    <TabsMore :menus="menus" />
+    <TabsScreen
+      :screen="!preference.headerVisible && !preference.sideVisible"
+      @change="handleScreenChange"
+      @update:screen="handleScreenChange"
+    />
+  </div>
+</template>