yuyeon 0.3.2-rc.8 → 0.3.2-rc.9

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

@@ -13,7 +13,7 @@ export declare const pressYDataTableControlPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "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"];
     };
@@ -23,7 +23,7 @@ export declare const pressYDataTableControlPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "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"];
     };

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

@@ -15,7 +15,7 @@ export declare const pressYDataTableHeadProps: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: import('vue').PropType<unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"]>;
         default: unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"];
     };
@@ -25,7 +25,7 @@ export declare const pressYDataTableHeadProps: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: import('vue').PropType<unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"]>;
         default: unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"];
     };

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

@@ -4,7 +4,10 @@ export declare const YDataTableLayer: import('vue').DefineComponent<{
     slotProps: PropType<any>;
 }, {
     YTableWire: {
-        containerRect: Ref<DOMRect>;
+        tableRef: Ref<HTMLTableElement | undefined, HTMLTableElement | undefined>;
+        containerRect: import('vue').ShallowRef<DOMRectReadOnly | undefined>;
+        wrapperRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        wrapperRect: import('vue').ShallowRef<DOMRectReadOnly | undefined>;
     } | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YDataTableLayer = InstanceType<typeof YDataTableLayer>;

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

@@ -45,7 +45,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
         default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
     };
@@ -53,7 +53,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"]>;
         default: unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"];
     };
@@ -61,7 +61,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<string | number>;
     } : Omit<{
         type: PropType<string | number>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
@@ -69,7 +69,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"]>;
         default: unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"];
     };
@@ -87,7 +87,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"]>;
         default: unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"];
     };
@@ -97,7 +97,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"]>;
         default: unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"];
     };
@@ -119,7 +119,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<"page" | "all" | "single">;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : NonNullable<"page" | "all" | "single"> | Defaults["selectStrategy"]>;
         default: unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : NonNullable<"page" | "all" | "single"> | Defaults["selectStrategy"];
     };
@@ -129,7 +129,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<readonly any[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "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"];
     };
@@ -139,7 +139,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string | typeof import('../../util').deepEqual>;
         default: () => typeof import('../../util').deepEqual;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
         default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
     };
@@ -155,7 +155,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly order?: boolean | "desc" | "asc" | undefined;
         }[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["sortBy"] ? readonly {
             readonly key: string;
             readonly order?: boolean | "desc" | "asc" | undefined;
@@ -177,7 +177,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<any[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
         default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
     };
@@ -187,7 +187,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<any>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemKey"] ? any : any>;
         default: unknown extends Defaults["itemKey"] ? any : any;
     };
@@ -197,7 +197,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<any>;
         default: null;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemSelectable"] ? any : any>;
         default: unknown extends Defaults["itemSelectable"] ? any : any;
     };
@@ -243,7 +243,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly mustSort?: boolean | undefined;
         }[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["headers"] ? readonly {
             readonly key: string;
             readonly text: string;
@@ -341,7 +341,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"]>;
         default: unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"];
     };
@@ -379,7 +379,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "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"];
     };
@@ -389,7 +389,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "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"];
     };
@@ -399,7 +399,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         required: true;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["total"] ? string | number : NonNullable<string | number> | Defaults["total"]>;
         default: unknown extends Defaults["total"] ? string | number : NonNullable<string | number> | Defaults["total"];
     };

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

@@ -13,7 +13,7 @@ export declare const pressYTableProps: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
         default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
     };
@@ -21,7 +21,7 @@ export declare const pressYTableProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"]>;
         default: unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"];
     };
@@ -29,7 +29,7 @@ export declare const pressYTableProps: <Defaults extends {
         type: PropType<string | number>;
     } : Omit<{
         type: PropType<string | number>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
@@ -37,7 +37,7 @@ export declare const pressYTableProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"]>;
         default: unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"];
     };

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>;
+}>;