@pubinfo-nightly/core 2025.11.14

package/src/features/stores/modules/tabbar.ts

@@ -0,0 +1,339 @@
+import type { Tabbar } from '#/tabbar';
+import type { RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
+import { defineStore } from 'pinia';
+import { STORE_NAME } from '../enum';
+import useIframeStore from './iframe';
+import useKeepAliveStore from './keepAlive';
+import useRouteStore from './route';
+import useSettingsStore from './settings';
+
+// TODO V1: 移除createTab函数，返回值变化太多
+const useTabbarStore = defineStore(
+  STORE_NAME.TABBAR,
+  () => {
+    const settingsStore = useSettingsStore();
+    const routeStore = useRouteStore();
+    const keepAliveStore = useKeepAliveStore();
+    const iframeStore = useIframeStore();
+
+    const list = ref<Tabbar.recordRaw[]>([]);
+    const leaveIndex = ref(-1);
+
+    /**
+     * 初始化永久标签页。
+     */
+    function initPermanentTab() {
+      const tabs: Tabbar.recordRaw[] = [];
+
+      function formatTabs(items: RouteRecordRaw) {
+        if (items.children) {
+          items.children.forEach((route) => {
+            if (route.meta?.permanent && route.meta?.breadcrumbNeste && route.meta?.tabbar !== false) {
+              const fullPath = route.meta.breadcrumbNeste.at(-1)?.path as string;
+              const tabId = settingsStore.settings.tabbar.mergeTabsBy === 'activeMenu' ? (route.meta.activeMenu || fullPath) : fullPath;
+              tabs.push({
+                tabId,
+                fullPath,
+                routeName: route.name,
+                activeMenu: route.meta.activeMenu,
+                title: typeof route.meta.title === 'function' ? route.meta.title() : route.meta.title,
+                iframe: route.meta.iframe,
+                icon: route.meta?.icon ?? route.meta?.breadcrumbNeste?.findLast(item => item.icon)?.icon,
+                activeIcon: route.meta?.activeIcon ?? route.meta?.breadcrumbNeste?.findLast(item => item.activeIcon)?.activeIcon,
+                name: route.name ? [route.name as string] : [],
+                customTitleList: [],
+                isPin: route.meta?.pin !== undefined ? route.meta?.pin : false,
+                isTabbar: route.meta?.tabbar !== false,
+                isPermanent: true,
+              });
+            }
+          });
+        }
+      }
+
+      routeStore.flatSystemRoutes.forEach(formatTabs);
+      routeStore.flatRoutes.forEach(formatTabs);
+
+      // 常驻的标签页添加到标签栏开头
+      if (tabs.length) {
+        list.value.unshift(...tabs);
+      }
+    }
+
+    /**
+     * 添加标签页
+     * @param route 路由对象
+     */
+    async function add(route: RouteLocationNormalized) {
+      const names: string[] = [];
+      route.matched.forEach((v, i) => {
+        if (i > 0) {
+          if (v.components?.default.name) {
+            names.push(v.components.default.name);
+          }
+        }
+      });
+      const meta = route.matched.at(-1)?.meta;
+      const tabId = settingsStore.settings.tabbar.mergeTabsBy === 'activeMenu' ? (meta?.activeMenu ?? route.fullPath) : route.fullPath;
+
+      if (route.name !== 'Reload' && meta?.tabbar !== false) {
+        // 记录查找到的标签页
+        const findTab = list.value.find((item) => {
+          if (settingsStore.settings.tabbar.mergeTabsBy === 'routeName' && item.routeName) {
+            return item.routeName === route.name;
+          }
+          else {
+            return item.tabId === tabId;
+          }
+        });
+        // 新增标签页
+        if (!findTab) {
+          const listItem = {
+            tabId,
+            fullPath: route.fullPath,
+            routeName: route.name!,
+            activeMenu: meta?.activeMenu,
+            title: typeof meta?.title === 'function' ? meta.title() : meta?.title,
+            iframe: meta?.iframe,
+            icon: meta?.icon ?? meta?.breadcrumbNeste?.findLast(item => item.icon)?.icon,
+            activeIcon: meta?.activeIcon ?? meta?.breadcrumbNeste?.findLast(item => item.activeIcon)?.activeIcon,
+            name: names,
+            customTitleList: [],
+            isPin: meta?.pin !== undefined ? meta?.pin : false,
+            isTabbar: meta?.tabbar !== false,
+            isPermanent: false,
+          };
+          if (leaveIndex.value >= 0) {
+            list.value.splice(leaveIndex.value + 1, 0, listItem);
+            leaveIndex.value = -1;
+          }
+          else {
+            list.value.push(listItem);
+          }
+        }
+        // 更新标签页
+        else {
+          if (settingsStore.settings.tabbar.mergeTabsBy !== '') {
+            findTab.tabId = tabId;
+            findTab.fullPath = route.fullPath;
+            findTab.routeName = route.name!;
+            findTab.activeMenu = meta?.activeMenu;
+            findTab.title = typeof meta?.title === 'function' ? meta.title() : meta?.title;
+            findTab.iframe = meta?.iframe;
+            findTab.icon = meta?.icon ?? meta?.breadcrumbNeste?.findLast(item => item.icon)?.icon;
+            findTab.activeIcon = meta?.activeIcon ?? meta?.breadcrumbNeste?.findLast(item => item.activeIcon)?.activeIcon;
+            findTab.isTabbar = meta?.tabbar !== false;
+          }
+        }
+      }
+    }
+
+    /**
+     * @desc: 副作用函数清除keepAlive和Iframe
+     * @param {Function} condition 满足指定的条件
+     */
+    function sideEffect(condition: (v: Tabbar.recordRaw, i: number) => boolean) {
+      const keepName: string[] = [];
+      const removeName: string[] = [];
+      const removeIframe: string[] = [];
+
+      list.value.forEach((v, i) => {
+        if (condition(v, i)) {
+          if (v.iframe) {
+            removeIframe.push(v.tabId);
+          }
+          else {
+            removeName.push(...v.name);
+          }
+        }
+        else {
+          keepName.push(...v.name);
+        }
+      });
+
+      keepAliveStore.remove(removeName.filter(v => !keepName.includes(v)));
+      iframeStore.close(removeIframe);
+    }
+
+    /**
+     * 从选项卡栏中移除一个选项卡。
+     * @param tabId 要移除的选项卡的ID。
+     */
+    function remove(tabId: Tabbar.recordRaw['tabId']) {
+      sideEffect(v => v.tabId === tabId);
+
+      list.value = list.value.filter((item) => {
+        return item.tabId !== tabId;
+      });
+    }
+
+    /**
+     * 从选项卡栏中移除除指定选项卡以外的所有选项卡。
+     * @param tabId 要保留的选项卡的ID。
+     */
+    function removeOtherSide(tabId: Tabbar.recordRaw['tabId']) {
+      sideEffect(v => v.tabId !== tabId && !v.isPermanent && !v.isPin);
+
+      list.value = list.value.filter((item) => {
+        return item.tabId === tabId || item.isPermanent || item.isPin;
+      });
+    }
+
+    /**
+     * 从标签页列表中移除指定路由左侧的标签页。
+     * @param tabId 要移除的标签页的ID
+     */
+    function removeLeftSide(tabId: Tabbar.recordRaw['tabId']) {
+      // 查找指定路由对应在标签页列表里的下标
+      const index = list.value.findIndex(item => item.tabId === tabId);
+
+      sideEffect((v, i) => i < index && !v.isPermanent && !v.isPin);
+
+      list.value = list.value.filter((item, i) => {
+        return i >= index || item.isPermanent || item.isPin;
+      });
+    }
+
+    /**
+     * 从指定路由开始，移除右侧的标签页，并执行相应的操作。
+     * @param tabId 要移除的标签页的唯一标识符
+     */
+    function removeRightSide(tabId: Tabbar.recordRaw['tabId']) {
+      // 查找指定路由对应在标签页列表里的下标
+      const index = list.value.findIndex(item => item.tabId === tabId);
+
+      sideEffect((v, i) => i > index && !v.isPermanent && !v.isPin);
+
+      list.value = list.value.filter((item, i) => {
+        return i <= index || item.isPermanent || item.isPin;
+      });
+    }
+
+    /**
+     * 将指定的标签固定在标签栏中。
+     * @param tabId 要固定的标签的唯一标识符
+     */
+    function pin(tabId: Tabbar.recordRaw['tabId']) {
+      const index = list.value.findIndex(item => item.tabId === tabId);
+      let toIndex = -1;
+      list.value.forEach((item, index) => {
+        if (item.isPermanent || item.isPin) {
+          toIndex = index;
+        }
+      });
+      if (index > toIndex) {
+        list.value.splice(toIndex + 1, 0, list.value[index]);
+        list.value.splice(index + 1, 1);
+      }
+      // 修改状态
+      list.value.forEach((item) => {
+        if (item.tabId === tabId) {
+          item.isPin = true;
+        }
+      });
+    }
+
+    /**
+     * 取消固定指定的选项卡。
+     * 将选项卡移动到最后一个固定选项卡之后的下一个可用位置。
+     * 更新选项卡的 isPin 属性为 false。
+     * 操作完成后更新存储。
+     *
+     * @param tabId - 要取消固定的选项卡的唯一标识符。
+     */
+    function unPin(tabId: Tabbar.recordRaw['tabId']) {
+      const index = list.value.findIndex(item => item.tabId === tabId);
+      let toIndex = -1;
+      list.value.forEach((item, index) => {
+        if (item.isPermanent || item.isPin) {
+          toIndex = index;
+        }
+      });
+      list.value.splice(toIndex + 1, 0, list.value[index]);
+      list.value.splice(index, 1);
+      // 修改状态
+      list.value.forEach((item) => {
+        if (item.tabId === tabId) {
+          item.isPin = false;
+        }
+      });
+    }
+
+    /**
+     * 清空列表
+     */
+    function clean() {
+      list.value = [];
+    }
+
+    /**
+     * 将列表中的元素通过将元素从旧索引移动到新索引来进行排序。
+     * @param newIndex - 应该将元素移动到的新索引。
+     * @param oldIndex - 应该移动的元素的旧索引。
+     */
+    function sort(newIndex: number, oldIndex: number) {
+      list.value.splice(newIndex, 0, list.value.splice(oldIndex, 1)[0]);
+    }
+
+    /**
+     * 设置自定义标题
+     * @param {object} options - 选项参数
+     * @param {string} options.tabId - 标签页ID
+     * @param {string} options.title - 标题
+     */
+    function setCustomTitle({ tabId, title }: {
+      tabId: Tabbar.recordRaw['tabId']
+      title: string
+    }) {
+      list.value.forEach((item) => {
+        if (item.tabId === tabId) {
+          const findItem = item.customTitleList.find(v => v.fullPath === item.fullPath);
+          if (findItem) {
+            findItem.title = title;
+          }
+          else {
+            item.customTitleList.push({
+              fullPath: item.fullPath,
+              title,
+            });
+          }
+        }
+      });
+    }
+
+    /**
+     * 重置自定义标题
+     * @param tabId - 标签栏ID
+     */
+    function resetCustomTitle(tabId: Tabbar.recordRaw['tabId']) {
+      list.value.forEach((item) => {
+        if (item.tabId === tabId) {
+          const index = item.customTitleList.findIndex(v => v.fullPath === item.fullPath);
+          if (index > -1) {
+            item.customTitleList.splice(index, 1);
+          }
+        }
+      });
+    }
+
+    return {
+      list,
+      leaveIndex,
+      initPermanentTab,
+      add,
+      remove,
+      removeOtherSide,
+      removeLeftSide,
+      removeRightSide,
+      pin,
+      unPin,
+      clean,
+      sort,
+      setCustomTitle,
+      resetCustomTitle,
+    };
+  },
+);
+
+export default useTabbarStore;
+export type TabbarStore = ReturnType<typeof useTabbarStore>;

package/src/features/stores/modules/user.ts

@@ -0,0 +1,301 @@
+import type { AxiosRequestHeaders } from 'axios';
+import type { ComputedRef } from 'vue';
+import { find } from 'lodash-es';
+import { defineStore } from 'pinia';
+import { postAuthChangeLoginOrg, postAuthLogin, postAuthLoginNew } from '@/features/api/modules/auth';
+import { getRbacResourceGrantedResources, getRbacUserUserEntireInfo, putRbacUserChangePassword } from '@/features/api/modules/rbac';
+import { usePubinfoContext } from '@/features/context';
+import { publicKeyEncryption } from '@/utils';
+import { STORE_NAME } from '../enum';
+
+export interface UserStore {
+  /** 用户信息 */
+  user: User
+
+  /** 用户组织名称 */
+  userOrgName: ComputedRef<string>
+
+  /** 是否登录 */
+  isLogin: ComputedRef<boolean>
+
+  /** 获取用户信息 */
+  getUserInfo: () => Promise<API.ResponseDataPubUserBo>
+
+  /** 获取用户权限码 */
+  getPermissions: () => Promise<string[]>
+
+  /**
+   * 登录
+   * @deprecated 请使用 `signIn` 方法替代
+   */
+  login: (data: {
+    account: string
+    password: string
+    captchas: string
+    captchaHash: string
+    loginType?: 'password' | string
+  }) => Promise<API.ResponseDataLoginTokenVo>
+
+  /** 登录 */
+  signIn: (data: {
+    account: string
+    password: string
+    captchas: string
+    captchaHash: string
+    loginType?: 'password' | string
+    captchaType?: string
+  }) => Promise<API.ResponseDataLoginTokenVo>
+
+  /** 登出 */
+  logout: () => void
+
+  /** 修改密码 */
+  changePassword: (form: API.putRbacUserChangePasswordParams & {
+    token?: string | string[]
+  }) => Promise<API.ResponseDataVoid>
+
+  /** 切换组织 */
+  changeOrg: (changeOrgId: string) => Promise<void>
+
+  /** 设置TOKEN */
+  setToken: (accessToken: string, refreshToken: string) => void
+
+  /** 清空用户信息 */
+  clean: () => void
+}
+
+const useUserStore = defineStore<STORE_NAME.USER, UserStore>(
+  STORE_NAME.USER,
+  () => {
+    const { router } = usePubinfoContext();
+
+    const user = reactive<User>({
+      account: '',
+      userId: '',
+      token: '',
+      avatar: '',
+      refreshToken: '',
+      orgList: [],
+      orgId: '',
+      permissions: [],
+      department: '',
+    });
+
+    /**
+     * @description
+     * 判断用户是否已登录
+     * @returns {boolean} 返回一个布尔值，表示用户是否已登录
+     */
+    const isLogin = computed(() => !!user.token);
+
+    /**
+     * 计算属性，返回用户的组织名称。
+     * 如果用户有 orgId，则在 orgList 中找到对应的 orgName。
+     * 如果用户没有 orgId，则找到 orgList 中主要组织的 orgName。
+     * 如果找不到 orgName，则返回空字符串。
+     */
+    const userOrgName = computed(() => {
+      let orgName: string | undefined;
+      if (user.orgId) {
+        const check = find(user.orgList, ['orgId', user.orgId]);
+        orgName = check?.orgName;
+      }
+      else {
+        const main = find(user.orgList, ['main', true]);
+        orgName = main?.orgName;
+      }
+      return orgName || '';
+    });
+
+    /**
+     * 用户登录函数
+     * @deprecated 请使用 `signIn` 方法替代
+     * @param data 登录所需的数据
+     * @param data.account 账号
+     * @param data.password 密码
+     * @param data.captchas 验证码
+     * @param data.captchaHash 验证码哈希值
+     * @param data.loginType 登录类型，默认为 'password'
+     */
+    async function login(data: {
+      account: string
+      password: string
+      captchas: string
+      captchaHash: string
+      loginType?: 'password' | string
+    }) {
+      const {
+        account: loginName,
+        password,
+        captchaHash: codeHash,
+        captchas: code,
+        loginType = 'password',
+      } = data;
+      const loginPwd = await publicKeyEncryption(password);
+      const result = await postAuthLogin({
+        loginType,
+        loginName,
+        loginPwd,
+        codeHash,
+        code,
+      });
+      const { accessToken, refreshToken } = result.data as Required<API.LoginTokenVo>;
+      setToken(accessToken, refreshToken);
+      return result;
+    }
+
+    /**
+     * 用户登录函数
+     * @param data 登录所需的数据
+     * @param data.account 账号
+     * @param data.password 密码
+     * @param data.captchas 验证码
+     * @param data.captchaHash 验证码哈希值
+     * @param data.loginType 登录类型，默认为 'password'
+     * @param data.captchaType 验证类型
+     */
+    async function signIn(data: {
+      account: string
+      password: string
+      captchas: string
+      captchaHash: string
+      loginType?: 'password' | string
+      captchaType?: string
+    }) {
+      const {
+        account: loginName,
+        password,
+        captchaHash: codeHash,
+        captchas: code,
+        loginType = 'password',
+        captchaType,
+      } = data;
+      const loginPwd = await publicKeyEncryption(password);
+      const result = await postAuthLoginNew({
+        loginType,
+        loginName,
+        loginPwd,
+        codeHash,
+        code,
+        captchaType,
+      });
+      const { accessToken, refreshToken } = result.data as Required<API.LoginTokenVo>;
+      setToken(accessToken, refreshToken);
+      return result;
+    }
+
+    /**
+     * 执行用户注销操作，并跳转到登录页面。
+     */
+    function logout() {
+      router?.push({
+        name: 'Login',
+      });
+    }
+
+    /**
+     * 清空用户信息和相关状态。
+     */
+    function clean() {
+      user.account = '';
+      user.userId = '';
+      user.token = '';
+      user.refreshToken = '';
+      user.avatar = '';
+      user.permissions = [];
+      user.orgId = '';
+      user.orgList = [];
+    }
+
+    /**
+     * 获取用户信息
+     */
+    async function getUserInfo() {
+      const res = await getRbacUserUserEntireInfo();
+      const userData = res.data as Required<API.PubUserBo>;
+      user.account = userData.realName || userData.loginName;
+      user.avatar = userData.userPic;
+      user.userId = userData.id;
+      user.orgList = userData.userOrgList!;
+      if (userData.userOrgList?.length && !user.orgId) {
+        user.orgId = find(userData.userOrgList, ['main', true])!.orgId!;
+      }
+      return res;
+    }
+
+    /**
+     * 修改用户密码
+     * @param form - 包含要修改的密码和令牌的表单数据
+     * @returns 修改密码的结果
+     */
+    async function changePassword(form: API.putRbacUserChangePasswordParams & { token?: string | string[] }) {
+      const headers = {} as AxiosRequestHeaders;
+      if (form.token) {
+        headers.authorization = form.token;
+      }
+      const encryptedOldpassword = await publicKeyEncryption(form.oldPassword);
+      const encryptedNewpassword = await publicKeyEncryption(form.newPassword);
+      const res = await putRbacUserChangePassword({
+        oldPassword: encryptedOldpassword,
+        newPassword: encryptedNewpassword,
+      }, {
+        headers,
+      });
+      return res;
+    }
+
+    /**
+     * 设置令牌
+     * @param accessToken 访问令牌
+     * @param refreshToken 刷新令牌数据
+     */
+    function setToken(accessToken: string, refreshToken: string) {
+      user.token = accessToken;
+      user.refreshToken = refreshToken;
+    }
+
+    /**
+     * 获取用户权限列表
+     * @returns 用户权限列表
+     */
+    async function getPermissions() {
+      const res = await getRbacResourceGrantedResources();
+      user.permissions = res.data!;
+      return user.permissions;
+    }
+
+    /**
+     * 更改组织
+     * @param changeOrgId - 要更改的组织ID
+     */
+    async function changeOrg(changeOrgId: string) {
+      const res = await postAuthChangeLoginOrg({ orgId: changeOrgId });
+      const { accessToken, refreshToken } = res.data as Required<API.LoginTokenVo>;
+      setToken(accessToken, refreshToken);
+      user.orgId = changeOrgId;
+      router?.push({
+        path: '/',
+      });
+    }
+
+    return {
+      user,
+      userOrgName,
+      isLogin,
+      getUserInfo,
+      getPermissions,
+      login,
+      signIn,
+      logout,
+      changePassword,
+      changeOrg,
+      setToken,
+      clean,
+    };
+  },
+  {
+    persist: true,
+  },
+);
+
+export default useUserStore;

package/src/features/stores/utils/index.ts

@@ -0,0 +1 @@
+export * from './routerHelper';