perf: 表情面板增加中英国际化，并优化useStorage的缓存策略

以减少在使用hooks时因异步带来的gap

client/shared/manager/storage.ts

@@ -17,6 +17,11 @@ export interface StorageObject {
 export const [getStorage, setStorage] =
   buildRegFn<() => StorageObject>('storage');
 
+/**
+ * 持久化hook的缓存, 减少因一步获取数据导致的gap
+ */
+const useStorageCache = new Map<string, any>();
+
 /**
  * 管理持久化存储数据
  * @param key 存储键
@@ -26,18 +31,24 @@ export function useStorage<T = any>(
   key: string,
   defaultValue?: T
 ): [T | undefined, { set: (v: T) => void; save: (v: T) => void }] {
-  const [value, setValue] = useState<T | undefined>(defaultValue);
+  const [value, setValue] = useState<T | undefined>(
+    useStorageCache.get(key) ?? defaultValue
+  );
 
   useLayoutEffect(() => {
     getStorage()
       .get(key)
-      .then((data: T) => setValue(data ?? defaultValue));
+      .then((data: T) => {
+        setValue(data ?? defaultValue);
+        useStorageCache.set(key, data ?? defaultValue);
+      });
   }, [key]);
 
   const set = useCallback(
     (newVal: T) => {
       setValue(newVal);
       getStorage().set(key, newVal);
+      useStorageCache.set(key, newVal);
     },
     [key]
   );
@@ -46,6 +57,7 @@ export function useStorage<T = any>(
     (newVal: T) => {
       setValue(newVal);
       getStorage().save(key, newVal);
+      useStorageCache.set(key, newVal);
     },
     [key]
   );

client/web/src/components/Emoji/Picker.tsx

@@ -3,7 +3,8 @@ import { isValidStr, useColorScheme, useLanguage } from 'tailchat-shared';
 import { emojiData } from './const';
 import Picker from '@emoji-mart/react';
 import type { EmojiData } from './types';
-import i18n from '@emoji-mart/data/i18n/zh.json';
+import i18nZh from '@emoji-mart/data/i18n/zh.json';
+import i18nEn from '@emoji-mart/data/i18n/en.json';
 import spritesUrl from './twitter.png';
 
 import './Picker.less';
@@ -36,7 +37,7 @@ export const EmojiPicker: React.FC<EmojiPickerProps> = React.memo((props) => {
         set="twitter"
         data={emojiData}
         theme={isDarkMode ? 'dark' : 'light'}
-        i18n={language === 'zh-CN' ? i18n : undefined}
+        i18n={language === 'zh-CN' ? i18nZh : i18nEn}
         previewPosition="none"
         skinTonePosition="none"
         onEmojiSelect={handleSelect}