rayyy-vue-table-components 2.0.10 → 2.0.12

package/dist/src/index.d.ts

@@ -8,7 +8,7 @@ import { default as TitleTable } from './components/tables/TitleTable.vue';
 import { default as SearchBar } from './components/items/SearchBar.vue';
 export * from './types';
 export * from './utils/tableHelper';
-export { useI18n, setLocale } from './utils/i18n';
+export { useI18n, setLocale, useElementLocale } from './utils/i18n';
 export * from './locales';
 export { BaseTable, BaseBtn, BaseInput, BaseDialog, SortTable, TitleTable, SearchBar };
 export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, PluginOptions, VueTableComponentsPlugin, } from './types/components';

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

@@ -18,4 +18,186 @@ export declare function useComponentI18n(): {
  * 全域 i18n 實例（用於非組件環境）
  */
 export declare function useI18n(): Composer;
+/**
+ * Element Plus locale composable
+ * 返回響應式的 Element Plus locale 對象
+ */
+export declare function useElementLocale(): import('vue').ComputedRef<{
+    name: string;
+    el: {
+        breadcrumb: {
+            label: string;
+        };
+        colorpicker: {
+            confirm: string;
+            clear: string;
+            defaultLabel: string;
+            description: string;
+            alphaLabel: string;
+        };
+        datepicker: {
+            now: string;
+            today: string;
+            cancel: string;
+            clear: string;
+            confirm: string;
+            dateTablePrompt: string;
+            monthTablePrompt: string;
+            yearTablePrompt: string;
+            selectedDate: string;
+            selectDate: string;
+            selectTime: string;
+            startDate: string;
+            startTime: string;
+            endDate: string;
+            endTime: string;
+            prevYear: string;
+            nextYear: string;
+            prevMonth: string;
+            nextMonth: string;
+            year: string;
+            month1: string;
+            month2: string;
+            month3: string;
+            month4: string;
+            month5: string;
+            month6: string;
+            month7: string;
+            month8: string;
+            month9: string;
+            month10: string;
+            month11: string;
+            month12: string;
+            weeks: {
+                sun: string;
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+            };
+            weeksFull: {
+                sun: string;
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+            };
+            months: {
+                jan: string;
+                feb: string;
+                mar: string;
+                apr: string;
+                may: string;
+                jun: string;
+                jul: string;
+                aug: string;
+                sep: string;
+                oct: string;
+                nov: string;
+                dec: string;
+            };
+        };
+        inputNumber: {
+            decrease: string;
+            increase: string;
+        };
+        select: {
+            loading: string;
+            noMatch: string;
+            noData: string;
+            placeholder: string;
+        };
+        mention: {
+            loading: string;
+        };
+        dropdown: {
+            toggleDropdown: string;
+        };
+        cascader: {
+            noMatch: string;
+            loading: string;
+            placeholder: string;
+            noData: string;
+        };
+        pagination: {
+            goto: string;
+            pagesize: string;
+            total: string;
+            pageClassifier: string;
+            page: string;
+            prev: string;
+            next: string;
+            currentPage: string;
+            prevPages: string;
+            nextPages: string;
+            deprecationWarning: string;
+        };
+        dialog: {
+            close: string;
+        };
+        drawer: {
+            close: string;
+        };
+        messagebox: {
+            title: string;
+            confirm: string;
+            cancel: string;
+            error: string;
+            close: string;
+        };
+        upload: {
+            deleteTip: string;
+            delete: string;
+            preview: string;
+            continue: string;
+        };
+        slider: {
+            defaultLabel: string;
+            defaultRangeStartLabel: string;
+            defaultRangeEndLabel: string;
+        };
+        table: {
+            emptyText: string;
+            confirmFilter: string;
+            resetFilter: string;
+            clearFilter: string;
+            sumText: string;
+        };
+        tour: {
+            next: string;
+            previous: string;
+            finish: string;
+        };
+        tree: {
+            emptyText: string;
+        };
+        transfer: {
+            noMatch: string;
+            noData: string;
+            titles: string[];
+            filterPlaceholder: string;
+            noCheckedFormat: string;
+            hasCheckedFormat: string;
+        };
+        image: {
+            error: string;
+        };
+        pageHeader: {
+            title: string;
+        };
+        popconfirm: {
+            confirmButtonText: string;
+            cancelButtonText: string;
+        };
+        carousel: {
+            leftArrow: string;
+            rightArrow: string;
+            indicator: string;
+        };
+    };
+}>;
 export type { I18n, Composer };

package/package.json

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

package/src/assets/styles/element/index.scss

@@ -1,5 +1,3 @@
-// 導入 Element Plus 配置
-//@use 'element-plus/theme-chalk/src/mixins/config.scss' as *;
 
 // 聲明變數
 $namespace: 'ep';

package/src/assets/styles/tailwind.scss

@@ -4,6 +4,9 @@
 @use "dialogs";
 @use "components";
 
+// 導入 Element Plus 樣式
+@use "element";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

package/src/utils/i18n.ts

@@ -1,6 +1,8 @@
 import { createI18n, type I18n, type Composer } from 'vue-i18n'
 import { getCurrentInstance, computed } from 'vue'
 import { messages } from '../locales'
+import zhTw from 'element-plus/es/locale/lang/zh-tw'
+import enUs from 'element-plus/es/locale/lang/en'
 
 // 內部 i18n 實例
 let internalI18n: I18n | null = null
@@ -84,6 +86,42 @@ export function useI18n() {
   return i18n.global as Composer
 }
 
+/**
+ * Element Plus locale composable
+ * 返回響應式的 Element Plus locale 對象
+ */
+export function useElementLocale() {
+  const instance = getCurrentInstance()
+
+  // 嘗試取得外部專案的 i18n（支援 Composition API 模式）
+  let externalI18n: Composer | undefined
+  try {
+    const globalProperties = instance?.appContext.config.globalProperties
+    const externalI18nInstance = globalProperties?.$i18n as I18n | undefined
+
+    // 如果是 I18n 實例，取得其 global 屬性
+    if (externalI18nInstance && 'global' in externalI18nInstance) {
+      externalI18n = externalI18nInstance.global as Composer
+    }
+  } catch (e) {
+    // 如果取得失敗，繼續使用內部 i18n
+    externalI18n = undefined
+  }
+
+  // 取得內部 i18n
+  const internalI18nInstance = getInternalI18n()
+  const internalGlobal = internalI18nInstance.global as Composer
+
+  // 如果存在外部 i18n，優先使用外部的，否則使用內部的
+  const currentI18n = externalI18n || internalGlobal
+
+  // 返回響應式的 Element Plus locale
+  return computed(() => {
+    const locale = currentI18n.locale.value
+    return locale === 'zh-TW' ? zhTw : enUs
+  })
+}
+
 // 導出類型
 export type { I18n, Composer }