@duxweb/dvha-core 0.0.2

package/src/simple/dataProvider.ts

@@ -0,0 +1,153 @@
+import axios from 'axios'
+import { IDataProvider, IDataProviderCreateManyOptions, IDataProviderCreateOptions, IDataProviderCustomOptions, IDataProviderDeleteManyOptions, IDataProviderDeleteOptions, IDataProviderGetManyOptions, IDataProviderGetOneOptions, IDataProviderListOptions, IDataProviderUpdateManyOptions, IDataProviderUpdateOptions } from '../types'
+import { IManageHook } from '../hooks'
+import { IUserState } from '../stores'
+
+export const simpleDataProvider: IDataProvider = {
+
+  getList: (options: IDataProviderListOptions, manage?: IManageHook, auth?: IUserState) => {
+    const params: Record<string, any> = {}
+
+    if (options.pagination && typeof options.pagination === 'object') {
+      params.page = options.pagination.page
+      params.limit = options.pagination.limit
+      params.pageSize = options.pagination.pageSize
+    }
+
+    return axios.get(manage?.getApiUrl(options.path) || '', {
+      params: {
+        ...params,
+        ...options.filters,
+        ...options.sorters,
+      },
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  create: (options: IDataProviderCreateOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.post(manage?.getApiUrl(options.path) || '', options.data, {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  update: (options: IDataProviderUpdateOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.put(manage?.getApiUrl(options.id ? `${options.path}/${options.id}` : options.path) || '', options.data, {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  deleteOne: (options: IDataProviderDeleteOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.delete(manage?.getApiUrl(options.id ? `${options.path}/${options.id}` : options.path) || '', {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  getOne: (options: IDataProviderGetOneOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.get(manage?.getApiUrl(options.id ? `${options.path}/${options.id}` : options.path) || '', {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  getMany: (options: IDataProviderGetManyOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.get(manage?.getApiUrl(options.path) || '', {
+      params: {
+        ids: options.ids,
+      },
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  createMany: (options: IDataProviderCreateManyOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.post(manage?.getApiUrl(options.path) || '', options.data, {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  updateMany: (options: IDataProviderUpdateManyOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.put(manage?.getApiUrl(options.path) || '', {
+      ids: options.ids,
+      data: options.data,
+    }, {
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  deleteMany: (options: IDataProviderDeleteManyOptions, manage?: IManageHook, auth?: IUserState) => {
+    return axios.delete(manage?.getApiUrl(options.path) || '', {
+      params: {
+        ids: options.ids,
+      },
+      headers: {
+        Authorization: auth?.token,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+  custom: (options: IDataProviderCustomOptions, manage?: IManageHook, auth?: IUserState) => {
+    let params: Record<string, any> = {
+      ...options.query,
+    }
+
+    if (options.sorters && typeof options.sorters === 'object') {
+      params = {
+        ...params,
+        ...options.sorters,
+      }
+    }
+
+    if (options.filters && typeof options.filters === 'object') {
+      params = {
+        ...params,
+        ...options.filters,
+      }
+    }
+
+    return axios.request({
+      url: manage?.getApiUrl(options.path || ''),
+      method: options.method || 'GET',
+      data: options.payload,
+      params,
+      headers: {
+        Authorization: auth?.token,
+        ...options.headers,
+      },
+      ...options.meta,
+    }).then((res) => {
+      return res.data
+    })
+  },
+}

package/src/simple/index.ts

@@ -0,0 +1,2 @@
+export * from './authProvider'
+export * from './dataProvider'

package/src/stores/auth.ts

@@ -0,0 +1,73 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export interface IUserState {
+  token?: string
+  id?: number
+  info?: Record<string, any>
+  permission?: any
+}
+
+export const useAuthStore = defineStore('auth', () => {
+  const data = ref<Record<string, IUserState | undefined>>({})
+
+  const isLogin = (manageName: string): boolean => {
+    return !!data.value[manageName]
+  }
+
+  const getUser = (manageName: string): IUserState => {
+    return data.value[manageName] || {}
+  }
+
+  const login = (manageName: string, params: IUserState) => {
+    data.value = {
+      ...data.value,
+      [manageName]: {
+        token: params.token,
+        id: params.id,
+        info: params.info,
+        permission: params.permission,
+      },
+    }
+  }
+
+  const update = (manageName: string, params: IUserState) => {
+    data.value = {
+      ...data.value,
+      [manageName]: {
+        token: params.token,
+        id: params.id,
+        info: params.info,
+        permission: params.permission,
+      },
+    }
+  }
+
+  const updateKey = (manageName: string, key: string, value: any) => {
+    data.value = {
+      ...data.value,
+      [manageName]: {
+        ...data.value[manageName],
+        [key]: value,
+      },
+    }
+  }
+
+  const logout = (manageName: string) => {
+    const newData = { ...data.value }
+    delete newData[manageName]
+    data.value = newData
+  }
+
+  return {
+    data,
+    getUser,
+    login,
+    isLogin,
+    logout,
+    update,
+    updateKey,
+  }
+}, {
+  persist: true,
+})

package/src/stores/index.ts

@@ -0,0 +1,3 @@
+export * from './auth'
+export * from './route'
+export * from './tab'

package/src/stores/route.ts

@@ -0,0 +1,159 @@
+import type { IMenu } from '../types'
+import { defineStore } from 'pinia'
+import { inject, Ref, ref } from 'vue'
+
+
+
+
+/**
+ * use route store
+ * @param manageName manage name
+ * @returns route store
+ */
+export function useRouteStore(manageName?: string) {
+  const manage = inject<Ref<string>>('dux.manage')
+  if (!manageName) {
+    manageName = manage?.value || ''
+  }
+
+  if (!manageName) {
+    throw new Error('manage not found')
+  }
+
+  const routeStore = createRouteStore(manageName)
+  return routeStore()
+
+}
+
+/**
+ * create route store
+ * @param manageName manage name
+ * @returns route store
+ */
+export function createRouteStore(manageName: string) {
+  return defineStore(`routes-${manageName}`, () => {
+
+    const routes = ref<IMenu[]>([])
+
+    /**
+     * search route by path
+     * @param path route path
+     * @returns route object
+     */
+    const searchRoute = (path: string) => {
+      return routes.value?.find((item) => {
+        return item.path === path
+      })
+    }
+
+    /**
+     * search route by name
+     * @param name route name
+     * @returns route object
+     */
+    const searchRouteName = (name: string) => {
+      return routes.value?.find((item) => {
+        return item.name === name
+      })
+    }
+
+    /**
+     * append route
+     * @param data route object
+     */
+    const appendRoute = (data: IMenu) => {
+      routes.value?.push(data)
+    }
+
+    /**
+     * append routes
+     * @param data route objects
+     */
+    const appendRoutes = (data: IMenu[]) => {
+      routes.value = [...routes.value, ...data]
+    }
+
+    /**
+     * set routes
+     * @param data route objects
+     */
+    const setRoutes = (data: IMenu[]) => {
+      routes.value = data
+    }
+
+    /**
+     * get routes
+     * @returns route objects
+     */
+    const getRoutes = () => {
+      return routes.value
+    }
+
+    /**
+     * clear routes
+     */
+    const clearRoutes = () => {
+      routes.value = []
+    }
+
+    /**
+     * get index route
+     * @returns route object
+     */
+    const getIndexRoute = () => {
+      const topRoutes = routes.value
+        ?.filter(item => !item.parent && !item.name.includes('404') && !item.name.includes('403'))
+        ?.sort((a, b) => (a.sort || 0) - (b.sort || 0))
+
+      const findFirstValidRoute = (route: IMenu): IMenu | undefined => {
+        if (route.path) {
+          return route
+        }
+
+        const children = routes.value
+          ?.filter(item => item.parent === route.name)
+          ?.sort((a, b) => (a.sort || 0) - (b.sort || 0))
+
+        for (const child of children || []) {
+          const validRoute = findFirstValidRoute(child)
+          if (validRoute) {
+            return validRoute
+          }
+        }
+
+        return undefined
+      }
+
+      for (const route of topRoutes || []) {
+        const validRoute = findFirstValidRoute(route)
+        if (validRoute) {
+          return validRoute
+        }
+      }
+
+      return undefined
+    }
+
+
+    const routeInit = ref<boolean>(false)
+
+    const getRouteInit = () => {
+      const init = routeInit.value
+      routeInit.value = true
+      return init
+    }
+
+    return {
+      routes,
+      searchRoute,
+      searchRouteName,
+      appendRoute,
+      appendRoutes,
+      setRoutes,
+      getRoutes,
+      clearRoutes,
+      getIndexRoute,
+      getRouteInit,
+    }
+  })
+}

package/src/stores/tab.ts

@@ -0,0 +1,120 @@
+import { defineStore } from 'pinia'
+import { inject, Ref, ref } from 'vue'
+import { IMenu } from '../types'
+
+
+export function useTabStore(manageName?: string) {
+  const manage = inject<Ref<string>>('dux.manage')
+  if (!manageName) {
+    manageName = manage?.value || ''
+  }
+
+  if (!manageName) {
+    throw new Error('manage not found')
+  }
+
+  const tabStore = createTabStore(manageName)
+  return tabStore()
+}
+
+export function createTabStore(manageName: string) {
+  return defineStore(`tab-${manageName}`, () => {
+    const current = ref<string>()
+    const tabs = ref<IMenu[]>([])
+
+    const isTab = (path: string) => {
+      return tabs.value.some(tag => tag.path === path)
+    }
+    const addTab = (item: IMenu, cb?: (item: IMenu) => void) => {
+      if (!item.path) {
+        return
+      }
+      if (!tabs.value.some(tag => tag.path === item.path)) {
+        tabs.value.push(item)
+        cb?.(item)
+      }
+      current.value = item.path as string
+    }
+
+    const delTab = (path: string, cb?: (item: IMenu) => void) => {
+      const index = tabs.value.findIndex(t => t.path === path)
+      if (!index || tabs.value.length <= 1) {
+        return
+      }
+
+      const tab = tabs.value[index]
+      if (tab?.meta?.lock) {
+        return
+      }
+
+      const prev = tabs.value[index - 1]
+      const next = tabs.value[index + 1]
+
+      cb?.(prev || next)
+
+      setTimeout(() => {
+        tabs.value.splice(index, 1)
+      }, 0)
+    }
+
+    const delOther = (path: string, cb?: () => void) => {
+      tabs.value = tabs.value.filter(t => t.path === path || t.meta?.lock)
+      cb?.()
+    }
+
+    const delLeft = (path: string, cb?: () => void) => {
+      const index = tabs.value.findIndex(t => t.path === path)
+      if (index <= 0) {
+        return
+      }
+      tabs.value = [...tabs.value.slice(0, index).filter(t => t.meta?.lock), ...tabs.value.slice(index)]
+      cb?.()
+    }
+
+    const delRight = (path: string, cb?: () => void) => {
+      const index = tabs.value.findIndex(t => t.path === path)
+      if (index === -1 || index === tabs.value.length - 1) {
+        return
+      }
+      tabs.value = [...tabs.value.slice(0, index + 1), ...tabs.value.slice(index + 1).filter(t => t.meta?.lock)]
+      cb?.()
+    }
+
+    const lockTab = (path: string) => {
+      const index = tabs.value.findIndex(t => t.path === path)
+      if (index !== -1 && tabs.value[index]) {
+        if (!tabs.value[index].meta) {
+          tabs.value[index].meta = {}
+        }
+        tabs.value[index].meta.lock = !tabs.value[index].meta.lock
+      }
+    }
+
+    const changeTab = (path: string, cb?: (item: IMenu) => void) => {
+      current.value = path
+      const info = tabs.value.find(t => t.path === path)
+      if (info) {
+        cb?.(info)
+      }
+    }
+
+    const clearTab = () => {
+      current.value = undefined
+      tabs.value = []
+    }
+
+    return {
+      current,
+      tabs,
+      isTab,
+      addTab,
+      delTab,
+      changeTab,
+      delOther,
+      delLeft,
+      delRight,
+      lockTab,
+      clearTab,
+    }
+  })
+}

package/src/types/auth.ts

@@ -0,0 +1,44 @@
+import type { IManageHook } from '../hooks'
+import type { IUserState } from '../stores/auth'
+
+/**
+ * 认证提供者
+ * 为全局或管理端提供自定义认证服务
+ */
+export interface IAuthProvider {
+  login: (params: any, manage: IManageHook) => Promise<IAuthLoginResponse>
+  check: (params?: any, manage?: IManageHook) => Promise<IAuthCheckResponse>
+  logout: (params?: any, manage?: IManageHook) => Promise<IAuthLogoutResponse>
+
+  register: (params: any, manage?: IManageHook) => Promise<IAuthLoginResponse>
+  forgotPassword: (params: any, manage?: IManageHook) => Promise<IAuthActionResponse>
+  updatePassword: (params: any, manage?: IManageHook) => Promise<IAuthActionResponse>
+
+  onError: (error?: any) => Promise<IAuthErrorResponse>
+}
+
+export interface IAuthActionResponse {
+  success: boolean
+  message?: string
+  redirectTo?: string
+  [key: string]: unknown
+}
+
+export interface IAuthLoginResponse extends IAuthActionResponse {
+  data?: IUserState
+}
+
+export interface IAuthCheckResponse extends IAuthActionResponse {
+  data?: IUserState
+  logout?: boolean
+}
+
+export interface IAuthLogoutResponse extends IAuthActionResponse {
+  logout?: boolean
+}
+
+export interface IAuthErrorResponse {
+  logout?: boolean
+  redirectTo?: string
+  error?: any
+}

package/src/types/config.ts

@@ -0,0 +1,49 @@
+import type { RouteComponent, RouteRecordRaw } from 'vue-router'
+import type { IAuthProvider } from './auth'
+import type { IDataProvider } from './data'
+import type { IManage } from './manage'
+import type { IConfigTheme } from './theme'
+
+/**
+ * 全局配置
+ */
+export interface IConfig {
+  // 标题
+  title?: string
+  // 版权
+  copyright?: string
+  // 描述
+  description?: string
+  // 全局接口地址
+  apiUrl?: string
+  // 默认语言
+  lang?: string
+  // 扩展配置
+  extends?: Record<string, any>
+  // 默认管理端
+  defaultManage?: string
+  // 管理端提供者
+  manages?: IManage[]
+  // 全局认证提供者
+  authProvider?: IAuthProvider
+  // 全局数据提供者
+  dataProvider?: IDataProvider
+  // 全局布局配置
+  components?: IConfigComponent
+  // 全局路由配置
+  routes?: RouteRecordRaw[]
+  // 全局主题
+  theme?: IConfigTheme
+
+  [key: string]: any
+}
+
+
+export interface IConfigComponent {
+  authLayout?: RouteComponent // 认证布局
+  noAuthLayout?: RouteComponent // 未认证布局
+
+  notFound?: RouteComponent // 未找到布局
+  notAuthorized?: RouteComponent // 未授权布局
+  error?: RouteComponent // 错误布局
+}