rayyy-vue-table-components 2.0.34 → 2.0.36

package/dist/src/components/tables/BaseTable.vue.d.ts

@@ -1,6 +1,7 @@
 import { VNode } from 'vue';
 import { TableColumnCtx } from 'element-plus';
 import { SortChangValue, TableColumn } from '../../types';
+import { Language } from 'element-plus/es/locale';
 declare const _default: <T extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onSelection-change"?: ((selection: T[]) => any) | undefined;
@@ -26,6 +27,7 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
         }) => string) | undefined;
         showCheckBtn?: boolean;
         showEditBtn?: boolean;
+        locale?: Language;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/package.json

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

package/src/components/tables/BaseTable.vue

@@ -4,6 +4,8 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import type { TableColumnCtx } from 'element-plus'
 import type { SortChangValue, TableColumn } from '@/types'
+import type { Language } from 'element-plus/es/locale'
+import { useComponentElementLocale } from '@/utils/i18n'
 
 const { t } = useI18n()
 
@@ -21,6 +23,7 @@ type Props<T extends Record<string, unknown> = Record<string, unknown>> = {
   baseTableRowClassName?: (data: { row: T; rowIndex: number }) => string
   showCheckBtn?: boolean
   showEditBtn?: boolean
+  locale?: Language // 新增：Element Plus locale
 }
 
 // 組件屬性默認值
@@ -77,10 +80,20 @@ const operatorWidth = computed(() => {
     return 60
   }
 })
+
+// 優先使用 prop，沒有 prop 則使用 composable
+const elementLocale = computed(() => {
+  if (props.locale) {
+    return props.locale
+  }
+  // 回退：使用簡化的 composable
+  return useComponentElementLocale().value
+})
 </script>
 
 <template>
   <el-table
+    v-if="data.length > 0"
     v-loading="loading"
     :element-loading-text="t('common.loading')"
     :data="data"
@@ -144,6 +157,7 @@ const operatorWidth = computed(() => {
       </template>
     </el-table-column>
   </el-table>
+  <el-empty v-else :locale="elementLocale" />
 </template>
 
 <style scoped lang="scss"></style>

package/src/components/tables/SortTable.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts" generic="T extends Record<string, unknown>">
 import type { SortChangValue, TableColumn } from '@/types'
 import type { TableColumnCtx } from 'element-plus'
-import {  reactive, type VNode } from 'vue'
+import { reactive, type VNode } from 'vue'
 import { Setting } from '@element-plus/icons-vue'
 import { BaseTable } from '@/components'
 
-
 defineProps<{
   data: T[]
   columns: TableColumn<T>[]