[feat]generate idempotent token from FE

Author: piupuer

package-lock.json

@@ -61,7 +61,8 @@
     "react-router-dom": "^6.3.0",
     "tdesign-icons-react": "^0.1.6",
     "tdesign-react": "^0.45.1",
-    "tvision-color": "^1.5.0"
+    "tvision-color": "^1.5.0",
+    "uuid": "^11.0.5"
   },
   "browserslist": {
     "production": [

package.json

@@ -2,7 +2,6 @@ import { configureStore, combineReducers } from '@reduxjs/toolkit';
 import { TypedUseSelectorHook, useSelector, useDispatch } from 'react-redux';
 
 import global from './global';
-import globalIdempotent from './global/idempotent';
 import user from './user';
 import listBase from './list/base';
 import listSelect from './list/select';
@@ -15,7 +14,6 @@ import systemWhitelist from './system/whitelist';
 
 const reducer = combineReducers({
   global,
-  globalIdempotent,
   user,
   listBase,
   listSelect,

src/modules/global/idempotent.ts

@@ -7,7 +7,7 @@ import SearchForm from './components/SearchForm';
 import classnames from 'classnames';
 import CommonStyle from '../../../styles/common.module.less';
 import { create, deleteByIds, find, reset, selectSystemAction, update } from 'modules/system/action';
-import { idempotent } from '../../../modules/global/idempotent';
+import { v4 as uuidv4 } from 'uuid';
 import Permission from 'components/Permission';
 
 const { FormItem } = Form;
@@ -66,11 +66,7 @@ export const SelectTable = () => {
 
   const fetchIdempotentData = async () => {
     try {
-      const res: any = await dispatch(idempotent());
-      if (res.error?.message) {
-        throw new Error(res.error?.message);
-      }
-      setIdempotentToken(res.payload.token);
+      setIdempotentToken(uuidv4());
     } catch (e: any) {
       MessagePlugin.error(e.message);
     }

src/modules/store.ts

@@ -10,7 +10,7 @@ import { create, deleteByIds, find, reset, selectSystemUserGroup, update } from
 import { find as findUser } from 'modules/system/user';
 import { find as findAction } from 'modules/system/action';
 import { PAGE } from '../../../constants';
-import { idempotent } from '../../../modules/global/idempotent';
+import { v4 as uuidv4 } from 'uuid';
 import Permission from 'components/Permission';
 
 const { FormItem } = Form;
@@ -131,11 +131,7 @@ export const SelectTable = () => {
 
   const fetchIdempotentData = async () => {
     try {
-      const res: any = await dispatch(idempotent());
-      if (res.error?.message) {
-        throw new Error(res.error?.message);
-      }
-      setIdempotentToken(res.payload.token);
+      setIdempotentToken(uuidv4());
     } catch (e: any) {
       MessagePlugin.error(e.message);
     }

src/pages/System/Action/index.tsx

@@ -9,7 +9,7 @@ import CommonStyle from '../../../styles/common.module.less';
 import { create, deleteByIds, find, reset, selectSystemRole, update } from 'modules/system/role';
 import { find as findAction } from 'modules/system/action';
 import { PAGE } from '../../../constants';
-import { idempotent } from '../../../modules/global/idempotent';
+import { v4 as uuidv4 } from 'uuid';
 import Permission from 'components/Permission';
 
 const { FormItem } = Form;
@@ -99,11 +99,7 @@ export const SelectTable = () => {
 
   const fetchIdempotentData = async () => {
     try {
-      const res: any = await dispatch(idempotent());
-      if (res.error?.message) {
-        throw new Error(res.error?.message);
-      }
-      setIdempotentToken(res.payload.token);
+      setIdempotentToken(uuidv4());
     } catch (e: any) {
       MessagePlugin.error(e.message);
     }

src/pages/System/Group/index.tsx

@@ -7,7 +7,7 @@ import SearchForm from './components/SearchForm';
 import classnames from 'classnames';
 import CommonStyle from '../../../styles/common.module.less';
 import { create, deleteByIds, find, reset, selectSystemWhitelist, update } from 'modules/system/whitelist';
-import { idempotent } from '../../../modules/global/idempotent';
+import { v4 as uuidv4 } from 'uuid';
 import Permission from 'components/Permission';
 import { WHITELIST_OPTIONS } from '../../../constants';
 
@@ -67,11 +67,7 @@ export const SelectTable = () => {
 
   const fetchIdempotentData = async () => {
     try {
-      const res: any = await dispatch(idempotent());
-      if (res.error?.message) {
-        throw new Error(res.error?.message);
-      }
-      setIdempotentToken(res.payload.token);
+      setIdempotentToken(uuidv4());
     } catch (e: any) {
       MessagePlugin.error(e.message);
     }