github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-28 05:39:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: refactored multi-language modules to support lazy loading and remote loading

Browse Source
This commit is contained in:
Vben
2021-02-27 23:08:12 +08:00
parent f57eb944ed
commit f6cef1088d
47 changed files with 353 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Application/src/AppLocalePicker.vue
View File

@@ -18,7 +18,7 @@
</Dropdown>
</template>
<script lang="ts">
import type { LocaleType } from '/@/locales/types';
import type { LocaleType } from '/#/config';
import type { DropMenu } from '/@/components/Dropdown';
import { defineComponent, ref, watchEffect, unref, computed } from 'vue';
@@ -26,7 +26,7 @@
import Icon from '/@/components/Icon';
import { useLocale } from '/@/locales/useLocale';
import { useLocaleSetting } from '/@/hooks/setting/useLocaleSetting';
import { localeList } from '/@/settings/localeSetting';
import { useDesign } from '/@/hooks/web/useDesign';
import { propTypes } from '/@/utils/propTypes';
@@ -44,9 +44,7 @@
const { prefixCls } = useDesign('app-locale-picker');
const { localeList } = useLocaleSetting();
const { changeLocale, getLang } = useLocale();
const { changeLocale, getLocale } = useLocale();
const getLangText = computed(() => {
const key = selectedKeys.value[0];
@@ -55,17 +53,17 @@
});
watchEffect(() => {
selectedKeys.value = [unref(getLang)];
selectedKeys.value = [unref(getLocale)];
});
function toggleLocale(lang: LocaleType | string) {
changeLocale(lang as LocaleType);
async function toggleLocale(lang: LocaleType | string) {
await changeLocale(lang as LocaleType);
selectedKeys.value = [lang as string];
props.reload && location.reload();
}
function handleMenuEvent(menu: DropMenu) {
if (unref(getLang) === menu.event) return;
if (unref(getLocale) === menu.event) return;
toggleLocale(menu.event as string);
}