rayyy-vue-table-components 2.0.21 → 2.0.22

package/dist/src/utils/i18n.d.ts

@@ -6,7 +6,7 @@ export declare function setLocale(locale: string): void;
 /**
  * 全域 i18n 實例（用於非組件環境）
  */
-export declare function useI18n(): Composer<{}, {}, {}, string, never, string>;
+export declare function useI18n(): Composer;
 /**
  * 組件庫內部使用的 Element Plus locale composable
  * 專門用於組件庫內部的 Element Plus 組件

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/components/layout/SearchableListPanel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { toRefs, computed, watch } from 'vue'
+import { toRefs, computed } from 'vue'
 import type { Pager } from '@/types'
 import { MainPanel, SearchBar } from '@/components'
 import { useComponentElementLocale } from '@/utils/i18n'
@@ -58,26 +58,14 @@ const showPager = computed(() => {
 // 在 computed 外部調用，保持引用穩定
 const fallbackLocale = useComponentElementLocale()
 
-// 監聽 fallbackLocale 的變化
-watch(fallbackLocale, (newLocale, oldLocale) => {
-  console.log('🔄 [SearchableListPanel] fallbackLocale 變化:', {
-    old: oldLocale?.name,
-    new: newLocale?.name
-  })
-}, { immediate: true })
-
 // 優先使用 prop，沒有 prop 則使用 composable
 const elementLocale = computed(() => {
-  console.log('🔍 [SearchableListPanel] elementLocale computed 執行')
-
   // 檢查 props.locale 是否為真正的 Language 對象（不是預設值）
   if (props.locale && typeof props.locale === 'object' && 'name' in props.locale) {
-    console.log('🔍 [SearchableListPanel] 使用 props.locale:', props.locale.name)
     return props.locale
   }
 
-  console.log('🔍 [SearchableListPanel] 使用 fallbackLocale:', fallbackLocale.value.name)
-  // 現在能正確追蹤響應式
+  // 使用 fallbackLocale
   return fallbackLocale.value
 })
 </script>

package/src/utils/i18n.ts

@@ -41,11 +41,8 @@ export function setLocale(locale: string): void {
  * 全域 i18n 實例（用於非組件環境）
  */
 export function useI18n() {
-  console.log('🔍 [useI18n] 開始執行')
   const i18n = getInternalI18n()
-  const global = i18n.global as Composer
-  console.log('🔍 [useI18n] 返回內部 i18n，locale:', global.locale.value)
-  return global
+  return i18n.global as Composer
 }
 
 /**
@@ -53,42 +50,8 @@ export function useI18n() {
  * 專門用於組件庫內部的 Element Plus 組件
  */
 export function useComponentElementLocale() {
-  console.log('🔍 [useComponentElementLocale] 開始執行')
-
-  return computed(() => {
-    console.log('🔍 [useComponentElementLocale] computed 開始執行')
-
-    // 在 computed 內部嘗試獲取外部 i18n（確保響應式）
-    const instance = getCurrentInstance()
-    let externalLocale: any = undefined
-
-    try {
-      console.log('🔍 [useComponentElementLocale] 嘗試獲取外部 i18n')
-      const globalProperties = instance?.appContext.config.globalProperties
-      const externalI18nInstance = globalProperties?.$i18n as I18n | undefined
-
-      if (externalI18nInstance && 'global' in externalI18nInstance) {
-        externalLocale = externalI18nInstance.global.locale
-        console.log('🔍 [useComponentElementLocale] 成功獲取外部 locale:', externalLocale.value)
-      } else {
-        console.log('🔍 [useComponentElementLocale] 外部 i18n 不存在')
-      }
-    } catch (e) {
-      console.log('❌ [useComponentElementLocale] 獲取外部 i18n 失敗:', e)
-    }
-
-    // 獲取內部 i18n（回退）
-    const { locale: internalLocale } = useI18n()
-    console.log('🔍 [useComponentElementLocale] 內部 locale:', internalLocale.value)
-
-    // 決定使用哪個 locale
-    const currentLocale = externalLocale || internalLocale
-    console.log('🔍 [useComponentElementLocale] 最終使用 locale:', currentLocale.value)
-
-    const result = currentLocale.value === 'zh-TW' ? zhTw : enUs
-    console.log('🔍 [useComponentElementLocale] 返回結果:', result.name)
-    return result
-  })
+  // 直接返回預設中文
+  return computed(() => zhTw)
 }
 
 // 導出類型