rayyy-vue-table-components 1.3.1 → 1.3.3

package/dist/src/components/index.d.ts

@@ -4,18 +4,20 @@ export { default as BaseInput } from './form/BaseInput.vue';
 export { default as BaseDialog } from './items/BaseDialog.vue';
 export { default as BaseMultipleInput } from './form/BaseMultipleInput.vue';
 export { default as SortTable } from './tables/SortTable.vue';
+export { default as TitleTable } from './tables/TitleTable.vue';
 export { default as SearchBar } from './items/SearchBar.vue';
 export { default as TransferDialog } from './transfer/TransferDialog.vue';
 export { default as TransferItem } from './transfer/transferItem.vue';
 export { default as FunctionHeader } from './layout/FunctionHeader.vue';
 export { default as MainPanel } from './layout/MainPanel.vue';
 export { default as SearchableListPanel } from './layout/SearchableListPanel.vue';
-export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, BaseInputProps, BaseInputEmits, BaseInputInstance, SortTableProps, SortTableEmits, SortTableInstance, SearchBarProps, SearchBarEmits, SearchBarInstance, SearchBarSlots, TransferDialogProps, TransferDialogEmits, TransferDialogInstance, TransferItemProps, TransferItemEmits, TransferItemInstance, MainPanelProps, MainPanelEmits, MainPanelInstance, SearchableListPanelProps, SearchableListPanelEmits, SearchableListPanelInstance, SearchableListPanelSlots, FunctionHeaderProps, FunctionHeaderEmits, FunctionHeaderInstance, PluginOptions, VueTableComponentsPlugin } from '../types/components.d';
+export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, BaseInputProps, BaseInputEmits, BaseInputInstance, SortTableProps, SortTableEmits, SortTableInstance, TitleTableProps, TitleTableEmits, TitleTableInstance, SearchBarProps, SearchBarEmits, SearchBarInstance, SearchBarSlots, TransferDialogProps, TransferDialogEmits, TransferDialogInstance, TransferItemProps, TransferItemEmits, TransferItemInstance, MainPanelProps, MainPanelEmits, MainPanelInstance, SearchableListPanelProps, SearchableListPanelEmits, SearchableListPanelInstance, SearchableListPanelSlots, FunctionHeaderProps, FunctionHeaderEmits, FunctionHeaderInstance, PluginOptions, VueTableComponentsPlugin } from '../types/components.d';
 export type { default as BaseTableType } from './tables/BaseTable.vue';
 export type { default as BaseBtnType } from './items/BaseBtn.vue';
 export type { default as BaseInputType } from './form/BaseInput.vue';
 export type { default as BaseDialogType } from './items/BaseDialog.vue';
 export type { default as SortTableType } from './tables/SortTable.vue';
+export type { default as TitleTableType } from './tables/TitleTable.vue';
 export type { default as SearchBarType } from './items/SearchBar.vue';
 export type { default as TransferDialogType } from './transfer/TransferDialog.vue';
 export type { default as TransferItemType } from './transfer/transferItem.vue';

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

@@ -3,11 +3,11 @@ import { TableColumnCtx } from 'element-plus';
 import { VNode } from 'vue';
 declare const _default: <T extends 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 "onOpen:transfer"?: (() => any) | undefined;
+        readonly "onClick:cell"?: ((column: TableColumn<T>, row: T) => any) | undefined;
         readonly "onUpdate:selectRow"?: ((value: T[]) => any) | undefined;
+        readonly "onOpen:transfer"?: (() => any) | undefined;
         readonly "onClick:columnSort"?: ((data: SortChangValue<T>) => any) | undefined;
