rayyy-vue-table-components 1.4.5 → 2.0.0

package/src/locales/index.ts

@@ -0,0 +1,12 @@
+import zhTW from './zh-TW.json'
+import enUS from './en-US.json'
+
+export const messages = {
+  'zh-TW': zhTW,
+  'en-US': enUS,
+}
+
+export type LocaleType = keyof typeof messages
+
+export { zhTW, enUS }
+

package/src/locales/zh-TW.json

@@ -0,0 +1,37 @@
+{
+  "common.select": "請選擇",
+  "common.confirm": "確定",
+  "common.cancel": "取消",
+  "dialog.confirmRemoveUser": "請問是否確認移除該使用者",
+  "common.warning": "警告",
+  "search.placeholder": "請輸入關鍵字搜尋列表",
+  "common.execute": "執行",
+  "common.reset": "重設",
+  "common.loading": "數據加載中",
+  "common.view": "查看",
+  "common.edit": "編輯",
+  "common.column": "欄",
+  "common.back": "回到前一頁",
+  "demo.componentDemo": "組件示範",
+  "button.title": "按鈕",
+  "button.primary ": "主要",
+  "button.default": "默認",
+  "button.danger": "危險",
+  "button.success": "成功",
+  "button.warning": "警告",
+  "button.info": "信息",
+  "button.style": "樣式",
+  "button.size": "尺寸",
+  "button.small": "小",
+  "button.medium": "中",
+  "button.large ": "大",
+  "status.title": "狀態",
+  "status.normal ": "正常",
+  "status.loading": "載入中",
+  "status.disabled": "禁用",
+  "button.withIcon ": "帶圖標的",
+  "button.add": "添加",
+  "button.delete": "刪除",
+  "common.save": "儲存",
+  "common.discard": "捨棄"
+}

package/src/types/components.d.ts

@@ -907,6 +907,8 @@ export interface PluginOptions {
   autoImportStyles?: boolean
   /** 自定義前綴 */
   prefix?: string
+  /** 預設語系 (預設: 'zh-TW') */
+  locale?: string
 }
 
 /** 插件實例類型 */

package/src/utils/i18n.ts

@@ -0,0 +1,89 @@
+import { createI18n, type I18n, type Composer } from 'vue-i18n'
+import { getCurrentInstance, computed } from 'vue'
+import { messages } from '../locales'
+
+// 內部 i18n 實例
+let internalI18n: I18n | null = null
+
+// 預設語系
+const DEFAULT_LOCALE = 'zh-TW'
+
+/**
+ * 取得或建立內部 i18n 實例
+ */
+function getInternalI18n(): I18n {
+  if (!internalI18n) {
+    internalI18n = createI18n({
+      legacy: false,
+      locale: DEFAULT_LOCALE,
+      fallbackLocale: DEFAULT_LOCALE,
+      messages,
+      silentTranslationWarn: true,
+      missingWarn: false,
+      fallbackWarn: false,
+    })
+  }
+  return internalI18n
+}
+
+/**
+ * 設定內部 i18n 的語系
+ */
+export function setLocale(locale: string): void {
+  const i18n = getInternalI18n()
+  const global = i18n.global as Composer
+  global.locale.value = locale
+}
+
+/**
+ * 組件內使用的 i18n composable
+ * 會優先使用外部專案的 i18n，如果不存在則使用內部 i18n
+ */
+export function useComponentI18n() {
+  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，優先使用外部的（因為外部可能有覆蓋的翻譯）
+  // 但要支援回退到內部 i18n
+  const currentI18n = externalI18n || internalGlobal
+
+  // 直接使用 i18n 的 t 函數（它本身就是響應式的）
+  // 如果需要回退邏輯，我們需要檢查 key 是否存在
+  const t = currentI18n.t
+
+  return {
+    t,
+    locale: currentI18n.locale,
+    i18n: currentI18n,
+  }
+}
+
+/**
+ * 全域 i18n 實例（用於非組件環境）
+ */
+export function useI18n() {
+  const i18n = getInternalI18n()
+  return i18n.global as Composer
+}
+
+// 導出類型
+export type { I18n, Composer }
+