yuyeon 0.3.1 → 0.3.2-rc.10

package/types/components/table/composables/header.d.ts

@@ -0,0 +1,207 @@
+import { DeepReadonly, InjectionKey, PropType, Ref } from 'vue';
+import { DataTableHeader, InternalDataTableHeader } from '../types';
+
+export declare const pressDataTableHeader: <Defaults extends {
+    headers?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    headers: unknown extends Defaults["headers"] ? {
+        type: PropType<readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["headers"] ? readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[] | Defaults["headers"]>;
+        default: unknown extends Defaults["headers"] ? readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly text: string;
+            readonly value?: any;
+            readonly colspan?: number | undefined;
+            readonly rowspan?: number | undefined;
+            readonly fixed?: boolean | "left" | "right" | undefined;
+            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
+            readonly align?: "start" | "end" | "center" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: import('../types').DataTableCompareFn | undefined;
+            readonly mustSort?: boolean | undefined;
+        }[] | Defaults["headers"];
+    };
+};
+export declare const Y_DATA_TABLE_HEADER_KEY: InjectionKey<{
+    headers: Ref<InternalDataTableHeader[][]>;
+    columns: Ref<InternalDataTableHeader[]>;
+}>;
+type HeaderProps = {
+    headers: DeepReadonly<DataTableHeader[]> | undefined;
+};
+export declare function createHeader(props: HeaderProps, options?: {
+    enableSelect?: Ref<boolean>;
+}): {
+    headers: Ref<{
+        key: string;
+        text: string;
+        value?: any;
+        colspan?: number | undefined;
+        rowspan?: number | undefined;
+        fixed?: boolean | "left" | "right" | undefined;
+        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        headerClasses?: string | string[] | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import('../types').DataTableCompareFn | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+        rightOffset?: number | undefined;
+    }[][], InternalDataTableHeader[][] | {
+        key: string;
+        text: string;
+        value?: any;
+        colspan?: number | undefined;
+        rowspan?: number | undefined;
+        fixed?: boolean | "left" | "right" | undefined;
+        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        headerClasses?: string | string[] | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import('../types').DataTableCompareFn | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+        rightOffset?: number | undefined;
+    }[][]>;
+    columns: Ref<{
+        key: string;
+        text: string;
+        value?: any;
+        colspan?: number | undefined;
+        rowspan?: number | undefined;
+        fixed?: boolean | "left" | "right" | undefined;
+        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        headerClasses?: string | string[] | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import('../types').DataTableCompareFn | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+        rightOffset?: number | undefined;
+    }[], InternalDataTableHeader[] | {
+        key: string;
+        text: string;
+        value?: any;
+        colspan?: number | undefined;
+        rowspan?: number | undefined;
+        fixed?: boolean | "left" | "right" | undefined;
+        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        headerClasses?: string | string[] | undefined;
+        align?: "start" | "end" | "center" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import('../types').DataTableCompareFn | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+        rightOffset?: number | undefined;
+    }[]>;
+};
+export declare function useHeader(): {
+    headers: Ref<InternalDataTableHeader[][], InternalDataTableHeader[][]>;
+    columns: Ref<InternalDataTableHeader[], InternalDataTableHeader[]>;
+};
+export {};

package/types/components/table/composables/items.d.ts

