yuyeon 0.0.9 → 0.0.10

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

@@ -1,12 +1,181 @@
 import { PropType } from 'vue';
 export declare const pressDataTableServerProps: <Defaults extends {
-    page?: unknown;
-    pageSize?: unknown;
+    tag?: unknown;
+    fixedHead?: unknown;
+    height?: unknown;
+    flexHeight?: unknown;
+    multiSort?: unknown;
+    sortAscIcon?: unknown;
+    sortDescIcon?: unknown;
+    dualSortIcon?: unknown;
+    sticky?: unknown;
+    enableSelect?: unknown;
+    selectStrategy?: unknown;
+    modelValue?: unknown;
+    sortBy?: unknown;
+    items?: unknown;
+    itemKey?: unknown;
+    itemSelectable?: unknown;
+    returnItem?: unknown;
+    headers?: unknown;
     width?: unknown;
     search?: unknown;
+    page?: unknown;
+    pageSize?: unknown;
     total?: unknown;
-    headers?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    tag: unknown extends Defaults["tag"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
+    };
+    fixedHead: unknown extends Defaults["fixedHead"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"]>;
+        default: unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"];
+    };
+    height: unknown extends Defaults["height"] ? {
+        type: PropType<string | number>;
+    } : Omit<{
+        type: PropType<string | number>;
+    }, "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"];
+    };
+    flexHeight: unknown extends Defaults["flexHeight"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"]>;
+        default: unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"];
+    };
+    multiSort: unknown extends Defaults["multiSort"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults ? "multiSort" : "multiSort" | Defaults>;
+        default: unknown extends Defaults["multiSort"] ? boolean : boolean | Defaults["multiSort"];
+    };
+    sortAscIcon: unknown extends Defaults["sortAscIcon"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"]>;
+        default: unknown extends Defaults["sortAscIcon"] ? string : string | Defaults["sortAscIcon"];
+    };
+    sortDescIcon: unknown extends Defaults["sortDescIcon"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"]>;
+        default: unknown extends Defaults["sortDescIcon"] ? string : string | Defaults["sortDescIcon"];
+    };
+    dualSortIcon: unknown extends Defaults["dualSortIcon"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults ? "dualSortIcon" : "dualSortIcon" | Defaults>;
+        default: unknown extends Defaults["dualSortIcon"] ? boolean : boolean | Defaults["dualSortIcon"];
+    };
+    sticky: unknown extends Defaults["sticky"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults ? "sticky" : "sticky" | Defaults>;
+        default: unknown extends Defaults["sticky"] ? boolean : boolean | Defaults["sticky"];
+    };
+    enableSelect: unknown extends Defaults["enableSelect"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults ? "enableSelect" : "enableSelect" | Defaults>;
+        default: unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"];
+    };
+    selectStrategy: unknown extends Defaults["selectStrategy"] ? {
+        type: PropType<"single" | "page" | "all">;
+        default: string;
+    } : Omit<{
+        type: PropType<"single" | "page" | "all">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"]>;
+        default: unknown extends Defaults["selectStrategy"] ? "single" | "page" | "all" : NonNullable<"single" | "page" | "all"> | Defaults["selectStrategy"];
+    };
+    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"];
+    };
+    sortBy: unknown extends Defaults["sortBy"] ? {
+        type: PropType<readonly import("./types").SortOption[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly import("./types").SortOption[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["sortBy"] ? readonly import("./types").SortOption[] : readonly import("./types").SortOption[] | Defaults["sortBy"]>;
+        default: unknown extends Defaults["sortBy"] ? readonly import("./types").SortOption[] : readonly import("./types").SortOption[] | Defaults["sortBy"];
+    };
+    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" : "returnItem" | Defaults>;
+        default: unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"];
+    };
+    headers: unknown extends Defaults["headers"] ? {
+        type: PropType<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["headers"] ? import("./types").DataTableHeader[] | import("./types").DataTableHeader[][] : NonNullable<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]> | Defaults["headers"]>;
+        default: unknown extends Defaults["headers"] ? import("./types").DataTableHeader[] | import("./types").DataTableHeader[][] : NonNullable<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]> | Defaults["headers"];
+    };
+    width: unknown extends Defaults["width"] ? PropType<string | number> : {
+        type: PropType<unknown extends Defaults ? "width" : "width" | Defaults>;
+        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
+    };
+    search: unknown extends Defaults["search"] ? PropType<string> : {
+        type: PropType<unknown extends Defaults ? "search" : "search" | Defaults>;
+        default: unknown extends Defaults["search"] ? string : string | Defaults["search"];
+    };
     page: unknown extends Defaults["page"] ? {
         type: PropType<string | number>;
         default: number;
@@ -27,14 +196,6 @@ export declare const pressDataTableServerProps: <Defaults extends {
         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"];
     };
-    width: unknown extends Defaults["width"] ? PropType<string | number> : {
-        type: PropType<unknown extends Defaults ? "width" : "width" | Defaults>;
-        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
-    };
-    search: unknown extends Defaults["search"] ? PropType<string> : {
-        type: PropType<unknown extends Defaults ? "search" : "search" | Defaults>;
-        default: unknown extends Defaults["search"] ? string : string | Defaults["search"];
-    };
     total: unknown extends Defaults["total"] ? {
         type: PropType<string | number>;
         required: true;
@@ -45,16 +206,64 @@ export declare const pressDataTableServerProps: <Defaults extends {
         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"];
     };
-    headers: unknown extends Defaults["headers"] ? {
-        type: ArrayConstructor[];
-    } : Omit<{
-        type: ArrayConstructor[];
-    }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["headers"] ? unknown[] : unknown[] | Defaults["headers"]>;
-        default: unknown extends Defaults["headers"] ? unknown[] : unknown[] | Defaults["headers"];
-    };
 };
 export declare const YDataTableServer: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    fixedHead: {
+        type: PropType<boolean>;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+    flexHeight: {
+        type: PropType<boolean>;
+    };
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    sortDescIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    dualSortIcon: BooleanConstructor;
+    sticky: BooleanConstructor;
+    enableSelect: BooleanConstructor;
+    selectStrategy: {
+        type: PropType<"single" | "page" | "all">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    };
+    sortBy: {
+        type: PropType<readonly import("./types").SortOption[]>;
+        default: () => never[];
+    };
+    items: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    itemKey: {
+        type: PropType<any>;
+        default: string;
+    };
+    itemSelectable: {
+        type: PropType<any>;
+        default: null;
+    };
+    returnItem: BooleanConstructor;
+    headers: {
+        type: PropType<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]>;
+        default: () => never[];
+    };
+    width: PropType<string | number>;
+    search: PropType<string>;
     page: {
         type: PropType<string | number>;
         default: number;
@@ -63,16 +272,76 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
-    width: PropType<string | number>;
-    search: PropType<string>;
     total: {
         type: PropType<string | number>;
         required: true;
     };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: any[]) => true;
