usePage.ts 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import type { RouteLocationRaw, Router } from 'vue-router';
  2. import { PageEnum } from '@jeesite/core/enums/pageEnum';
  3. import { isString } from '@jeesite/core/utils/is';
  4. import { computed, unref } from 'vue';
  5. import { useRouter } from 'vue-router';
  6. import { REDIRECT_NAME } from '@jeesite/core/router/constant';
  7. export type RouteLocationRawEx = Omit<RouteLocationRaw, 'path'> & {
  8. path: PageEnum | string;
  9. query?: object;
  10. };
  11. function handleError(e: Error) {
  12. console.error(e);
  13. }
  14. // page switch
  15. export function useGo(_router?: Router) {
  16. let router: any;
  17. if (!_router) {
  18. router = useRouter();
  19. }
  20. const { push, replace } = _router || router;
  21. async function go(opt: PageEnum | RouteLocationRawEx | string = PageEnum.BASE_HOME, isReplace = false) {
  22. if (!opt) {
  23. return;
  24. }
  25. if (isString(opt)) {
  26. isReplace ? await replace(opt).catch(handleError) : await push(opt).catch(handleError);
  27. } else {
  28. const o = opt as RouteLocationRaw;
  29. isReplace ? await replace(o).catch(handleError) : await push(o).catch(handleError);
  30. }
  31. }
  32. return go;
  33. }
  34. /**
  35. * @description: redo current page
  36. */
  37. export const useRedo = (_router?: Router) => {
  38. const { push, currentRoute } = _router || useRouter();
  39. const { query, params = {}, name, fullPath } = unref(currentRoute.value);
  40. function redo(): Promise<boolean> {
  41. return new Promise((resolve) => {
  42. if (name === REDIRECT_NAME) {
  43. resolve(false);
  44. return;
  45. }
  46. if (name && Object.keys(params).length > 0) {
  47. params['_redirect_type'] = 'name';
  48. params['path'] = String(name);
  49. } else {
  50. params['_redirect_type'] = 'path';
  51. params['path'] = fullPath;
  52. }
  53. push({ name: REDIRECT_NAME, params, query }).then(() => resolve(true));
  54. });
  55. }
  56. return redo;
  57. };
  58. export function useQuery(_router?: Router) {
  59. let router;
  60. if (!_router) {
  61. router = useRouter();
  62. }
  63. const query = computed(() => {
  64. return unref(router.currentRoute).query;
  65. });
  66. return query;
  67. }