移除多余的 watch,添加地图中英文切换支持
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user