+    'update:page': (page: number) => true;
+    'update:pageSize': (pageSize: number) => true;
+    'update:sortBy': (sortBy: any) => true;
+    'update:options': (options: any) => true;
+    'click:row': (e: Event, value: {
+        row: any;
+    }) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    fixedHead: {
+        type: PropType<boolean>;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+    flexHeight: {
+        type: PropType<boolean>;
+    };
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    sortDescIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    dualSortIcon: BooleanConstructor;
+    sticky: BooleanConstructor;
+    enableSelect: BooleanConstructor;
+    selectStrategy: {
+        type: PropType<"single" | "page" | "all">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    };
+    sortBy: {
+        type: PropType<readonly import("./types").SortOption[]>;
+        default: () => never[];
+    };
+    items: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    itemKey: {
+        type: PropType<any>;
+        default: string;
+    };
+    itemSelectable: {
+        type: PropType<any>;
+        default: null;
+    };
+    returnItem: BooleanConstructor;
     headers: {
-        type: ArrayConstructor[];
+        type: PropType<import("./types").DataTableHeader[] | import("./types").DataTableHeader[][]>;
+        default: () => never[];
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: PropType<string | number>;
+    search: PropType<string>;
     page: {
         type: PropType<string | number>;
         default: number;
@@ -81,17 +350,36 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
-    width: PropType<string | number>;
-    search: PropType<string>;
     total: {
         type: PropType<string | number>;
         required: true;
     };
-    headers: {
-        type: ArrayConstructor[];
-    };
-}>>, {
+}>> & {
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
+    "onUpdate:options"?: ((options: any) => any) | undefined;
+    "onClick:row"?: ((e: Event, value: {
+        row: any;
+    }) => any) | undefined;
+}, {
+    modelValue: readonly any[];
+    tag: string;
+    itemKey: any;
+    enableSelect: boolean;
+    items: any[];
+    selectStrategy: "single" | "page" | "all";
+    returnItem: boolean;
+    headers: import("./types").DataTableHeader[] | import("./types").DataTableHeader[][];
+    itemSelectable: any;
+    sortBy: readonly import("./types").SortOption[];
+    multiSort: boolean;
     page: string | number;
+    sortAscIcon: string;
+    sortDescIcon: string;
+    dualSortIcon: boolean;
+    sticky: boolean;
     pageSize: string | number;
 }, {}>;
 export type YDataTableServer = InstanceType<typeof YDataTableServer>;

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

@@ -1,4 +1,45 @@
 import { PropType } from 'vue';
+export declare const pressYTableProps: <Defaults extends {
+    tag?: unknown;
+    fixedHead?: unknown;
+    height?: unknown;
+    flexHeight?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    tag: unknown extends Defaults["tag"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
+    };
+    fixedHead: unknown extends Defaults["fixedHead"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"]>;
+        default: unknown extends Defaults["fixedHead"] ? boolean : boolean | Defaults["fixedHead"];
+    };
+    height: unknown extends Defaults["height"] ? {
+        type: PropType<string | number>;
+    } : Omit<{
+        type: PropType<string | number>;
+    }, "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"];
+    };
+    flexHeight: unknown extends Defaults["flexHeight"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"]>;
+        default: unknown extends Defaults["flexHeight"] ? boolean : boolean | Defaults["flexHeight"];
+    };
+};
 export declare const YTable: import("vue").DefineComponent<{
     tag: {
         type: PropType<string>;

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

@@ -0,0 +1,66 @@
+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<DataTableHeader[] | DataTableHeader[][]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<DataTableHeader[] | DataTableHeader[][]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["headers"] ? DataTableHeader[] | DataTableHeader[][] : NonNullable<DataTableHeader[] | DataTableHeader[][]> | Defaults["headers"]>;
+        default: unknown extends Defaults["headers"] ? DataTableHeader[] | DataTableHeader[][] : NonNullable<DataTableHeader[] | DataTableHeader[][]> | Defaults["headers"];
+    };
+};
+export declare const Y_DATA_TABLE_HEADER_KEY: InjectionKey<{
+    headers: Ref<InternalDataTableHeader[][]>;
+    columns: Ref<InternalDataTableHeader[]>;
+}>;
+type HeaderProps = {
+    headers: DeepReadonly<DataTableHeader[] | DataTableHeader[][]>;
+};
+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 | undefined;
+        align?: "center" | "start" | "end" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import("../types").DataTableCompareFn<any> | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+    }[][]>;
+    columns: Ref<{
+        key: string;
+        text: string;
+        value?: any;
+        colspan?: number | undefined;
+        rowspan?: number | undefined;
+        fixed?: boolean | undefined;
+        align?: "center" | "start" | "end" | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | undefined;
+        maxWidth?: string | undefined;
+        sortable: boolean;
+        sort?: import("../types").DataTableCompareFn<any> | undefined;
+        mustSort?: boolean | undefined;
+        fixedOffset?: number | undefined;
+        lastFixed?: boolean | undefined;
+    }[]>;
+};
+export declare function useHeader(): {
+    headers: Ref<InternalDataTableHeader[][]>;
+    columns: Ref<InternalDataTableHeader[]>;
+};
+export {};

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

@@ -0,0 +1,54 @@
+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" : "returnItem" | Defaults>;
+        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/composibles/options.d.ts

@@ -0,0 +1,10 @@
+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/composibles/pagination.d.ts

@@ -0,0 +1,68 @@
+import type { 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: import("vue").WritableComputedRef<any>;
+    pageSize: import("vue").WritableComputedRef<any>;
+};
+export declare function providePagination(options: {
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    total: Ref<number>;
+}): DataTableProvidePaginationData;
+export declare function usePagination(): {
+    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 {};