refactor(project): re-adjust the overall folder

packages/effects/hooks/README.md

@@ -0,0 +1,19 @@
+# @vben/hooks
+
+用于多个 `app` 公用的 hook，继承了 `@vben/hooks` 的所有能力。业务上有通用 hooks 可以放在这里。
+
+## 用法
+
+### 添加依赖
+
+```bash
+# 进入目标应用目录，例如 apps/xxxx-app
+# cd apps/xxxx-app
+pnpm add @vben/hooks --workspace
+```
+
+### 使用
+
+```ts
+import { useNamespace } from '@vben/hooks';
+```

packages/effects/hooks/build.config.ts

@@ -0,0 +1,8 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+  clean: true,
+  declaration: true,
+  entries: ['src/index'],
+  externals: ['vue'],
+});

packages/effects/hooks/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vben/hooks",
+  "version": "5.0.0",
+  "homepage": "https://github.com/vbenjs/vue-vben-admin",
+  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
+    "directory": "packages/effects/hooks"
+  },
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "#build": "pnpm unbuild"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "development": "./src/index.ts",
+      "#default": "./dist/index.mjs",
+      "default": "./src/index.ts"
+    }
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
+  "dependencies": {
+    "@vben-core/hooks": "workspace:*",
+    "@vben/preferences": "workspace:*",
+    "@vben/stores": "workspace:*",
+    "vue-router": "^4.4.0"
+  }
+}

packages/effects/hooks/src/index.ts

@@ -0,0 +1,4 @@
+export * from './use-content-maximize';
+export * from './use-refresh';
+export * from './use-tabs';
+export * from '@vben-core/hooks';

packages/effects/hooks/src/use-content-maximize.ts

@@ -0,0 +1,24 @@
+import { updatePreferences, usePreferences } from '@vben/preferences';
+/**
+ * 主体区域最大化
+ */
+export function useContentMaximize() {
+  const { contentIsMaximize } = usePreferences();
+
+  function toggleMaximize() {
+    const isMaximize = contentIsMaximize.value;
+
+    updatePreferences({
+      header: {
+        hidden: !isMaximize,
+      },
+      sidebar: {
+        hidden: !isMaximize,
+      },
+    });
+  }
+  return {
+    contentIsMaximize,
+    toggleMaximize,
+  };
+}

packages/effects/hooks/src/use-refresh.ts

@@ -0,0 +1,16 @@
+import { useRouter } from 'vue-router';
+
+import { useCoreTabbarStore } from '@vben/stores';
+
+export function useRefresh() {
+  const router = useRouter();
+  const coreTabbarStore = useCoreTabbarStore();
+
+  function refresh() {
+    coreTabbarStore.refresh(router);
+  }
+
+  return {
+    refresh,
+  };
+}

packages/effects/hooks/src/use-tabs.ts

@@ -0,0 +1,113 @@
+import { type RouteLocationNormalized, useRoute, useRouter } from 'vue-router';
+
+import { useCoreTabbarStore } from '@vben/stores';
+
+export function useTabs() {
+  const router = useRouter();
+  const route = useRoute();
+  const coreTabbarStore = useCoreTabbarStore();
+
+  async function closeLeftTabs(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.closeLeftTabs(tab || route);
+  }
+
+  async function closeAllTabs() {
+    await coreTabbarStore.closeAllTabs(router);
+  }
+
+  async function closeRightTabs(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.closeRightTabs(tab || route);
+  }
+
+  async function closeOtherTabs(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.closeOtherTabs(tab || route);
+  }
+
+  async function closeCurrentTab(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.closeTab(tab || route, router);
+  }
+
+  async function pinTab(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.pinTab(tab || route);
+  }
+
+  async function unpinTab(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.unpinTab(tab || route);
+  }
+
+  async function toggleTabPin(tab?: RouteLocationNormalized) {
+    await coreTabbarStore.toggleTabPin(tab || route);
+  }
+
+  async function refreshTab() {
+    await coreTabbarStore.refresh(router);
+  }
+
+  async function openTabInNewWindow(tab?: RouteLocationNormalized) {
+    coreTabbarStore.openTabInNewWindow(tab || route);
+  }
+
+  async function closeTabByKey(key: string) {
+    await coreTabbarStore.closeTabByKey(key, router);
+  }
+
+  async function setTabTitle(title: string) {
+    coreTabbarStore.setUpdateTime();
+    await coreTabbarStore.setTabTitle(route, title);
+  }
+
+  async function resetTabTitle() {
+    coreTabbarStore.setUpdateTime();
+    await coreTabbarStore.resetTabTitle(route);
+  }
+
+  /**
+   * 获取操作是否禁用
+   * @param tab
+   */
+  function getTabDisableState(tab: RouteLocationNormalized = route) {
+    const tabs = coreTabbarStore.getTabs;
+    const affixTabs = coreTabbarStore.affixTabs;
+    const index = tabs.findIndex((item) => item.path === tab.path);
+
+    const disabled = tabs.length <= 1;
+
+    const { meta } = tab;
+    const affixTab = meta?.affixTab ?? false;
+    const isCurrentTab = route.path === tab.path;
+
+    // 当前处于最左侧或者减去固定标签页的数量等于0
+    const disabledCloseLeft =
+      index === 0 || index - affixTabs.length <= 0 || !isCurrentTab;
+
+    const disabledCloseRight = !isCurrentTab || index === tabs.length - 1;
+
+    const disabledCloseOther =
+      disabled || !isCurrentTab || tabs.length - affixTabs.length <= 1;
+    return {
+      disabledCloseAll: disabled,
+      disabledCloseCurrent: !!affixTab || disabled,
+      disabledCloseLeft,
+      disabledCloseOther,
+      disabledCloseRight,
+      disabledRefresh: !isCurrentTab,
+    };
+  }
+
+  return {
+    closeAllTabs,
+    closeCurrentTab,
+    closeLeftTabs,
+    closeOtherTabs,
+    closeRightTabs,
+    closeTabByKey,
+    getTabDisableState,
+    openTabInNewWindow,
+    pinTab,
+    refreshTab,
+    resetTabTitle,
+    setTabTitle,
+    toggleTabPin,
+    unpinTab,
+  };
+}

packages/effects/hooks/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@vben/tsconfig/library.json",
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}