MDUI文件
複製 llms.txt 連結複製 llms-full.txt 連結以 Markdown 格式檢視此頁與 ChatGPT 討論此頁內容與 ChatGPT 討論專案完整文件
預設顏色
自選顏色
從桌布擷取顏色
請選擇一張桌布
開發指南
AI 輔助開發
樣式
與框架整合
元件
函式
jq 工具庫 dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
獨立程式庫

loadLocale

loadLocale 函式用來載入語言包。詳見 在地化

使用方式

按需引入函式:

import { loadLocale } from 'mdui/functions/loadLocale.js';

以下列出幾種常見的語言包載入方式,詳細說明可參見 在地化

動態引入(延遲載入):

loadLocale((locale) => import(`../node_modules/mdui/locales/${locale}.js`));

動態引入(預載入):

const localizedTemplates = new Map([
  ['zh-cn', import(`../node_modules/mdui/locales/zh-cn.js`)],
  ['zh-tw', import(`../node_modules/mdui/locales/zh-tw.js`)],
]);

loadLocale(async (locale) => localizedTemplates.get(locale));

靜態引入:

import * as locale_zh_cn from 'mdui/locales/zh-cn.js';
import * as locale_zh_tw from 'mdui/locales/zh-tw.js';

const localizedTemplates = new Map([
  ['zh-cn', locale_zh_cn],
  ['zh-tw', locale_zh_tw],
]);

loadLocale(async (locale) => localizedTemplates.get(locale));

API

loadLocale((LocaleTargetCode) => Promise<LocaleModule>): void;

這個函式會接收一個用來定義語言包載入方式的函式。該函式以語言代碼為參數,回傳 Promise,而 Promise resolve 後的值就是對應的語言包模組。

語言代碼清單參見 支援的語言,其中 en-us 為內建語言,無需載入。

本頁目錄