-        readonly "onClick:cell"?: ((column: TableColumn<T>, row: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOpen:transfer" | "onUpdate:selectRow" | "onClick:columnSort" | "onClick:cell"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick:cell" | "onUpdate:selectRow" | "onOpen:transfer" | "onClick:columnSort"> & {
         data: T[];
         columns: TableColumn<T>[];
         tableTitle?: string;

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

@@ -0,0 +1,42 @@
+import { VNode } from 'vue';
+import { TableColumnCtx } from 'element-plus';
+import { TableColumn } from 'src/types';
+declare const _default: <T extends 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 "onClick:add"?: (() => any) | undefined;
+        readonly "onClick:edit"?: (() => any) | undefined;
+        readonly "onClick:delete"?: (() => any) | undefined;
+        readonly "onClick:cell"?: ((column: TableColumn<T>, row: T) => any) | undefined;
+        readonly "onUpdate:selectRow"?: ((value: T[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick:add" | "onClick:edit" | "onClick:delete" | "onClick:cell" | "onUpdate:selectRow"> & {
+        data: T[];
+        columns: TableColumn<T>[];
+        tableTitle?: string;
+        showSelection?: boolean;
+        loading?: boolean;
+        showSummary?: boolean;
+        showOverFlowTooltip?: boolean;
+        summaryMethod?: (param: {
+            columns: TableColumnCtx<Record<string, unknown>>[];
+            data: T[];
+        }) => (string | VNode)[];
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        tableSearch?(_: {}): any;
+    };
+    emit: {
+        (e: "click:add"): void;
+        (e: "click:edit"): void;
+        (e: "click:delete"): void;
+        (e: "update:selectRow", value: T[]): void;
+        (e: "click:cell", column: TableColumn<T>, row: T): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/transfer/TransferDialog.vue.d.ts

@@ -3,7 +3,11 @@ declare const _default: <T = Record<string, unknown>>(__VLS_props: NonNullable<A
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:submit"?: ((data: TableColumn<T>[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:submit"> & {
+        readonly "onUpdate:checkChange"?: ((data: {
+            columns: TableColumn<T>[];
+            checkList: string[];
+        }) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:submit" | "onUpdate:checkChange"> & {
         modelValue: boolean;
         columnsValue: TableColumn<T>[];
         transferTitle: string;
@@ -39,6 +43,10 @@ declare const _default: <T = Record<string, unknown>>(__VLS_props: NonNullable<A
     emit: {
         (e: "update:modelValue", value: boolean): void;
         (e: "update:submit", data: TableColumn<T>[]): void;
+        (e: "update:checkChange", data: {
+            columns: TableColumn<T>[];
+            checkList: string[];
+        }): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/src/index.d.ts

@@ -4,10 +4,11 @@ import { default as BaseBtn } from './components/items/BaseBtn.vue';
 import { default as BaseInput } from './components/form/BaseInput.vue';
 import { default as BaseDialog } from './components/items/BaseDialog.vue';
 import { default as SortTable } from './components/tables/SortTable.vue';
+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 { BaseTable, BaseBtn, BaseInput, BaseDialog, SortTable, SearchBar };
+export { BaseTable, BaseBtn, BaseInput, BaseDialog, SortTable, TitleTable, SearchBar };
 export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, PluginOptions, VueTableComponentsPlugin, } from './types/components';
 export * from './components';
 export declare function install(app: App, options?: {

package/dist/src/router/constants.d.ts

@@ -12,7 +12,7 @@ export declare const ROUTES: {
     readonly BASE_INPUT: "/demo/base-input";
     readonly BASE_DIALOG: "/demo/base-dialog";
     readonly BASE_FORM: "/demo/base-form";
-    readonly SORT_TABLE: "/demo/sort-table";
+    readonly TABLE: "/demo/table";
     readonly SEARCH_BAR: "/demo/search-bar";
     readonly FUNCTION_HEADER: "/demo/function-header";
     readonly MAIN_PANEL: "/demo/main-panel";
@@ -31,7 +31,7 @@ export declare const ROUTE_NAMES: {
     readonly BASE_BTN: "BaseBtn";
     readonly BASE_INPUT: "BaseInput";
     readonly BASE_DIALOG: "BaseDialog";
-    readonly SORT_TABLE: "SortTable";
+    readonly TABLE: "Table";
     readonly SEARCH_BAR: "SearchBar";
     readonly FUNCTION_HEADER: "FunctionHeader";
     readonly MAIN_PANEL: "MainPanel";

package/dist/src/types/components.d.ts

@@ -92,6 +92,50 @@ export interface SortTableInstance<T extends Record<string, unknown> = Record<st
   $emit: SortTableEmits<T>
 }
 
+// ==================== TitleTable 組件類型 ====================
+
+/** TitleTable 組件 Props 類型 */
+export interface TitleTableProps<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 表格數據 */
+  data: T[]
+  /** 表格列配置 */
+  columns: import('./index').TableColumn<T>[]
+  /** 表格標題 */
+  tableTitle?: string
+  /** 是否顯示選擇列 */
+  showSelection?: boolean
+  /** 是否顯示加載狀態 */
+  loading?: boolean
+  /** 是否顯示匯總行 */
+  showSummary?: boolean
+  /** 是否顯示溢出提示 */
+  showOverFlowTooltip?: boolean
+  /** 匯總方法 */
+  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+}
+
+/** TitleTable 組件 Emits 類型 */
+export interface TitleTableEmits<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 新增按鈕點擊事件 */
+  (e: 'click:add'): void
+  /** 編輯按鈕點擊事件 */
+  (e: 'click:edit'): void
+  /** 刪除按鈕點擊事件 */
+  (e: 'click:delete'): void
+  /** 更新選擇行事件 */
+  (e: 'update:selectRow', value: T[]): void
+  /** 單元格點擊事件 */
+  (e: 'click:cell', column: import('./index').TableColumn<T>, row: T): void
+}
+
+/** TitleTable 組件實例類型 */
+export interface TitleTableInstance<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 組件 Props */
+  $props: TitleTableProps<T>
+  /** 組件 Emits */
+  $emit: TitleTableEmits<T>
+}
+
 // ==================== 按鈕相關組件類型 ====================
 
 // ==================== BaseBtn 組件類型 ====================
@@ -197,6 +241,8 @@ export interface TransferDialogEmits<T = Record<string, unknown>> {
   (e: 'update:modelValue', value: boolean): void
   /** 提交事件 */
   (e: 'update:submit', data: import('./index').TableColumn<T>[]): void
+  /** checkbox 狀態變更事件 */
+  (e: 'update:checkChange', data: { columns: import('./index').TableColumn<T>[], checkList: string[] }): void
 }
 
 /** TransferDialog 組件實例類型 */
@@ -496,6 +542,22 @@ export declare const SortTable: DefineComponent<
   install: (app: App) => void
 }
 
+/** TitleTable 組件定義 */
+export declare const TitleTable: DefineComponent<
+  TitleTableProps<any>,
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  TitleTableEmits<any>
+> & {
+  /** 安裝方法 */
+  install: (app: App) => void
+}
+
 /** BaseBtn 組件定義 */
 export declare const BaseBtn: DefineComponent<
   BaseBtnProps,
@@ -676,6 +738,8 @@ export interface VueTableComponentsPlugin {
   BaseTable: typeof BaseTable
   /** SortTable 組件 */
   SortTable: typeof SortTable
+  /** TitleTable 組件 */
+  TitleTable: typeof TitleTable
   /** BaseBtn 組件 */
   BaseBtn: typeof BaseBtn
   /** BaseDialog 組件 */
@@ -704,6 +768,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     BaseTable: typeof BaseTable
     SortTable: typeof SortTable
+    TitleTable: typeof TitleTable
     BaseBtn: typeof BaseBtn
     BaseDialog: typeof BaseDialog
     TransferDialog: typeof TransferDialog

package/package.json

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

package/src/assets/styles/_components.scss

@@ -19,63 +19,30 @@
 }
 
 
-// ==================== TransferItem 組件樣式 ====================
-.transfer-item-wrapper {
-  @apply border-t border-gray-200 px-4 flex items-center justify-between w-full;
-}
-
-.transfer-arrow-wrapper {
-  @apply w-28 text-primary-10;
-}
 
 // ==================== TransferDialog 組件樣式 ====================
 .transfer-sort-wrapper {
-  @apply border border-gray-200 h-96 overflow-auto;
+  @apply border-2 border-gray-200 border-solid;
+  @apply h-96 overflow-auto;
 }
 
 .transfer-active-bg {
-  background-color: rgba(103, 133, 193, 0.1);
+  @apply bg-primary/10;
 }
 
 .transfer-active-border {
-  @apply border border-primary-10 rounded;
+  @apply border rounded border-solid;
+  @apply border-blue-10;
 }
 
-// ==================== 組件樣式配置 ====================
-.component-styles {
-  // SortTable
-  .sort-table-container {
-    @apply w-full mb-4;
-  }
-
-  .sort-table-function-bar {
-    @apply flex items-center h-12 bg-primary-20 px-1.5 rounded-t justify-end;
-  }
-
-  .sort-table-settings-btn {
-    @apply cursor-pointer text-primary-dark text-xl flex items-center justify-center;
-  }
-
 
-  // TransferDialog
-  .transfer-sort-wrapper {
-    @apply border border-gray-200 h-96 overflow-auto;
-  }
-
-  .transfer-active-bg {
-    background-color: rgba(103, 133, 193, 0.1);
-  }
-
-  .transfer-active-border {
-    @apply border border-primary-10 rounded;
-  }
-
-  // TransferItem
-  .transfer-item-wrapper {
-    @apply border-t border-gray-200 px-4 flex items-center justify-between w-full;
-  }
+// ==================== TransferItem 組件樣式 ====================
+.transfer-item-wrapper {
+  @apply border-t px-4;
+  @apply flex items-center justify-between w-full;
+}
 
-  .transfer-arrow-wrapper {
-    @apply w-28 text-primary-10;
-  }
+.transfer-arrow-wrapper {
+  @apply w-28;
+  @apply text-blue-10;
 }

package/src/components/form/BaseInput.vue

@@ -48,7 +48,9 @@ const handlerClear = () => {
     @clear="handlerClear"
   >
     <template #prefix>
-      <el-icon><Search /></el-icon>
+      <div class="text-text-border w-full h-full flex items-center justify-center text-lg">
+        <el-icon><Search /></el-icon>
+      </div>
     </template>
   </el-input>
 </template>

package/src/components/index.ts

@@ -5,6 +5,7 @@ export { default as BaseInput } from './form/BaseInput.vue'
 export { default as BaseDialog } from './items/BaseDialog.vue'
 export { default as BaseMultipleInput } from './form/BaseMultipleInput.vue'
 export { default as SortTable } from './tables/SortTable.vue'
+export { default as TitleTable } from './tables/TitleTable.vue'
 export { default as SearchBar } from './items/SearchBar.vue'
 export { default as TransferDialog } from './transfer/TransferDialog.vue'
 export { default as TransferItem } from './transfer/transferItem.vue'
@@ -34,6 +35,10 @@ export type {
   SortTableProps,
   SortTableEmits,
   SortTableInstance,
+  // TitleTable 組件類型
+  TitleTableProps,
+  TitleTableEmits,
+  TitleTableInstance,
   // SearchBar 組件類型
   SearchBarProps,
   SearchBarEmits,
@@ -71,6 +76,7 @@ export type { default as BaseBtnType } from './items/BaseBtn.vue'
 export type { default as BaseInputType } from './form/BaseInput.vue'
 export type { default as BaseDialogType } from './items/BaseDialog.vue'
 export type { default as SortTableType } from './tables/SortTable.vue'
+export type { default as TitleTableType } from './tables/TitleTable.vue'
 export type { default as SearchBarType } from './items/SearchBar.vue'
 export type { default as TransferDialogType } from './transfer/TransferDialog.vue'
 export type { default as TransferItemType } from './transfer/transferItem.vue'

package/src/components/transfer/TransferDialog.vue

@@ -16,6 +16,7 @@ const props = defineProps<{
 const emit = defineEmits<{
   (e: 'update:modelValue', value: boolean): void
   (e: 'update:submit', data: TableColumn<T>[]): void
+  (e: 'update:checkChange', data: { columns: TableColumn<T>[]; checkList: string[] }): void
 }>()
 
 const dialogVisible = computed({
@@ -81,6 +82,7 @@ watch(
   },
 )
 const handlerSubmit = () => {
+  console.log('state.localColumns', state.localColumns)
   emit('update:submit', state.localColumns)
 }
 
@@ -94,6 +96,11 @@ const handleCheckChange = (val: CheckboxValueType[]) => {
   state.localColumns.forEach((column) => {
     column.checkActive = stringValues.includes(column.prop as string)
   })
+  // 即時 emit checkbox 狀態變更
+  emit('update:checkChange', {
+    columns: state.localColumns,
+    checkList: state.checkList,
+  })
 }
 
 const isAllChecked = computed(() => {
@@ -121,9 +128,7 @@ const doFilterColumn = (keyword: string) => {
   <base-dialog v-model="dialogVisible" :title="transferTitle" @click:submit="handlerSubmit">
     <div class="search-bar">
       <search-bar
-        :show-filter="false"
         :show-search="true"
-        :full-input="true"
         @update:clear="resetFilterColumn"
         @keydown:enter="doFilterColumn"
       />
@@ -142,25 +147,23 @@ const doFilterColumn = (keyword: string) => {
           :handle-mousedown="(prop: string) => (state.clickItemProp = prop)"
         >
           <!-- 默認的靜態列表 -->
-          <div class="max-h-96 overflow-y-auto">
-            <template v-for="(element, index) in state.localColumns" :key="element.prop">
-              <transfer-item
-                :dialog-modal-visible="dialogVisible"
-                :columns-value="element"
-                :columns-index="index"
-                :columns-len="state.localColumns.length"
-                :class="{
-                  'transfer-active-bg': element.checkActive,
-                  'transfer-active-border': state.clickItemProp == element.prop,
-                }"
-                @mousedown="state.clickItemProp = element.prop || ''"
-                @update:toTop="handleItemEvents.toTop(index)"
-                @update:toBottom="handleItemEvents.toBottom(index)"
-                @update:toPre="handleItemEvents.toPre(index)"
-                @update:toNext="handleItemEvents.toNext(index)"
-              />
-            </template>
-          </div>
+          <template v-for="(element, index) in state.localColumns" :key="element.prop">
+            <transfer-item
+              :dialog-modal-visible="dialogVisible"
+              :columns-value="element"
+              :columns-index="index"
+              :columns-len="state.localColumns.length"
+              :class="{
+                'transfer-active-bg': element.checkActive,
+                'transfer-active-border': state.clickItemProp == element.prop,
+              }"
+              @mousedown="state.clickItemProp = element.prop || ''"
+              @update:toTop="handleItemEvents.toTop(index)"
+              @update:toBottom="handleItemEvents.toBottom(index)"
+              @update:toPre="handleItemEvents.toPre(index)"
+              @update:toNext="handleItemEvents.toNext(index)"
+            />
+          </template>
         </slot>
       </el-checkbox-group>
     </div>

package/src/types/components.d.ts

@@ -93,6 +93,50 @@ export interface SortTableInstance<T extends Record<string, unknown> = Record<st
   $emit: SortTableEmits<T>
 }
 
+// ==================== TitleTable 組件類型 ====================
+
+/** TitleTable 組件 Props 類型 */
+export interface TitleTableProps<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 表格數據 */
+  data: T[]
+  /** 表格列配置 */
+  columns: import('./index').TableColumn<T>[]
+  /** 表格標題 */
+  tableTitle?: string
+  /** 是否顯示選擇列 */
+  showSelection?: boolean
+  /** 是否顯示加載狀態 */
+  loading?: boolean
+  /** 是否顯示匯總行 */
+  showSummary?: boolean
+  /** 是否顯示溢出提示 */
+  showOverFlowTooltip?: boolean
+  /** 匯總方法 */
+  summaryMethod?: (param: { columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[]; data: T[] }) => (string | import('vue').VNode)[]
+}
+
+/** TitleTable 組件 Emits 類型 */
+export interface TitleTableEmits<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 新增按鈕點擊事件 */
+  (e: 'click:add'): void
+  /** 編輯按鈕點擊事件 */
+  (e: 'click:edit'): void
+  /** 刪除按鈕點擊事件 */
+  (e: 'click:delete'): void
+  /** 更新選擇行事件 */
+  (e: 'update:selectRow', value: T[]): void
+  /** 單元格點擊事件 */
+  (e: 'click:cell', column: import('./index').TableColumn<T>, row: T): void
+}
+
+/** TitleTable 組件實例類型 */
+export interface TitleTableInstance<T extends Record<string, unknown> = Record<string, unknown>> {
+  /** 組件 Props */
+  $props: TitleTableProps<T>
+  /** 組件 Emits */
+  $emit: TitleTableEmits<T>
+}
+
 // ==================== 按鈕相關組件類型 ====================
 
 // ==================== BaseBtn 組件類型 ====================
@@ -198,6 +242,8 @@ export interface TransferDialogEmits<T = Record<string, unknown>> {
   (e: 'update:modelValue', value: boolean): void
   /** 提交事件 */
   (e: 'update:submit', data: import('./index').TableColumn<T>[]): void
+  /** checkbox 狀態變更事件 */
+  (e: 'update:checkChange', data: { columns: import('./index').TableColumn<T>[], checkList: string[] }): void
 }
 
 /** TransferDialog 組件實例類型 */
@@ -497,6 +543,22 @@ export declare const SortTable: DefineComponent<
   install: (app: App) => void
 }
 
+/** TitleTable 組件定義 */
+export declare const TitleTable: DefineComponent<
+  TitleTableProps<any>,
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  TitleTableEmits<any>
+> & {
+  /** 安裝方法 */
+  install: (app: App) => void
+}
+
 /** BaseBtn 組件定義 */
 export declare const BaseBtn: DefineComponent<
   BaseBtnProps,
@@ -677,6 +739,8 @@ export interface VueTableComponentsPlugin {
   BaseTable: typeof BaseTable
   /** SortTable 組件 */
   SortTable: typeof SortTable
+  /** TitleTable 組件 */
+  TitleTable: typeof TitleTable
   /** BaseBtn 組件 */
   BaseBtn: typeof BaseBtn
   /** BaseDialog 組件 */
@@ -705,6 +769,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     BaseTable: typeof BaseTable
     SortTable: typeof SortTable
+    TitleTable: typeof TitleTable
     BaseBtn: typeof BaseBtn
     BaseDialog: typeof BaseDialog
     TransferDialog: typeof TransferDialog