@@ -0,0 +1,55 @@
+import { PropType, Ref } from 'vue';
+import { DataTableItem, InternalDataTableHeader } from '../types';
+
+export type DataTableItemsProps = {
+    items: any[];
+    itemKey: any;
+    itemSelectable: any;
+    returnItem: boolean;
+};
+export declare const pressDataTableItemsProps: <Defaults extends {
+    items?: unknown;
+    itemKey?: unknown;
+    itemSelectable?: unknown;
+    returnItem?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    items: unknown extends Defaults["items"] ? {
+        type: PropType<any[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<any[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
+        default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
+    };
+    itemKey: unknown extends Defaults["itemKey"] ? {
+        type: PropType<any>;
+        default: string;
+    } : Omit<{
+        type: PropType<any>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["itemKey"] ? any : any>;
+        default: unknown extends Defaults["itemKey"] ? any : any;
+    };
+    itemSelectable: unknown extends Defaults["itemSelectable"] ? {
+        type: PropType<any>;
+        default: null;
+    } : Omit<{
+        type: PropType<any>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["itemSelectable"] ? any : any>;
+        default: unknown extends Defaults["itemSelectable"] ? any : any;
+    };
+    returnItem: unknown extends Defaults["returnItem"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"]>;
+        default: unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"];
+    };
+};
+export declare function updateItem(props: Omit<DataTableItemsProps, 'items'>, item: any, index: number, columns: InternalDataTableHeader[]): DataTableItem;
+export declare function updateItems(props: Omit<DataTableItemsProps, 'items'>, items: DataTableItemsProps['items'], columns: InternalDataTableHeader[]): DataTableItem[];
+export declare function useItems(props: DataTableItemsProps, columns: Ref<InternalDataTableHeader[]>): {
+    items: import('vue').ComputedRef<DataTableItem<any>[]>;
+};

package/types/components/table/composables/measure.d.ts

@@ -0,0 +1,8 @@
+export declare function useRectMeasure(): {
+    containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    tableRef: import('vue').Ref<HTMLTableElement | undefined, HTMLTableElement | undefined>;
+    containerRect: import('vue').ShallowRef<DOMRectReadOnly | undefined, DOMRectReadOnly | undefined>;
+    wrapperRect: import('vue').ShallowRef<DOMRectReadOnly | undefined, DOMRectReadOnly | undefined>;
+    tableRect: import('vue').ShallowRef<DOMRectReadOnly | undefined, DOMRectReadOnly | undefined>;
+};

package/types/components/table/composables/options.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { SortOption } from '../types';
+
+type DataTableOptionsState = {
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    sortBy: Ref<readonly SortOption[]>;
+    search: Ref<string | undefined>;
+};
+export declare function useOptions({ page, pageSize, sortBy, search }: DataTableOptionsState, emit: Function): void;
+export {};

package/types/components/table/composables/pagination.d.ts

@@ -0,0 +1,81 @@
+import { InjectionKey, PropType, Ref } from 'vue';
+import { DataTableProvidePaginationData } from '../types';
+
+export declare const Y_DATA_TABLE_PAGINATION_KEY: InjectionKey<{
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    startIndex: Ref<number>;
+    endIndex: Ref<number>;
+    pageLength: Ref<number>;
+    total: Ref<number>;
+    prevPage: () => void;
+    nextPage: () => void;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+}>;
+export declare const pressDataTablePaginationProps: <Defaults extends {
+    page?: unknown;
+    pageSize?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    page: unknown extends Defaults["page"] ? {
+        type: PropType<string | number>;
+        default: number;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"]>;
+        default: unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"];
+    };
+    pageSize: unknown extends Defaults["pageSize"] ? {
+        type: PropType<string | number>;
+        default: number;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"]>;
+        default: unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"];
+    };
+};
+type PaginationProps = {
+    page: number | string;
+    'onUpdate:page': ((v: any) => void) | undefined;
+    pageSize: number | string;
+    'onUpdate:pageSize': ((v: any) => void) | undefined;
+    total?: number | string;
+};
+export declare function createPagination(props: PaginationProps): {
+    page: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    pageSize: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+};
+export declare function providePagination(options: {
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    total: Ref<number>;
+}): DataTableProvidePaginationData;
+export declare function usePagination(): {
+    page: Ref<number, number>;
+    pageSize: Ref<number, number>;
+    startIndex: Ref<number, number>;
+    endIndex: Ref<number, number>;
+    pageLength: Ref<number, number>;
+    total: Ref<number, number>;
+    prevPage: () => void;
+    nextPage: () => void;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+};
+export declare function usePaginatedItems<T>(options: {
+    items: Ref<readonly T[]>;
+    startIndex: Ref<number>;
+    endIndex: Ref<number>;
+    pageSize: Ref<number>;
+}): {
+    paginatedItems: import('vue').ComputedRef<readonly T[]>;
+};
+export {};

package/types/components/table/composables/provides.d.ts

@@ -0,0 +1,15 @@
+import { InjectionKey, Ref, ShallowRef } from 'vue';
+import { InternalDataTableHeader } from '../types';
+import { createSorting } from './sorting';
+
+export declare const YTableInjectionKey: InjectionKey<{
+    tableRef: Ref<HTMLTableElement | undefined>;
+    containerRect: ShallowRef<DOMRectReadOnly | undefined>;
+    wrapperRef: Ref<HTMLElement | undefined>;
+    wrapperRect: ShallowRef<DOMRectReadOnly | undefined>;
+}>;
+export declare const YDataTableInjectionKey: InjectionKey<{
+    toggleSort: (column: InternalDataTableHeader) => void;
+    sortBy: ReturnType<typeof createSorting>['sortBy'];
+    headRect: Ref<DOMRectReadOnly | undefined>;
+}>;

package/types/components/table/composables/selection.d.ts

@@ -0,0 +1,82 @@
+import { InjectionKey, PropType, Ref } from 'vue';
+import { deepEqual } from '../../../util/common';
+import { DataTableProvideSelectionData } from '../types';
+import { DataTableItemsProps } from './items';
+
+export interface SelectableItem {
+    key: string;
+    value: any;
+    selectable: boolean;
+}
+export interface DataTableSelectStrategy {
+    showSelectAll: boolean;
+    allSelected: (data: {
+        allItems: SelectableItem[];
+        pageItems: SelectableItem[];
+    }) => SelectableItem[];
+    select: (data: {
+        items: SelectableItem[];
+        value: boolean;
+        selected: Set<unknown>;
+    }) => Set<unknown>;
+    selectAll: (data: {
+        value: boolean;
+        allItems: SelectableItem[];
+        pageItems: SelectableItem[];
+        selected: Set<unknown>;
+    }) => Set<unknown>;
+}
+export declare const pressDataTableSelectionProps: <Defaults extends {
+    enableSelect?: unknown;
+    selectStrategy?: unknown;
+    modelValue?: unknown;
+    itemComparator?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    enableSelect: unknown extends Defaults["enableSelect"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"]>;
+        default: unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"];
+    };
+    selectStrategy: unknown extends Defaults["selectStrategy"] ? {
+        type: PropType<"page" | "all" | "single">;
+        default: string;
+    } : Omit<{
+        type: PropType<"page" | "all" | "single">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : Defaults["selectStrategy"] | NonNullable<"page" | "all" | "single">>;
+        default: unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : Defaults["selectStrategy"] | NonNullable<"page" | "all" | "single">;
+    };
+    modelValue: unknown extends Defaults["modelValue"] ? {
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
+    };
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<string | typeof deepEqual>;
+        default: () => typeof deepEqual;
+    } : Omit<{
+        type: PropType<string | typeof deepEqual>;
+        default: () => typeof deepEqual;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>>;
+        default: unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>;
+    };
+};
+type DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {
+    modelValue: readonly any[];
+    selectStrategy: 'single' | 'page' | 'all';
+    'onUpdate:modelValue': ((value: any[]) => void) | undefined;
+    itemComparator: ((a: any, b: any) => boolean) | string;
+};
+export declare const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<ReturnType<typeof provideSelection>>;
+export declare function provideSelection(props: DataTableSelectionProps, { allItems, pageItems, }: {
+    allItems: Ref<SelectableItem[]>;
+    pageItems: Ref<SelectableItem[]>;
+}): DataTableProvideSelectionData;
+export declare function useSelection(): DataTableProvideSelectionData;
+export {};

package/types/components/table/composables/sorted-items.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { SortOption } from '../types';
+
+export declare function useSortedItems(props: any, items: Ref<any[]>, sortBy: Ref<readonly SortOption[]>, options?: {}): {
+    sortedItems: import('vue').ComputedRef<any[]>;
+};
+export declare function sortItems(items: any[], sortOptions: readonly SortOption[], locale: string): any[];

package/types/components/table/composables/sorting.d.ts

@@ -0,0 +1,62 @@
+import { PropType, Ref } from 'vue';
+import { DataTableProvideSortingData, InternalDataTableHeader, SortOption } from '../types';
+
+export declare const pressDataTableSortProps: <Defaults extends {
+    sortBy?: unknown;
+    multiSort?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    sortBy: unknown extends Defaults["sortBy"] ? {
+        type: PropType<readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["sortBy"] ? readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[] | Defaults["sortBy"]>;
+        default: unknown extends Defaults["sortBy"] ? readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly order?: boolean | "desc" | "asc" | undefined;
+        }[] | Defaults["sortBy"];
+    };
+    multiSort: unknown extends Defaults["multiSort"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"]>;
+        default: unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"];
+    };
+};
+type SortProps = {
+    sortBy: readonly SortOption[];
+    'onUpdate:sortBy': ((value: any) => void) | undefined;
+    multiSort: boolean;
+};
+export declare function createSorting(props: SortProps): {
+    sortBy: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    multiSort: Ref<boolean, boolean>;
+};
+export declare function provideSorting(options: {
+    sortBy: Ref<readonly SortOption[]>;
+    page?: Ref<number>;
+    multiSort?: Ref<boolean>;
+}): DataTableProvideSortingData;
+export declare function useSorting(): {
+    sortBy: Ref<readonly SortOption[], readonly SortOption[]>;
+    toggleSort: (col: InternalDataTableHeader) => void;
+    isSorted: (col: InternalDataTableHeader) => boolean;
+};
+export {};

package/types/components/table/types/index.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, Ref, UnwrapRef } from 'vue';
-import { SelectableItem } from '../composibles/selection';
+import { SelectableItem } from '../composables/selection';
 import { DataTableCompareFn } from './common';
 import { DataTableHeader, InternalDataTableHeader } from './header';
 import { DataTableItem, ItemKeySlot } from './item';
@@ -54,5 +54,6 @@ export type YDataTableSlotProps = {
     items: readonly DataTableItem[];
     columns: InternalDataTableHeader[];
     headers: InternalDataTableHeader[][];
+    TableBodyRef: Ref<any>;
 };
 export type FixedPropType = 'lead' | 'trail' | 'lead-last' | 'trail-last';

package/types/components/table/types/item.d.ts

@@ -1,4 +1,4 @@
-import { SelectableItem, provideSelection } from '../composibles/selection';
+import { SelectableItem, provideSelection } from '../composables/selection';
 import { InternalDataTableHeader } from './header';
 
 type ItemSlotBase<T> = {
@@ -17,5 +17,6 @@ export interface DataTableItem<T = any> extends SelectableItem {
     index: number;
     columns: Record<string, any>;
     raw: T;
+    rowRef?: any;
 }
 export {};