42 lines
970 B
JavaScript
42 lines
970 B
JavaScript
|
import { useSetting } from "./Setting";
|
||
|
|
import { I18N, URL_RAW_PREFIX } from "../config";
|
||
|
|
import { useEffect, useState } from "react";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 多语言 hook
|
||
|
|
* @returns
|
||
|
|
*/
|
||
|
|
export const useI18n = () => {
|
||
|
|
const { uiLang } = useSetting() ?? {};
|
||
|
|
return (key, defaultText = "") => I18N?.[key]?.[uiLang] ?? defaultText;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const useI18nMd = (key) => {
|
||
|
|
const i18n = useI18n();
|
||
|
|
const [md, setMd] = useState("");
|
||
|
|
const [loading, setLoading] = useState(false);
|
||
|
|
const [error, setError] = useState("");
|
||
|
|
|
||
|
|
const fileName = i18n(key);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
if (!fileName) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const url = `${URL_RAW_PREFIX}/${fileName}`;
|
||
|
|
setLoading(true);
|
||
|
|
fetch(url)
|
||
|
|
.then((res) => {
|
||
|
|
if (res.ok) {
|
||
|
|
return res.text().then(setMd);
|
||
|
|
}
|
||
|
|
setError(`[${res.status}] ${res.statusText}`);
|
||
|
|
})
|
||
|
|
.catch(setError)
|
||
|
|
.finally(() => setLoading(false));
|
||
|
|
}, [fileName]);
|
||
|
|
|
||
|
|
return [md, loading, error];
|
||
|
|
};
|