移除多余的 watch,添加地图中英文切换支持

This commit is contained in:
2026-05-08 19:45:39 +08:00
parent 5d9f0c8aff
commit 49fef6c91f
+6 -5
View File
@@ -8,7 +8,7 @@ import { useRouter } from 'vue-router'
import { BasicPage } from '@/components/global-layout' import { BasicPage } from '@/components/global-layout'
import { BASE_URL } from '@/services/api' import { BASE_URL } from '@/services/api'
const { t } = useI18n() const { t, locale } = useI18n()
const router = useRouter() const router = useRouter()
const colorMode = useColorMode() const colorMode = useColorMode()
const isDark = computed(() => colorMode.value === 'dark') const isDark = computed(() => colorMode.value === 'dark')
@@ -522,6 +522,7 @@ function updateMapOption() {
const maxCount = Math.max(...data.map((d: any) => d.count || 0), 1) const maxCount = Math.max(...data.map((d: any) => d.count || 0), 1)
const dark = isDark.value const dark = isDark.value
const isZh = locale.value === 'zh' || locale.value.startsWith('zh')
const seriesData = data.map((d: any) => { const seriesData = data.map((d: any) => {
const ratio = d.count / maxCount const ratio = d.count / maxCount
@@ -537,7 +538,7 @@ function updateMapOption() {
b = Math.round(253 + (235 - 253) * ratio) b = Math.round(253 + (235 - 253) * ratio)
} }
return { return {
name: worldNameMap[d.name] || d.name, name: isZh ? (worldNameMap[d.name] || d.name) : d.name,
value: d.count, value: d.count,
count: d.count, count: d.count,
online: d.online || 0, online: d.online || 0,
@@ -591,7 +592,7 @@ function updateMapOption() {
map: 'world', map: 'world',
roam: true, roam: true,
zoom: 1.2, zoom: 1.2,
nameMap: worldNameMap, nameMap: isZh ? worldNameMap : undefined,
label: { label: {
show: false, show: false,
}, },
@@ -750,9 +751,9 @@ watch(isDark, () => {
updateMapOption() updateMapOption()
}) })
watch(provinces, () => { watch(locale, () => {
updateMapOption() updateMapOption()
}, { deep: true }) })
onUnmounted(() => { onUnmounted(() => {
if (chartInstance) { if (chartInstance) {