designer-hub/packages/app/src/composables/permissions.ts

import { useRouter } from '../core/utils/router'
import { useUserStore } from '../store'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'
export const usePermissions = () => {
  const userStore = useUserStore()
  const { isLogined, isDesigner, userInfo } = storeToRefs(userStore)
  const routes = [
    { path: '/pages/mine/homepage/index', meta: { canNotLogin: false, canNotDesigner: true } },
    {
      path: '/pages/material/mini-class/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/material/recommend/index',
      meta: { canNotLogin: false, canNotDesigner: false, toLogin: true },
    },
    {
      path: '/pages/publish/moment/index',
      meta: { canNotLogin: false, canNotDesigner: false, toLogin: true },
    },
    {
      path: '/pages/messages/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/setting/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/homepage/statistics/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/points/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/coupons/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/orders/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/agents/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
    {
      path: '/pages/mine/invite/index',
      meta: { canNotLogin: false, canNotDesigner: false, toLogin: true },
    },
    {
      path: '/pages/mall/confirm-order/index',
      meta: { canNotLogin: false, canNotDesigner: true, toLogin: true },
    },
  ]
  const features = computed(() => ({
    /**
     * 1分钟了解筑巢荟
     */
    about: isDesigner.value,
    toDesignerHomePage: isLogined.value,
    checkInAtStoreTask: isDesigner.value,
    shareMoment: isLogined.value && isDesigner.value && userInfo.value.level.level > 1,
    /**
     * 微信代运营兑换
     */
    wechatAgentExchange: isLogined.value,
    /**
     * 案例拍摄兑换
     */
    caseExchange: isLogined.value,
    /**
     * 商城兑换
     */
    mallExchange: [isLogined.value, isDesigner.value],
  }))
  /**
   * 按钮操作权限
   */
  const clickByPermission = (
    name: 'wechatAgentExchange' | 'caseExchange' | 'mallExchange',
    callback: () => void,
  ) => {
    const features = [
      { name: 'mallExchange', meta: { canNotLogin: false, canNotDesigner: false } },
      { name: 'wechatAgentExchange', meta: { canNotLogin: false, canNotDesigner: false } },
    ]
    const feature = features.find((item) => item.name === name)
    if (feature) {
      if (!feature.meta.canNotLogin && !isLogined.value) {
        useRouter().push('/pages/login/index')
        return
      }
      if (!feature.meta.canNotDesigner && !isDesigner.value) {
        useRouter().push('/pages/mine/authentication/index')
        return
      }
    }
    callback()
  }
  return { isLogined, isDesigner, routes, features, clickByPermission }
}