Function useLocale

packages/editor-app/src/hooks/useLocale.ts:34–86

()

 * ```
 */
export function useLocale() {
    const localeService = useMemo(() => Core.services.resolve(LocaleService), []);
    const [locale, setLocale] = useState<Locale>(() => localeService.getCurrentLocale());

    useEffect(() => {
        const unsubscribe = localeService.onChange((newLocale) => {
            setLocale(newLocale);
        });

        return unsubscribe;
    }, [localeService]);

    /**
     * 翻译函数
     * Translation function
     *
     * @param key - 翻译键 | Translation key
     * @param params - 可选参数，用于替换 {{key}} | Optional params for {{key}} substitution
     * @param fallback - 回退文本 | Fallback text
     */
    const t = useCallback(
        (key: string, params?: TranslationParams, fallback?: string) => {
            return localeService.t(key, params, fallback);
        },
        [localeService]
    );

    /**
     * 切换语言
     * Change locale
     */
    const changeLocale = useCallback(
        (newLocale: Locale) => {
            localeService.setLocale(newLocale);
        },
        [localeService]
    );

    /**
     * 获取支持的语言列表
     * Get supported locales
     */
    const supportedLocales: readonly LocaleInfo[] = useMemo(() => {
        return localeService.getSupportedLocales();
    }, [localeService]);

    return {
        locale,
        t,
        changeLocale,
        supportedLocales
    };
}