rayyy-vue-table-components 1.3.21 → 1.3.22

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

@@ -33,6 +33,8 @@ export declare const i18n: import('vue-i18n').I18n<{
         "button.withIcon ": string;
         "button.add": string;
         "button.delete": string;
+        "common.save": string;
+        "common.discard": string;
     };
     'en-US': {
         "common.select": string;
@@ -68,6 +70,8 @@ export declare const i18n: import('vue-i18n').I18n<{
         "button.withIcon ": string;
         "button.add": string;
         "button.delete": string;
+        "common.save": string;
+        "common.discard": string;
     };
 }, {}, {}, string, false>;
 export declare const switchLanguage: (locale: "zh-TW" | "en-US") => void;

package/package.json

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

package/src/components/items/BaseWaringDialog.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 import BaseDialog from './BaseDialog.vue'
 
+const { t } = useI18n()
+
 const props = withDefaults(
   defineProps<{
     modelValue: boolean
@@ -11,8 +14,8 @@ const props = withDefaults(
     modalWidth?: string
   }>(),
   {
-    waringText: '請問是否確認移除該使用者',
-    titleText: '警告',
+    waringText: 'dialog.confirmRemoveUser',
+    titleText: 'common.warning',
   },
 )
 
@@ -33,7 +36,7 @@ const handleSubmit = () => {
 <template>
   <base-dialog
     v-model="dialogVisible"
-    :title="titleText"
+    :title="t(titleText)"
     :custom-width="modalWidth"
     :is-waring="true"
     @click:submit="handleSubmit"
@@ -41,7 +44,7 @@ const handleSubmit = () => {
     <div class="w-full h-16 flex items-center justify-center flex-col">
       <slot>
         <p>{{ subWaringText }}</p>
-        <p>{{ waringText }} ?</p>
+        <p>{{ t(waringText) }} ?</p>
       </slot>
     </div>
   </base-dialog>

package/src/components/items/SearchBar.vue

@@ -1,7 +1,10 @@
 <script lang="ts" setup>
 import { ref, useAttrs } from 'vue'
+import { useI18n } from 'vue-i18n'
 import BaseInput from '../form/BaseInput.vue'
 
+const { t } = useI18n()
+
 defineProps<{
   showSearch?: boolean
 }>()
@@ -38,7 +41,7 @@ const resetFilter = () => {
       <div v-if="showSearch" class="search-input">
         <base-input
           v-model="keyword"
-          placeholder="請輸入關鍵字搜尋列表"
+          :placeholder="t('search.placeholder')"
           :show-word-limit="true"
           @keydown.enter="doSearch"
           @update:clearValue="clearableClick"

package/src/components/layout/DetailLayout.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import { MainPanel, BaseBtn, SearchableListPanel } from '@/components'
+import { useI18n } from 'vue-i18n'
+import { MainPanel, BaseBtn } from '@/components'
+
+const { t } = useI18n()
 
 defineProps<{
   title: string
@@ -39,8 +42,8 @@ const handleBackClick = () => {
 
     <template #footer>
       <div class="border-t pt-4 w-full flex items-center justify-end" v-if="isEditable">
-        <BaseBtn text="儲存" type="primary" is-fill @click="saveDetailEdit" />
-        <BaseBtn text="捨棄" type="primary" @click="cancelDetailEdit" />
+        <BaseBtn :text="t('common.save')" type="primary" is-fill @click="saveDetailEdit" />
+        <BaseBtn :text="t('common.discard')" type="primary" @click="cancelDetailEdit" />
       </div>
     </template>
   </MainPanel>

package/src/components/layout/FilterLayout.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
 import { MainPanel, BaseBtn } from '@/components'
 
+const { t } = useI18n()
+
 defineProps<{
   mainTitle: string
   showBack?: boolean | string | object
@@ -36,8 +39,8 @@ const handleBackClick = () => {
     </template>
     <template #footer>
       <div class="submit-row">
-        <base-btn text="執行" is-fill type="primary" @click="doFilter" />
-        <base-btn text="重設" type="primary" @click="resetFilter" />
+        <base-btn :text="t('common.execute')" is-fill type="primary" @click="doFilter" />
+        <base-btn :text="t('common.reset')" type="primary" @click="resetFilter" />
       </div>
     </template>
   </MainPanel>

package/src/components/tables/BaseTable.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts" generic="T extends Record<string, unknown> = Record<string, unknown>">
 import type { VNode } from 'vue'
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 import type { TableColumnCtx } from 'element-plus'
 import type { SortChangValue, TableColumn } from '@/types'
 
+const { t } = useI18n()
+
 type Props<T extends Record<string, unknown> = Record<string, unknown>> = {
   loading?: boolean
   data: T[]
@@ -79,7 +82,7 @@ const operatorWidth = computed(() => {
 <template>
   <el-table
     v-loading="loading"
-    element-loading-text="數據加載中..."
+    :element-loading-text="t('common.loading')"
     :data="data"
     border
     :show-summary="showSummary"
@@ -127,7 +130,7 @@ const operatorWidth = computed(() => {
             @click="handleOperateClick(row, 'check')"
             v-if="showCheckBtn"
           >
-            查看
+            {{ t('common.view') }}
           </p>
           <el-divider direction="vertical" class="!mx-2" v-if="showCheckBtn && showEditBtn" />
           <p
@@ -135,7 +138,7 @@ const operatorWidth = computed(() => {
             @click="handleOperateClick(row, 'edit')"
             v-if="showEditBtn"
           >
-            编辑
+            {{ t('common.edit') }}
           </p>
         </div>
       </template>