rayyy-vue-table-components 2.0.52 → 2.0.53

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

@@ -14,6 +14,16 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
         loading?: boolean;
         data: T[];
         columns: TableColumn<T>[];
+        rowKey?: string | ((row: T) => string) | undefined;
+        treeProps?: {
+            children?: string;
+            hasChildren?: string;
+            checkStrictly?: boolean;
+        };
+        defaultExpandAll?: boolean;
+        expandRowKeys?: string[];
+        lazy?: boolean;
+        load?: ((row: T, treeNode: unknown, resolve: (data: T[]) => void) => void) | undefined;
         showSelection?: boolean;
         showIndex?: boolean;
         showExpand?: boolean;

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

@@ -13,6 +13,16 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick:checkRow" | "onClick:editRow" | "onUpdate:selectRow" | "onClick:cell" | "onOpen:transfer" | "onClick:downloadExcelFile" | "onClick:columnSort"> & {
         data: T[];
         columns: TableColumn<T>[];
+        rowKey?: string | ((row: T) => string);
+        treeProps?: {
+            children?: string;
+            hasChildren?: string;
+            checkStrictly?: boolean;
+        };
+        defaultExpandAll?: boolean;
+        expandRowKeys?: string[];
+        lazy?: boolean;
+        load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void;
         tableTitle?: string;
         showSelection?: boolean;
         showIndex?: boolean;

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

@@ -12,6 +12,16 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick:checkRow" | "onClick:editRow" | "onClick:add" | "onClick:delete" | "onUpdate:selectRow" | "onClick:cell"> & {
         data: T[];
         columns: TableColumn<T>[];
+        rowKey?: string | ((row: T) => string);
+        treeProps?: {
+            children?: string;
+            hasChildren?: string;
+            checkStrictly?: boolean;
+        };
+        defaultExpandAll?: boolean;
+        expandRowKeys?: string[];
+        lazy?: boolean;
+        load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void;
         tableTitle?: string;
         propIsEditable?: boolean;
         showSelection?: boolean;

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

@@ -13,6 +13,22 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   data: T[]
   /** 表格列配置 */
   columns: TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 是否顯示選擇列 */
   showSelection?: boolean
   /** 是否顯示索引列 */
@@ -76,6 +92,22 @@ export interface SortTableProps<T extends Record<string, unknown> = Record<strin
   data: T[]
   /** 表格列配置 */
   columns: import('./index').TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 表格標題 */
   tableTitle?: string
   /** 是否顯示選擇列 */
@@ -147,6 +179,22 @@ export interface TitleTableProps<T extends Record<string, unknown> = Record<stri
   data: T[]
   /** 表格列配置 */
   columns: import('./index').TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 表格標題 */
   tableTitle?: string
   /** 是否可編輯（顯示新增/刪除按鈕） */

package/package.json

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

package/src/assets/styles/_tables.scss

@@ -8,10 +8,13 @@
     @apply h-10;
 
     .el-tooltip {
+      @apply flex items-center;
+
       .cell-content {
         @apply truncate;
       }
     }
