usePage.ts 1.7 KB

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