feat: Mobx-Zustand迁移完成，删除依赖和相关代码

package.json

@@ -15,8 +15,6 @@
     "i18next": "^23.11.5",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-http-backend": "^2.5.2",
-    "mobx": "^6.9.0",
-    "mobx-react": "^7.6.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-i18next": "^14.1.2",

src/components/SearchForm.jsx

@@ -176,6 +176,22 @@ function getFields(props) {
       </Form.Item>,
       fieldProps?.dates?.col || midCol
     ),
+    item(
+      'username',
+      3,
+      <Form.Item name='username' label={t('account:username')} {...fieldProps.username}>
+        <Input placeholder={t('account:username')}  allowClear />
+      </Form.Item>,
+      fieldProps?.username?.col || 4
+    ),
+    item(
+      'realname',
+      4,
+      <Form.Item name='realname' label={t('account:realname')} {...fieldProps.realname}>
+        <Input placeholder={t('account:realname')}  allowClear />
+      </Form.Item>,
+      fieldProps?.realname?.col || 4
+    ),
 
   ];
   baseChildren = baseChildren

src/main.jsx

@@ -5,8 +5,6 @@ import {
   createBrowserRouter,
   RouterProvider,
 } from "react-router-dom";
-import RootStore from "@/stores/Root";
-import { StoreContext } from '@/stores/StoreContext';
 import "@/assets/global.css";
 import App from "@/views/App";
 import Standlone from "@/views/Standlone";
@@ -81,15 +79,12 @@ const router = createBrowserRouter([
   }
 ]);
 
-const rootStore = new RootStore();
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   //<React.StrictMode>
-    <StoreContext.Provider value={rootStore}>
       <RouterProvider
         router={router}
         fallbackElement={() => <div>Loading...</div>}
       />
-    </StoreContext.Provider>
   //</React.StrictMode>
 );

src/stores/Root.js

@@ -1,39 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { Auth } from "./Auth";
-
-class Root {
-  constructor() {
-    this.authStore = new Auth(this);
-    makeAutoObservable(this);
-  }
-
-  clearSession() {
-    if (window.sessionStorage) {
-      const sessionStorage = window.sessionStorage;
-      sessionStorage.clear();
-    } else {
-      console.error('browser not support sessionStorage!');
-    }
-  }
-
-  getSession(key) {
-    if (window.sessionStorage) {
-      const sessionStorage = window.sessionStorage;
-      return sessionStorage.getItem(key);
-    } else {
-      console.error('browser not support sessionStorage!');
-      return null;
-    }
-  }
-
-  putSession(key, value) {
-    if (window.sessionStorage) {
-      const sessionStorage = window.sessionStorage;
-      return sessionStorage.setItem(key, value);
-    } else {
-      console.error('browser not support sessionStorage!');
-    }
-  }
-}
-
-export default Root;

src/stores/StoreContext.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from "react";
-
-export const StoreContext = createContext();
-
-export function useStore() {
-  return useContext(StoreContext);
-}

src/views/account/Management.jsx

@@ -283,7 +283,7 @@ function Management() {
         open={isAccountModalOpen} onOk={handleAccountOk} onCancel={handleAccountCancel}
       >
         <Form
-          name='basic'
+          name='AccountForm'
           form={editAccountForm}
           layout='vertical'
           size='large'
@@ -358,7 +358,7 @@ function Management() {
         open={isRoleModalOpen} onOk={handleRoleOk} onCancel={handleRoleCancel}
       >
         <Form
-          name='basic'
+          name='RoleForm'
           form={editRoleForm}
           layout='vertical'
           size='large'
@@ -412,25 +412,26 @@ function Management() {
           //   }
           // }
           fieldsConfig={{
-            shows: ['username', 'referenceNo', 'dates'],
+            shows: ['username', 'realname', 'dates'],
             fieldProps: {
               dates: { label: t('group:ArrivalDate') },
             },
           }}
-          onSubmit={(err, formVal, filedsVal) => {
-            setDataLoading(true)
-            fetchReservationList(formVal)
-              .catch(ex => {
-                notification.error({
-                  message: 'Notification',
-                  description: ex.message,
-                  placement: 'top',
-                  duration: 4,
-                })
-              })
-              .finally(() => {
-                setDataLoading(false)
-              })
+          onSubmit={(err, formValues, filedsVal) => {
+            console.info(formValues)
+            // setDataLoading(true)
+            // fetchReservationList(formVal)
+            //   .catch(ex => {
+            //     notification.error({
+            //       message: 'Notification',
+            //       description: ex.message,
+            //       placement: 'top',
+            //       duration: 4,
+            //     })
+            //   })
+            //   .finally(() => {
+            //     setDataLoading(false)
+            //   })
           }}
         />
         <Row>