+
   }
 
   .is-dismissed {

package/src/components/tables/BaseTable.vue

@@ -12,6 +12,16 @@ type Props<T extends Record<string, unknown> = Record<string, unknown>> = {
   loading?: boolean
   data: T[]
   columns: TableColumn<T>[]
+  rowKey?: string | ((row: T) => string)
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  defaultExpandAll?: boolean
+  expandRowKeys?: string[]
+  lazy?: boolean
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   showSelection?: boolean
   showIndex?: boolean
   showExpand?: boolean
@@ -32,6 +42,12 @@ type Props<T extends Record<string, unknown> = Record<string, unknown>> = {
 const props = withDefaults(defineProps<Props<T>>(), {
   loading: false,
   data: () => [],
+  defaultExpandAll: false,
+  lazy: false,
+  treeProps: () => ({
+    children: 'children',
+    hasChildren: 'hasChildren',
+  }),
   showSelection: false,
   showIndex: false,
   showExpand: false,
@@ -97,6 +113,12 @@ const operatorWidth = computed(() => {
     v-loading="loading"
     :element-loading-text="t('common.loading')"
     :data="data"
+    :row-key="rowKey"
+    :tree-props="treeProps"
+    :default-expand-all="defaultExpandAll"
+    :expand-row-keys="expandRowKeys"
+    :lazy="lazy"
+    :load="load"
     border
     :show-summary="showSummary"
     :show-overflow-tooltip="showOverFlowTooltip"

package/src/components/tables/SortTable.vue

@@ -8,6 +8,16 @@ import { BaseTable } from '@/components'
 defineProps<{
   data: T[]
   columns: TableColumn<T>[]
+  rowKey?: string | ((row: T) => string)
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  defaultExpandAll?: boolean
+  expandRowKeys?: string[]
+  lazy?: boolean
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   tableTitle?: string
   showSelection?: boolean
   showIndex?: boolean
@@ -105,6 +115,12 @@ const state = reactive({
       v-loading="loading"
       :data="data"
       :columns="columns"
+      :row-key="rowKey"
+      :tree-props="treeProps"
+      :default-expand-all="defaultExpandAll"
+      :expand-row-keys="expandRowKeys"
+      :lazy="lazy"
+      :load="load"
       :show-summary="showSummary"
       :show-over-flow-tooltip="showOverFlowTooltip"
       :summary-method="summaryMethod"

package/src/components/tables/TitleTable.vue

@@ -11,6 +11,16 @@ const { t } = useI18n()
 defineProps<{
   data: T[]
   columns: TableColumn<T>[]
+  rowKey?: string | ((row: T) => string)
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  defaultExpandAll?: boolean
+  expandRowKeys?: string[]
+  lazy?: boolean
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   tableTitle?: string
   propIsEditable?: boolean
   showSelection?: boolean
@@ -96,6 +106,12 @@ const handleEditClick = (row: T) => {
       v-loading="loading"
       :data="data"
       :columns="columns"
+      :row-key="rowKey"
+      :tree-props="treeProps"
+      :default-expand-all="defaultExpandAll"
+      :expand-row-keys="expandRowKeys"
+      :lazy="lazy"
+      :load="load"
       :show-summary="showSummary"
       :summary-method="summaryMethod"
       :show-selection="propIsEditable || showSelection"

package/src/types/components.d.ts

@@ -14,6 +14,22 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   data: T[]
   /** 表格列配置 */
   columns: TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 是否顯示選擇列 */
   showSelection?: boolean
   /** 是否顯示索引列 */
@@ -77,6 +93,22 @@ export interface SortTableProps<T extends Record<string, unknown> = Record<strin
   data: T[]
   /** 表格列配置 */
   columns: import('./index').TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 表格標題 */
   tableTitle?: string
   /** 是否顯示選擇列 */
@@ -148,6 +180,22 @@ export interface TitleTableProps<T extends Record<string, unknown> = Record<stri
   data: T[]
   /** 表格列配置 */
   columns: import('./index').TableColumn<T>[]
+  /** 行資料的 Key（樹形資料與懶加載建議必填） */
+  rowKey?: string | ((row: T) => string)
+  /** 樹形資料配置 */
+  treeProps?: {
+    children?: string
+    hasChildren?: string
+    checkStrictly?: boolean
+  }
+  /** 是否預設展開所有節點 */
+  defaultExpandAll?: boolean
+  /** 指定預設展開的行 keys */
+  expandRowKeys?: string[]
+  /** 是否啟用懶加載子節點 */
+  lazy?: boolean
+  /** 懶加載函式 */
+  load?: (row: T, treeNode: unknown, resolve: (data: T[]) => void) => void
   /** 表格標題 */
   tableTitle?: string
   /** 是否可編輯（顯示新增/刪除按鈕） */