cpms_operation_platform/src/hooks/useAuth.ts

// src/hooks/useAuth.ts
import { useState } from './useState';
import { useEffect } from './useEffect';
import { useMenuStore } from '@/stores/menuStore';
import { usePermissionStore } from '@/stores/permissionStore';
import { useTabsStore } from '@/stores/tabsStore';
import { clearAuthDataCache } from '@/api/menu';
import router from '@/router';

const TOKEN_KEY = 'MY_APP_AUTH_TOKEN';

function createAuth() {
  const [token, setToken] = useState<string | null>(window.localStorage.getItem(TOKEN_KEY));

  useEffect(() => {
    const newToken = token.value;
    if (newToken) {
      window.localStorage.setItem(TOKEN_KEY, newToken);
    } else {
      window.localStorage.removeItem(TOKEN_KEY);
    }
  }, [token]);

  const isLoggedIn = () => !!token.value;

  /**
   * 登录:保存 token → 拉取菜单+权限 → 动态注册路由 → 跳转首页
   */
  const login = async (newToken: string, targetPath?: string) => {
    setToken(newToken);

    const { loadMenu, homePath, isRoutePathAvailable } = useMenuStore();
    const { loadPermissions } = usePermissionStore();

    // 并行拉取菜单和权限
    await Promise.all([loadMenu(), loadPermissions()]);

    const nextPath =
      targetPath && isRoutePathAvailable(targetPath) ? targetPath : homePath.value || '/404';

    // 动态路由注册完成后，再跳转到有效目标页
    router.push(nextPath);
  };

  /**
   * 退出:清除 token → 清除菜单+权限 → 清除动态路由 → 跳转登录页
   */
  const logout = () => {
    setToken(null);

    const { clearMenu } = useMenuStore();
    const { clearPermissions } = usePermissionStore();
    const { clearTabs } = useTabsStore();

    clearTabs();
    clearMenu();
    clearPermissions();
    clearAuthDataCache();

    router.push('/login');
  };

  return {
    token,
    isLoggedIn,
    login,
    logout,
  };
}

export const auth = createAuth();