优化体验: 缓存表单数据

src/stores/FormStore.js

@@ -7,7 +7,10 @@ import { devtools } from 'zustand/middleware';
 import { WS_URL } from '@/config';
 
 export const useFormStore = create(devtools((set, get) => ({
-  chatHistory: {},
+  // 历史记录页面
-  setChatHistory: (chatHistory) => set({ chatHistory }),
+  chatHistoryForm: {},
+  setChatHistoryForm: (chatHistoryForm) => set({ chatHistoryForm, chatHistorySelectChat: {} }),
+  chatHistorySelectChat: {},
+  setChatHistorySelectChat: (chatHistorySelectChat) => set({ chatHistorySelectChat }),
 })));
 export default useFormStore;

src/views/ChatHistory.jsx

@@ -188,10 +188,8 @@ const SearchForm = memo(function ({ initialValues, onSubmit }) {
 
 function ChatHistory() {
   // const [formValues, setFormValues] = useState({});
-  const [formValues, setFormValues] = useFormStore(
+  const [formValues, setFormValues] = useFormStore(useShallow((state) => [state.chatHistoryForm, state.setChatHistoryForm]));
-    useShallow((state) => [state.chatHistory, state.setChatHistory]),
+  const [selectedConversation, setSelectedConversation] = useFormStore(useShallow((state) => [state.chatHistorySelectChat, state.setChatHistorySelectChat]));
-  )
-
 
   const handleSubmit = useCallback((values) => {
     setFormValues({ ...values });
@@ -199,7 +197,6 @@ function ChatHistory() {
 
   const [loading, setLoading] = useState(false);
   const [conversationsList, setConversationsList] = useState([]);
-  const [selectedConversation, setSelectedConversation] = useState({});
   const [chatItemMessages, setChatItemMessages] = useState([]);
   const getConversationsList = async () => {
     setLoading(true);