app/pages/countryRegion/index.vue

@@ -11,17 +11,11 @@ const router = useRouter()
 console.log('router',router)
 const { t, locale } = useI18n()
 const value = ref('');
-const alphabet = computed(() => {
+const alphabet = [
-  if (!groupedCountries.value) return ['#'];
+  '#',
-  
+  'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
-  // 获取所有实际存在的分组字母
+  'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
-  const letters = Object.keys(groupedCountries.value)
+];
-    .filter(key => key !== '#')
-    .sort();
-    
-  // 确保 # 永远在最前
-  return ['#', ...letters];
-});
 
 // 常用国家的代码列表
 const frequentCountryCodes = ['CN', 'TW', 'JP', 'US'];
@@ -52,18 +46,10 @@ function groupByPinyinInitial(data) {
                          locale.value === 'ja-JP' ? country.ja :
                          country.en;
                          
-      // 根据语言环境决定使用拼音还是英文首字母
+      const initial = locale.value === 'ja-JP' ? '' : 
-      let initial;
+                     locale.value === 'zh-CN' || locale.value === 'zh-TW' ? 
-      if (locale.value === 'zh-CN' || locale.value === 'zh-TW') {
+                     pinyin(countryName, {style: pinyin.STYLE_FIRST_LETTER})[0][0].toUpperCase() :
-        // 中文和繁体使用拼音首字母
+                     countryName.charAt(0).toUpperCase();
-        const pinyinName = locale.value === 'zh-CN' ? country.cn : country.tw;
-        initial = pinyin(pinyinName, {style: pinyin.STYLE_FIRST_LETTER})[0][0].toUpperCase();
-      } else if (locale.value === 'ja-JP') {
-        initial = '';
-      } else {
-        // 英文使用 en 字段首字母
-        initial = country.en.charAt(0).toUpperCase();
-      }
                      
       if (!grouped[initial]) {
         grouped[initial] = [];
@@ -75,38 +61,12 @@ function groupByPinyinInitial(data) {
     }
   });
 
-  // 对每个分组内的国家按照对应语言排序
-  Object.keys(grouped).forEach(key => {
-    grouped[key].sort((a, b) => {
-      if (locale.value === 'zh-CN' || locale.value === 'zh-TW') {
-        // 中文和繁体使用拼音排序
-        const pinyinA = pinyin(locale.value === 'zh-CN' ? a.cn : a.tw, {style: pinyin.STYLE_NORMAL}).join('');
-        const pinyinB = pinyin(locale.value === 'zh-CN' ? b.cn : b.tw, {style: pinyin.STYLE_NORMAL}).join('');
-        return pinyinA.localeCompare(pinyinB);
-      } else if (locale.value === 'ja-JP') {
-        return a.displayName.localeCompare(b.displayName, 'ja-JP');
-      } else {
-        return a.en.localeCompare(b.en);
-      }
-    });
-  });
-
   if (locale.value === 'ja-JP') {
-    return grouped;
+    // 日文环境下按照片假名排序
-  } else {
+    grouped[''] = grouped[''].sort((a, b) => a.displayName.localeCompare(b.displayName, 'ja-JP'));
-    // 按字母顺序返回排序后的对象
-    const sortedGrouped = {};
-    // 确保 # 永远在最前
-    sortedGrouped['#'] = grouped['#'];
-    // 其他字母按顺序排序
-    Object.keys(grouped)
-      .filter(key => key !== '#')
-      .sort()
-      .forEach(key => {
-        sortedGrouped[key] = grouped[key];
-      });
-    return sortedGrouped;
   }
+
+  return grouped;
 }
 
 const groupedCountries = ref([])
@@ -122,7 +82,6 @@ const searchCountry = computed(() => {
     const countries = groupedCountries.value[initial].filter(country =>
         country.displayName.toLowerCase().includes(value.value.toLowerCase())
     );
-    
     if (countries.length > 0) {
       filtered[initial] = countries;
     }
@@ -143,7 +102,7 @@ const handleCountrySelect = (country) => {
 }
 
 initData()
-console.log('searchCountry',searchCountry.value)
+
 // 监听语言变化，重新初始化数据
 watch(locale, () => {
   initData()