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

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';

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> = {

package/types/components/textarea/YTextarea.d.ts

@@ -57,7 +57,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<"error" | "warning" | "success" | undefined>;
         validator(value: string): boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"]>;
         default: unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"];
     };
@@ -73,7 +73,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<string>;
     } : Omit<{
         type: PropType<string>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
         default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
     };
@@ -87,7 +87,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
         default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
     };
@@ -99,7 +99,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<string | number>;
     } : Omit<{
         type: PropType<string | number>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
         default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
     };
@@ -113,7 +113,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"]>;
         default: unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"];
     };
@@ -125,7 +125,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<any>;
     } : Omit<{
         type: PropType<any>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["modelValue"] ? any : any>;
         default: unknown extends Defaults["modelValue"] ? any : any;
     };
@@ -135,7 +135,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
@@ -145,7 +145,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
         default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
     };
@@ -155,7 +155,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: () => false;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"]>;
         default: unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"];
     };
@@ -177,7 +177,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["variation"] ? string : string | Defaults["variation"]>;
         default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
     };
@@ -314,10 +314,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -394,10 +394,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -467,10 +467,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -547,10 +547,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;