rayyy-vue-table-components 1.3.32 → 1.4.0

package/src/components/tables/BaseTable.vue

@@ -1,12 +1,9 @@
 <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[]
@@ -82,7 +79,7 @@ const operatorWidth = computed(() => {
 <template>
   <el-table
     v-loading="loading"
-    :element-loading-text="t('common.loading')"
+    element-loading-text="數據加載中..."
     :data="data"
     border
     :show-summary="showSummary"
@@ -130,7 +127,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
@@ -138,7 +135,7 @@ const operatorWidth = computed(() => {
             @click="handleOperateClick(row, 'edit')"
             v-if="showEditBtn"
           >
-            {{ t('common.edit') }}
+            編輯
           </p>
         </div>
       </template>

package/src/components/tables/SortTable.vue

@@ -69,13 +69,14 @@ const handleEditClick = (row: T) => {
     </div>
 
     <base-table
-      :loading="loading"
+      v-loading="loading"
+      element-loading-text="數據加載中..."
       :data="data"
       :columns="columns"
-      :show-selection="showSelection"
       :show-summary="showSummary"
       :show-over-flow-tooltip="showOverFlowTooltip"
       :summary-method="summaryMethod"
+      :show-selection="showSelection"
       :base-table-row-class-name="sortTableRowClassName"
       :show-check-btn="showCheckBtn"
       :show-edit-btn="showEditBtn"

package/src/components/tables/TitleTable.vue

@@ -76,7 +76,8 @@ const handleEditClick = (row: T) => {
 
     <!-- 表格主體 -->
     <base-table
-      :loading="loading"
+      v-loading="loading"
+      element-loading-text="數據加載中..."
       :data="data"
       :columns="columns"
       :show-summary="showSummary"

package/src/types/components.d.ts

@@ -239,6 +239,8 @@ export interface BaseDialogProps {
   bodyLoading?: boolean
   /** 提交按鈕加載狀態 */
   submitLoading?: boolean
+  /** 是否顯示關閉按鈕 */
+  showClose?: boolean
 }
 
 /** BaseDialog 組件 Emits 類型 */
@@ -410,6 +412,8 @@ export interface SearchBarEmits {
   (e: 'keydown:enter', data: string): void
   /** 清除事件 */
   (e: 'update:clear'): void
+  /** 重置篩選事件 */
+  (e: 'update:resetFilter'): void
 }
 
 /** SearchBar 組件實例類型 */
@@ -446,6 +450,8 @@ export interface SearchableListPanelProps {
   showFilter?: boolean
   /** 是否顯示預設搜尋 */
   showDefaultSearch?: boolean
+  /** 分頁大小選項列表 */
+  pageSizeList?: number[]
 }
 
 /** SearchableListPanel 組件 Emits 類型 */
@@ -638,34 +644,6 @@ export interface TransferItemInstance {
   $emit: TransferItemEmits
 }
 
-// ==================== 語言切換相關組件類型 ====================
-
-// ==================== LanguageSwitcher 組件類型 ====================
-
-/** LanguageSwitcher 組件 Props 類型 */
-export interface LanguageSwitcherProps {
-  /** 是否顯示語言名稱 */
-  showLabel?: boolean
-  /** 自定義 CSS 類名 */
-  class?: string
-  /** 是否禁用 */
-  disabled?: boolean
-}
-
-/** LanguageSwitcher 組件 Emits 類型 */
-export interface LanguageSwitcherEmits {
-  /** 語言變更事件 */
-  (e: 'change', locale: string): void
-}
-
-/** LanguageSwitcher 組件實例類型 */
-export interface LanguageSwitcherInstance {
-  /** 組件 Props */
-  $props: LanguageSwitcherProps
-  /** 組件 Emits */
-  $emit: LanguageSwitcherEmits
-}
-
 // ==================== 組件定義類型 ====================
 
 /** BaseTable 組件定義 */
@@ -925,22 +903,6 @@ export declare const TransferItem: DefineComponent<
   install: (app: App) => void
 }
 
-/** LanguageSwitcher 組件定義 */
-export declare const LanguageSwitcher: DefineComponent<
-  LanguageSwitcherProps,
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  LanguageSwitcherEmits
-> & {
-  /** 安裝方法 */
-  install: (app: App) => void
-}
-
 // ==================== 插件類型 ====================
 
 /** 插件安裝選項 */
@@ -987,8 +949,6 @@ export interface VueTableComponentsPlugin {
   FilterLayout: typeof FilterLayout
   /** TransferItem 組件 */
   TransferItem: typeof TransferItem
-  /** LanguageSwitcher 組件 */
-  LanguageSwitcher: typeof LanguageSwitcher
 }
 
 // ==================== 全局類型擴展 ====================
@@ -1011,6 +971,5 @@ declare module '@vue/runtime-core' {
     DetailLayout: typeof DetailLayout
     FilterLayout: typeof FilterLayout
     TransferItem: typeof TransferItem
-    LanguageSwitcher: typeof LanguageSwitcher
   }
 }

package/dist/src/locales/en-US.json.d.ts

@@ -1,39 +0,0 @@
-declare const _default: {
-  "common.select": "Please select",
-  "common.confirm": "Confirm",
-  "common.cancel": "Cancel",
-  "dialog.confirmRemoveUser": "Are you sure you want to remove this user?",
-  "common.warning": "Warning",
-  "search.placeholder": "Please enter keywords to search the list",
-  "common.execute": "Execute",
-  "common.reset": "Reset",
-  "common.loading": "Data loading",
-  "common.view": "View",
-  "common.edit": "Edit",
-  "common.column": "Column",
-  "common.back": "      Back",
-  "demo.componentDemo": "Component Demo",
-  "button.title": "Button",
-  "button.primary ": "Primary",
-  "button.default": "Default",
-  "button.danger": "Danger",
-  "button.success": "Success",
-  "button.warning": "Warning",
-  "button.info": "Info",
-  "button.style": "Style",
-  "button.size": "Size",
-  "button.small": "Small",
-  "button.medium": "Medium",
-  "button.large ": "Large",
-  "status.title": "Status",
-  "status.normal ": "Normal",
-  "status.loading": "Loading",
-  "status.disabled": "Disabled",
-  "button.withIcon ": "With Icon",
-  "button.add": "Add",
-  "button.delete": "Delete",
-  "common.save": "Save",
-  "common.discard": "Discard"
-};
-
-export default _default;

package/dist/src/locales/zh-TW.json.d.ts

@@ -1,39 +0,0 @@
-declare const _default: {
-  "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": "捨棄"
-};
-
-export default _default;