refactor(request): remove use-request component and simplify request handling in favor of a new structure

Author: Ohh-889

src/locales/langs/en-us/route.ts

@@ -11,7 +11,6 @@ const route: App.I18n.Schema['translation']['route'] = {
   '(base)_function_super-page': 'Super Admin Visible',
   '(base)_function_tab': 'Tab',
   '(base)_function_toggle-auth': 'Toggle Auth',
-  '(base)_function_use-request': 'useRequest Demo',
   '(base)_home': 'Home',
   '(base)_manage': 'System Manage',
   '(base)_manage_role': 'Role Manage',

src/locales/langs/zh-cn/route.ts

@@ -11,7 +11,6 @@ const route: App.I18n.Schema['translation']['route'] = {
   '(base)_function_super-page': '超级管理员可见',
   '(base)_function_tab': '标签页',
   '(base)_function_toggle-auth': '切换权限',
-  '(base)_function_use-request': 'useRequest 演示',
   '(base)_home': '首页',
   '(base)_manage': '系统管理',
   '(base)_manage_role': '角色管理',

src/pages/(base)/function/request/index.tsx

@@ -1,86 +1,5 @@
-import { fetchCustomBackendError } from '@/service/api';
-
-const Request = () => {
-  const { t } = useTranslation();
-  async function logout() {
-    await fetchCustomBackendError('8888', t('request.logoutMsg'));
-  }
-
-  async function logoutWithModal() {
-    await fetchCustomBackendError('7777', t('request.logoutWithModalMsg'));
-  }
-
-  async function refreshToken() {
-    await fetchCustomBackendError('9999', t('request.tokenExpired'));
-  }
-
-  async function handleRepeatedMessageError() {
-    await Promise.all([
-      fetchCustomBackendError('2222', t('page.function.request.repeatedErrorMsg1')),
-      fetchCustomBackendError('2222', t('page.function.request.repeatedErrorMsg1')),
-      fetchCustomBackendError('2222', t('page.function.request.repeatedErrorMsg1')),
-      fetchCustomBackendError('3333', t('page.function.request.repeatedErrorMsg2')),
-      fetchCustomBackendError('3333', t('page.function.request.repeatedErrorMsg2')),
-      fetchCustomBackendError('3333', t('page.function.request.repeatedErrorMsg2'))
-    ]);
-  }
-  async function handleRepeatedModalError() {
-    await Promise.all([
-      fetchCustomBackendError('7777', t('request.logoutWithModalMsg')),
-      fetchCustomBackendError('7777', t('request.logoutWithModalMsg')),
-      fetchCustomBackendError('7777', t('request.logoutWithModalMsg'))
-    ]);
-  }
-
-  return (
-    <ASpace
-      className="w-full"
-      direction="vertical"
-      size={16}
-    >
-      <ACard
-        className="card-wrapper"
-        size="small"
-        title={t('request.logout')}
-        variant="borderless"
-      >
-        <AButton onClick={logout}>{t('common.trigger')}</AButton>
-      </ACard>
-
-      <ACard
-        className="card-wrapper"
-        size="small"
-        title={t('request.logoutWithModal')}
-        variant="borderless"
-      >
-        <AButton onClick={logoutWithModal}>{t('common.trigger')}</AButton>
-      </ACard>
-
-      <ACard
-        className="card-wrapper"
-        size="small"
-        title={t('request.refreshToken')}
-        variant="borderless"
-      >
-        <AButton onClick={refreshToken}>{t('common.trigger')}</AButton>
-      </ACard>
-
-      <ACard
-        className="card-wrapper"
-        size="small"
-        title={t('page.function.request.repeatedErrorOccurOnce')}
-        variant="borderless"
-      >
-        <AButton onClick={handleRepeatedMessageError}>{t('page.function.request.repeatedError')} (Message)</AButton>
-        <AButton
-          className="ml-12px"
-          onClick={handleRepeatedModalError}
-        >
-          {t('page.function.request.repeatedError')}(Modal)
-        </AButton>
-      </ACard>
-    </ASpace>
-  );
+const Component = () => {
+  return <div>Component</div>;
 };
 
-export default Request;
+export default Component;

src/pages/(base)/function/use-request/index.tsx

@@ -29,7 +29,6 @@ export const pages: Record<string, () => Promise<any>> = {
 "(base)_function_super-page": () => import("@/pages/(base)/function/super-page/index.tsx"),
 "(base)_function_tab": () => import("@/pages/(base)/function/tab/index.tsx"),
 "(base)_function_toggle-auth": () => import("@/pages/(base)/function/toggle-auth/index.tsx"),
-"(base)_function_use-request": () => import("@/pages/(base)/function/use-request/index.tsx"),
 "(base)_home": () => import("@/pages/(base)/home/index.tsx"),
 "(base)_manage": () => import("@/pages/(base)/manage/index.tsx"),
 "(base)_manage_role_[...slug]": () => import("@/pages/(base)/manage/role/[...slug].tsx"),

src/router/elegant/imports.ts

@@ -40,7 +40,6 @@ export const routeMap: RouteMap = {
  "(base)_function_super-page": "/function/super-page",
  "(base)_function_tab": "/function/tab",
  "(base)_function_toggle-auth": "/function/toggle-auth",
- "(base)_function_use-request": "/function/use-request",
  "(base)_home": "/home",
  "(base)_manage": "/manage",
  "(base)_manage_role": "/manage/role",

src/router/elegant/routeMap.ts

@@ -158,12 +158,6 @@ export const generatedRoutes: ElegantConstRoute[] = [
                   order: 4,
                   title: 'function_toggle-auth'
                 }
-              },
-              {
-                matchedFiles: [null, '/src/pages/(base)/function/use-request/index.tsx', null, null],
-                name: '(base)_function_use-request',
-                path: '/function/use-request',
-                handle: { i18nKey: 'route.(base)_function_use-request', title: '(base)_function_use-request' }
               }
             ]
           },

src/router/elegant/routes.ts

@@ -41,7 +41,6 @@ declare module "@soybean-react/vite-plugin-react-router" {
     "(base)_function_super-page": "/function/super-page";
     "(base)_function_tab": "/function/tab";
     "(base)_function_toggle-auth": "/function/toggle-auth";
-    "(base)_function_use-request": "/function/use-request";
     "(base)_home": "/home";
     "(base)_manage": "/manage";
     "(base)_manage_role": "/manage/role";
@@ -148,7 +147,6 @@ declare module "@soybean-react/vite-plugin-react-router" {
     | "(base)_function_super-page"
     | "(base)_function_tab"
     | "(base)_function_toggle-auth"
-    | "(base)_function_use-request"
     | "(base)_home"
     | "(base)"
     | "(base)_manage"