yuyeon 0.3.3 → 0.3.4-beta.13

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

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

package/types/src/components/table/composables/expand.d.ts

@@ -0,0 +1,42 @@
+import { PropType, Ref } from 'vue';
+import { DataTableItem } from '../types/item';
+
+export declare const pressDataTableExpandProps: <Defaults extends {
+    enableExpand?: unknown;
+    expanded?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    enableExpand: unknown extends Defaults["enableExpand"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["enableExpand"] ? boolean : boolean | Defaults["enableExpand"]>;
+        default: unknown extends Defaults["enableExpand"] ? boolean : boolean | Defaults["enableExpand"];
+    };
+    expanded: unknown extends Defaults["expanded"] ? {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["expanded"] ? readonly string[] : readonly string[] | Defaults["expanded"]>;
+        default: unknown extends Defaults["expanded"] ? readonly string[] : readonly string[] | Defaults["expanded"];
+    };
+};
+type DataTableExpandProps = {
+    enableExpand: boolean;
+    expanded: readonly string[];
+    'onUpdate:expanded': ((value: any[]) => void) | undefined;
+};
+export declare function provideExpand(props: DataTableExpandProps): {
+    expands: Ref<any, any> & {
+        readonly rxValue: any;
+    };
+    isExpanded: (item: DataTableItem) => any;
+    expand: (item: DataTableItem, value: boolean) => void;
+    toggleExpand: (item: DataTableItem) => void;
+};
+export declare function useExpand(): {
+    expands: Ref<Set<string>>;
+    isExpanded: (item: DataTableItem) => boolean;
+    expand: (item: DataTableItem, value: boolean) => void;
+    toggleExpand: (item: DataTableItem) => void;
+};
+export {};

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

@@ -0,0 +1,175 @@
+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<DeepReadonly<DataTableHeader[]>>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<DeepReadonly<DataTableHeader[]>>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        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?: number | string | 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?: number | string | 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?: number | string | 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?: number | string | 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?: number | string | 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?: number | string | 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?: number | string | 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?: number | string | 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[][]>;
+    columns: Ref<InternalDataTableHeader[]>;
+};
+export {};

package/types/src/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<DataTableItemsProps["items"]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<DataTableItemsProps["items"]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        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;
+    }, "type" | "default"> & {
+        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;
+    }, "type" | "default"> & {
+        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/src/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/src/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/src/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<number | string>;
+        default: number;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: number;
+    }, "type" | "default"> & {
+        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<number | string>;
+        default: number;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: number;
+    }, "type" | "default"> & {
+        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>;
+    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 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/src/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/src/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<"single" | "page" | "all">;
+        default: string;
+    } : Omit<{
+        type: PropType<"single" | "page" | "all">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">>;
+        default: unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">;
+    };
+    modelValue: unknown extends Defaults["modelValue"] ? {
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly any[]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        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<typeof deepEqual | string>;
+        default: () => typeof deepEqual;
+    } : Omit<{
+        type: PropType<typeof deepEqual | string>;
+        default: () => typeof deepEqual;
+    }, "type" | "default"> & {
+        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/src/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/src/components/table/composables/sorting.d.ts

@@ -0,0 +1,56 @@
+import { DeepReadonly, 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<DeepReadonly<SortOption[]>>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<DeepReadonly<SortOption[]>>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["sortBy"] ? readonly {
+            readonly key: string;
+            readonly order?: boolean | "asc" | "desc" | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly order?: boolean | "asc" | "desc" | undefined;
+        }[] | Defaults["sortBy"]>;
+        default: unknown extends Defaults["sortBy"] ? readonly {
+            readonly key: string;
+            readonly order?: boolean | "asc" | "desc" | undefined;
+        }[] : readonly {
+            readonly key: string;
+            readonly order?: boolean | "asc" | "desc" | 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[]>;
+    toggleSort: (col: InternalDataTableHeader) => void;
+    isSorted: (col: InternalDataTableHeader) => boolean;
+};
+export {};

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

@@ -0,0 +1,10 @@
+export * from './YTable';
+export * from './YDataTable';
+export * from './YDataTableServer';
+export * from './YDataTableBody';
+export * from './YDataTableRow';
+export * from './YDataTableCell';
+export * from './YDataTableControl';
+export * from './YDataTableLayer';
+export * from './YDataTableLayerRows';
+export * from './YDataTableLayerRow';

package/types/src/components/table/types/common.d.ts

@@ -0,0 +1,2 @@
+export type DataTableCompareFn<T = any> = (a: T, b: T) => number;
+export type DataTableCellClassesFn = (item: any, index: number, header: any) => string | string[] | undefined;

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

@@ -0,0 +1,25 @@
+import { DataTableCellClassesFn, DataTableCompareFn } from './common';
+
+export type DataTableHeader = {
+    key: string;
+    text: string;
+    value?: any;
+    colspan?: number;
+    rowspan?: number;
+    fixed?: boolean | 'left' | 'right';
+    classes?: string | string[] | DataTableCellClassesFn;
+    headerClasses?: string | string[];
+    align?: 'start' | 'end' | 'center';
+    width?: number | string;
+    minWidth?: string;
+    maxWidth?: string;
+    sortable?: boolean;
+    sort?: DataTableCompareFn;
+    mustSort?: boolean;
+};
+export type InternalDataTableHeader = DataTableHeader & {
+    sortable: boolean;
+    fixedOffset?: number;
+    lastFixed?: boolean;
+    rightOffset?: number;
+};