优化

client/shared/hooks/model/useUserSettings.ts

@@ -0,0 +1,110 @@
+import { CacheKey } from '../../cache/cache';
+import { useQuery, useQueryClient } from '../../cache/useCache';
+import { sharedEvent } from '../../event';
+import {
+  getUserSettings,
+  setUserSettings,
+  UserSettings,
+} from '../../model/user';
+import { useAsyncRequest } from '../useAsyncRequest';
+import { useMemoizedFn } from '../useMemoizedFn';
+import _without from 'lodash/without';
+
+/**
+ * 用户设置hooks
+ */
+export function useUserSettings() {
+  const client = useQueryClient();
+  const { data: settings, isLoading } = useQuery(
+    [CacheKey.userSettings],
+    () => getUserSettings(),
+    {
+      staleTime: 10 * 60 * 1000, // 缓存10分钟
+    }
+  );
+
+  const [{ loading: saveLoading }, setSettings] = useAsyncRequest(
+    async (_settings: UserSettings) => {
+      client.setQueryData([CacheKey.userSettings], () => ({
+        ...settings,
+        ..._settings,
+      })); // 让配置能够立即生效, 防止依赖配置的行为出现跳变(如GroupNav)
+
+      const newSettings = await setUserSettings(_settings);
+
+      client.setQueryData([CacheKey.userSettings], () => newSettings);
+      sharedEvent.emit('userSettingsUpdate', newSettings);
+    },
+    [client]
+  );
+
+  return {
+    settings: settings ?? {},
+    setSettings,
+    loading: isLoading || saveLoading,
+  };
+}
+
+/**
+ * 单个用户设置
+ */
+export function useSingleUserSetting<K extends keyof UserSettings>(
+  name: K,
+  defaultValue?: UserSettings[K]
+) {
+  const { settings, setSettings, loading } = useUserSettings();
+
+  return {
+    value: settings[name] ?? defaultValue,
+    setValue: async (newVal: UserSettings[K]) =>
+      setSettings({
+        [name]: newVal,
+      }),
+    loading,
+  };
+}
+
+/**
+ * 用户消息通知免打扰设置
+ */
+export function useUserNotifyMute() {
+  const { value: list = [], setValue: setList } = useSingleUserSetting(
+    'messageNotificationMuteList',
+    []
+  );
+
+  const mute = useMemoizedFn((converseOrGroupId: string) => {
+    setList([...list, converseOrGroupId]);
+  });
+
+  const unmute = useMemoizedFn((converseOrGroupId: string) => {
+    setList(_without(list, converseOrGroupId));
+  });
+
+  const toggleMute = useMemoizedFn((converseOrGroupId) => {
+    if (list.includes(converseOrGroupId)) {
+      unmute(converseOrGroupId);
+    } else {
+      mute(converseOrGroupId);
+    }
+  });
+
+  /**
+   * 检查是否被静音
+   */
+  const checkIsMuted = useMemoizedFn((panelId: string, groupId?: string) => {
+    if (groupId) {
+      return list.includes(panelId) || list.includes(groupId);
+    }
+
+    return list.includes(panelId);
+  });
+
+  return {
+    mutedList: list,
+    mute,
+    unmute,
+    toggleMute,
+    checkIsMuted,
+  };
+}