rayyy-vue-table-components 2.0.16 → 2.0.18

package/dist/src/components/layout/SearchableListPanel.vue.d.ts

@@ -33,7 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onUpdatePage?: ((page: number) => any) | undefined;
     onUpdatePageSize?: ((limit: number) => any) | undefined;
 }>, {
-    locale: Language;
     pageSizeList: number[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/package.json

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

package/src/components/layout/SearchableListPanel.vue

@@ -4,7 +4,6 @@ import type { Pager } from '@/types'
 import { MainPanel, SearchBar } from '@/components'
 import { useComponentElementLocale } from '@/utils/i18n'
 import type { Language } from 'element-plus/es/locale'
-import zhTw from 'element-plus/es/locale/lang/zh-tw'
 
 const props = withDefaults(
   defineProps<{
@@ -14,11 +13,10 @@ const props = withDefaults(
     showSearch?: boolean
     pageSizeList?: number[]
     showPagination?: boolean
-    locale?: Language  // 新增：Element Plus locale
+    locale?: Language // 新增：Element Plus locale
   }>(),
   {
     pageSizeList: () => [10, 25, 50, 100, 200],
-    locale: () => zhTw,  // 預設值：中文
   },
 )
 
@@ -53,17 +51,21 @@ const showPager = computed(() => {
   if (props.showPagination) {
     return props.showPagination
   } else {
-return props.pagination.totalCount > 0
+    return props.pagination.totalCount > 0
   }
 })
 
+// 在 computed 外部調用，保持引用穩定
+const fallbackLocale = useComponentElementLocale()
+
 // 優先使用 prop，沒有 prop 則使用 composable
 const elementLocale = computed(() => {
-  if (props.locale) {
+  // 檢查 props.locale 是否為真正的 Language 對象（不是預設值）
+  if (props.locale && typeof props.locale === 'object' && 'name' in props.locale) {
     return props.locale
   }
-  // 回退：使用簡化的 composable
-  return useComponentElementLocale().value
+  // 現在能正確追蹤響應式
+  return fallbackLocale.value
 })
 </script>