feat(ckchat): 重构联系人列表逻辑并添加缓存功能

- 将联系人列表构建逻辑提取到独立api文件
- 添加getContractList缓存机制避免重复计算
- 优化kfSelected变更时的缓存清除逻辑
- 移除main.ts中冗余的联系人分组逻辑

Cunkebao/src/store/module/ckchat/api.ts

@@ -0,0 +1,65 @@
+//构建联系人列表标签
+import { weChatGroupService, contractService } from "@/utils/db";
+import { request } from "@/api/request2";
+export function WechatGroup(params) {
+  return request("/api/WechatGroup/list", params, "GET");
+}
+
+export const createContractList = async (kfSelected: number) => {
+  const LablesRes = await Promise.all(
+    [1, 2].map(item =>
+      WechatGroup({
+        groupType: item,
+      }),
+    ),
+  );
+  const [friend, group] = LablesRes;
+  const countLables = [
+    ...[
+      {
+        id: 0,
+        groupName: "默认群分组",
+        groupType: 2,
+      },
+    ],
+    ...group,
+    ...friend,
+    ...[
+      {
+        id: 0,
+        groupName: "未分组",
+        groupType: 1,
+      },
+    ],
+  ];
+
+  // 根据 groupType 决定查询不同的服务
+  const dataByLabels = [];
+  for (const label of countLables) {
+    let data;
+    if (label.groupType === 1) {
+      // groupType: 1, 查询 contractService
+      data = await contractService.findWhere("groupId", label.id);
+      // 过滤出 kfSelected 对应的联系人
+      if (kfSelected && kfSelected != 0) {
+        data = data.filter(contact => contact.wechatAccountId === kfSelected);
+      }
+      // console.log(`标签 ${label.groupName} 对应的联系人数据:`, data);
+    } else if (label.groupType === 2) {
+      // groupType: 2, 查询 weChatGroupService
+      data = await weChatGroupService.findWhere("groupId", label.id);
+      if (kfSelected && kfSelected != 0) {
+        data = data.filter(contact => contact.wechatAccountId === kfSelected);
+      }
+    } else {
+      console.warn(`未知的 groupType: ${label.groupType}`);
+      data = [];
+    }
+    dataByLabels.push({
+      ...label,
+      contacts: data,
+    });
+  }
+
+  return dataByLabels;
+};

Cunkebao/src/store/module/ckchat/ckchat.ts

@@ -13,6 +13,7 @@ import {
   contractService,
   messageListService,
 } from "@/utils/db";
+import { createContractList } from "@/store/module/ckchat/api";
 export const useCkChatStore = createPersistStore<CkChatState>(
   set => ({
     userInfo: null,
@@ -33,7 +34,7 @@ export const useCkChatStore = createPersistStore<CkChatState>(
     },
     asyncKfSelected: (data: number) => {
       set({ kfSelected: data });
-      // 清除getChatSessions缓存
+      // 清除getChatSessions和getContractList缓存
       const state = useCkChatStore.getState();
       if (
         state.getChatSessions &&
@@ -42,9 +43,17 @@ export const useCkChatStore = createPersistStore<CkChatState>(
         // 触发缓存重新计算
         state.getChatSessions();
       }
+      if (
+        state.getContractList &&
+        typeof state.getContractList === "function"
+      ) {
+        // 触发缓存重新计算
+        state.getContractList();
+      }
     },
     // 异步设置会话列表
-    asyncNewContractList: (data: ContactGroupByLabel[]) => {
+    asyncNewContractList: async (kfSelected: number) => {
+      const data: ContactGroupByLabel[] = await createContractList(kfSelected);
       set({ newContractList: data });
     },
     getNewContractList: () => {
@@ -66,8 +75,47 @@ export const useCkChatStore = createPersistStore<CkChatState>(
     },
     // 异步设置联系人列表
     asyncContractList: async (data: ContractData[]) => {
+      set({ contractList: data });
       await contractService.createManyWithServerId(data);
+      // 清除getContractList缓存
+      const state = useCkChatStore.getState();
+      if (
+        state.getContractList &&
+        typeof state.getContractList === "function"
+      ) {
+        // 触发缓存重新计算
+        state.getContractList();
+      }
     },
+    // 获取联系人列表 - 使用缓存避免无限循环
+    getContractList: (() => {
+      let cachedResult: any = null;
+      let lastKfSelected: number | null = null;
+      let lastContractListLength: number = 0;
+
+      return () => {
+        const state = useCkChatStore.getState();
+
+        // 检查是否需要重新计算缓存
+        const shouldRecalculate =
+          cachedResult === null ||
+          lastKfSelected !== state.kfSelected ||
+          lastContractListLength !== state.contractList.length;
+
+        if (shouldRecalculate) {
+          const filteredContracts = state.contractList.filter(
+            item => item.wechatAccountId === state.kfSelected,
+          );
+
+          cachedResult =
+            state.kfSelected !== 0 ? filteredContracts : state.contractList;
+          lastKfSelected = state.kfSelected;
+          lastContractListLength = state.contractList.length;
+        }
+
+        return cachedResult;
+      };
+    })(),
     //异步设置联系人分组
     asyncWeChatGroup: async (data: weChatGroup[]) => {
       await weChatGroupService.createManyWithServerId(data);
@@ -284,9 +332,8 @@ export const asyncContractList = (data: ContractData[]) =>
   useCkChatStore.getState().asyncContractList(data);
 export const asyncChatSessions = (data: ContractData[]) =>
   useCkChatStore.getState().asyncChatSessions(data);
-export const asyncNewContractList = (
-  data: { groupName: string; contacts: any[] }[],
-) => useCkChatStore.getState().asyncNewContractList(data);
+export const asyncNewContractList = (kfSelected: number) =>
+  useCkChatStore.getState().asyncNewContractList(kfSelected);
 export const asyncKfSelected = (data: number) =>
   useCkChatStore.getState().asyncKfSelected(data);
 export const asyncWeChatGroup = (data: weChatGroup[]) =>
@@ -295,3 +342,5 @@ export const getKfSelectedUser = () =>
   useCkChatStore.getState().getKfSelectedUser();
 export const getKfUserInfo = (wechatAccountId: number) =>
   useCkChatStore.getState().getKfUserInfo(wechatAccountId);
+export const getContractList = () =>
+  useCkChatStore.getState().getContractList();