yuyeon 0.0.47-rc.1 → 0.0.47-rc.10

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

@@ -12,6 +12,7 @@ export declare const pressDataTableProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
+    valueEqual?: unknown;
     sortBy?: unknown;
     items?: unknown;
     itemKey?: unknown;
@@ -24,6 +25,7 @@ export declare const pressDataTableProps: <Defaults extends {
     loadingText?: unknown;
     hideNoData?: unknown;
     noDataText?: unknown;
+    rowProps?: unknown;
     rowHeight?: unknown;
     'onClick:row'?: unknown;
     'onDblclick:row'?: unknown;
@@ -119,6 +121,16 @@ export declare const pressDataTableProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
+    valueEqual: unknown extends Defaults["valueEqual"] ? {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    } : Omit<{
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["valueEqual"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueEqual"]>;
+        default: unknown extends Defaults["valueEqual"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueEqual"];
+    };
     sortBy: unknown extends Defaults["sortBy"] ? {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -203,6 +215,10 @@ export declare const pressDataTableProps: <Defaults extends {
         type: PropType<unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"]>;
         default: unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"];
     };
+    rowProps: unknown extends Defaults["rowProps"] ? PropType<import("./types").RowProps<any>> : {
+        type: PropType<unknown extends Defaults["rowProps"] ? import("./types").RowProps<any> : Defaults["rowProps"] | NonNullable<import("./types").RowProps<any>>>;
+        default: unknown extends Defaults["rowProps"] ? import("./types").RowProps<any> : Defaults["rowProps"] | NonNullable<import("./types").RowProps<any>>;
+    };
     rowHeight: unknown extends Defaults["rowHeight"] ? NumberConstructor : {
         type: PropType<unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"]>;
         default: unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"];
@@ -254,6 +270,10 @@ export declare const YDataTable: import("vue").DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
+    valueEqual: {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    };
     sortBy: {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -284,6 +304,7 @@ export declare const YDataTable: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<import("./types").RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;
@@ -341,6 +362,10 @@ export declare const YDataTable: import("vue").DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
+    valueEqual: {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    };
     sortBy: {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -371,6 +396,7 @@ export declare const YDataTable: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<import("./types").RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;
@@ -407,6 +433,7 @@ export declare const YDataTable: import("vue").DefineComponent<{
     itemSelectable: any;
     sortBy: readonly import("./types").SortOption[];
     multiSort: boolean;
+    valueEqual: typeof import("../../util").deepEqual;
     sortAscIcon: string;
     sortDescIcon: string;
     dualSortIcon: boolean;

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

@@ -1,11 +1,12 @@
 import { PropType } from 'vue';
-import { DataTableItem } from './types';
+import { DataTableItem, RowProps } from './types';
 export declare const pressYDataTableBodyProps: <Defaults extends {
     items?: unknown;
     loading?: unknown;
     loadingText?: unknown;
     hideNoData?: unknown;
     noDataText?: unknown;
+    rowProps?: unknown;
     rowHeight?: unknown;
     'onClick:row'?: unknown;
     'onDblclick:row'?: unknown;
@@ -43,6 +44,10 @@ export declare const pressYDataTableBodyProps: <Defaults extends {
         type: PropType<unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"]>;
         default: unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"];
     };
+    rowProps: unknown extends Defaults["rowProps"] ? PropType<RowProps<any>> : {
+        type: PropType<unknown extends Defaults["rowProps"] ? RowProps<any> : NonNullable<RowProps<any>> | Defaults["rowProps"]>;
+        default: unknown extends Defaults["rowProps"] ? RowProps<any> : NonNullable<RowProps<any>> | Defaults["rowProps"];
+    };
     rowHeight: unknown extends Defaults["rowHeight"] ? NumberConstructor : {
         type: PropType<unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"]>;
         default: unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"];
@@ -72,6 +77,7 @@ export declare const YDataTableBody: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;
@@ -88,6 +94,7 @@ export declare const YDataTableBody: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;

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

@@ -3,24 +3,45 @@ import { CellProps, DataTableItem } from './types';
 export declare const pressYDataTableRowProps: <Defaults extends {
     index?: unknown;
     onClick?: unknown;
+    onContextmenu?: unknown;
+    onDblclick?: unknown;
+    onHover?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     index: unknown extends Defaults["index"] ? PropType<number> : {
         type: PropType<unknown extends Defaults["index"] ? number : number | Defaults["index"]>;
         default: unknown extends Defaults["index"] ? number : number | Defaults["index"];
     };
-    onClick: unknown extends Defaults["onClick"] ? PropType<(e: MouseEvent) => void> : {
-        type: PropType<unknown extends Defaults["onClick"] ? (e: MouseEvent) => void : ((e: MouseEvent) => void) | Defaults["onClick"]>;
-        default: unknown extends Defaults["onClick"] ? (e: MouseEvent) => void : ((e: MouseEvent) => void) | Defaults["onClick"];
+    onClick: unknown extends Defaults["onClick"] ? PropType<(...args: any[]) => void> : {
+        type: PropType<unknown extends Defaults["onClick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onClick"]>;
+        default: unknown extends Defaults["onClick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onClick"];
+    };
+    onContextmenu: unknown extends Defaults["onContextmenu"] ? PropType<(...args: any[]) => void> : {
+        type: PropType<unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"]>;
+        default: unknown extends Defaults["onContextmenu"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onContextmenu"];
+    };
+    onDblclick: unknown extends Defaults["onDblclick"] ? PropType<(...args: any[]) => void> : {
+        type: PropType<unknown extends Defaults["onDblclick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onDblclick"]>;
+        default: unknown extends Defaults["onDblclick"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onDblclick"];
+    };
+    onHover: unknown extends Defaults["onHover"] ? PropType<(...args: any[]) => void> : {
+        type: PropType<unknown extends Defaults["onHover"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onHover"]>;
+        default: unknown extends Defaults["onHover"] ? (...args: any[]) => void : ((...args: any[]) => void) | Defaults["onHover"];
     };
 };
 export declare const YDataTableRow: import("vue").DefineComponent<{
     index: PropType<number>;
-    onClick: PropType<(e: MouseEvent) => void>;
+    onClick: PropType<(...args: any[]) => void>;
+    onContextmenu: PropType<(...args: any[]) => void>;
+    onDblclick: PropType<(...args: any[]) => void>;
+    onHover: PropType<(...args: any[]) => void>;
     item: PropType<DataTableItem<any>>;
     cellProps: PropType<CellProps>;
 }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     index: PropType<number>;
-    onClick: PropType<(e: MouseEvent) => void>;
+    onClick: PropType<(...args: any[]) => void>;
+    onContextmenu: PropType<(...args: any[]) => void>;
+    onDblclick: PropType<(...args: any[]) => void>;
+    onHover: PropType<(...args: any[]) => void>;
     item: PropType<DataTableItem<any>>;
     cellProps: PropType<CellProps>;
 }>>, {}, {}>;

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

@@ -12,6 +12,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
+    valueEqual?: unknown;
     sortBy?: unknown;
     items?: unknown;
     itemKey?: unknown;
@@ -24,6 +25,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     loadingText?: unknown;
     hideNoData?: unknown;
     noDataText?: unknown;
+    rowProps?: unknown;
     rowHeight?: unknown;
     'onClick:row'?: unknown;
     'onDblclick:row'?: unknown;
@@ -122,6 +124,16 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
+    valueEqual: unknown extends Defaults["valueEqual"] ? {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    } : Omit<{
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["valueEqual"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueEqual"]>;
+        default: unknown extends Defaults["valueEqual"] ? typeof import("../../util").deepEqual : typeof import("../../util").deepEqual | Defaults["valueEqual"];
+    };
     sortBy: unknown extends Defaults["sortBy"] ? {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -206,6 +218,10 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"]>;
         default: unknown extends Defaults["noDataText"] ? string : string | Defaults["noDataText"];
     };
+    rowProps: unknown extends Defaults["rowProps"] ? PropType<import("./types").RowProps<any>> : {
+        type: PropType<unknown extends Defaults["rowProps"] ? import("./types").RowProps<any> : NonNullable<import("./types").RowProps<any>> | Defaults["rowProps"]>;
+        default: unknown extends Defaults["rowProps"] ? import("./types").RowProps<any> : NonNullable<import("./types").RowProps<any>> | Defaults["rowProps"];
+    };
     rowHeight: unknown extends Defaults["rowHeight"] ? NumberConstructor : {
         type: PropType<unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"]>;
         default: unknown extends Defaults["rowHeight"] ? number : number | Defaults["rowHeight"];
@@ -287,6 +303,10 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
+    valueEqual: {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    };
     sortBy: {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -317,6 +337,7 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<import("./types").RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;
@@ -376,6 +397,10 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
+    valueEqual: {
+        type: PropType<typeof import("../../util").deepEqual>;
+        default: typeof import("../../util").deepEqual;
+    };
     sortBy: {
         type: PropType<readonly import("./types").SortOption[]>;
         default: () => never[];
@@ -406,6 +431,7 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    rowProps: PropType<import("./types").RowProps<any>>;
     rowHeight: NumberConstructor;
     'onClick:row': PropType<(e: Event, value: any) => void>;
     'onDblclick:row': PropType<(e: Event, value: any) => void>;
@@ -446,6 +472,7 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
     itemSelectable: any;
     sortBy: readonly import("./types").SortOption[];
     multiSort: boolean;
+    valueEqual: typeof import("../../util").deepEqual;
     sortAscIcon: string;
     sortDescIcon: string;
     dualSortIcon: boolean;

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

@@ -37,7 +37,7 @@ export declare function createHeader(props: HeaderProps, options?: {
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
-        sort?: import("../types").DataTableCompareFn<any> | undefined;
+        sort?: import("../types").DataTableCompareFn | undefined;
         mustSort?: boolean | undefined;
         fixedOffset?: number | undefined;
         lastFixed?: boolean | undefined;
@@ -55,7 +55,7 @@ export declare function createHeader(props: HeaderProps, options?: {
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
-        sort?: import("../types").DataTableCompareFn<any> | undefined;
+        sort?: import("../types").DataTableCompareFn | undefined;
         mustSort?: boolean | undefined;
         fixedOffset?: number | undefined;
         lastFixed?: boolean | undefined;

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

@@ -1,4 +1,5 @@
 import { InjectionKey, PropType, Ref } from 'vue';
+import { deepEqual } from '../../../util';
 import { DataTableProvideSelectionData } from '../types';
 import { DataTableItemsProps } from './items';
 export interface SelectableItem {
@@ -27,6 +28,7 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
+    valueEqual?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     enableSelect: unknown extends Defaults["enableSelect"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"]>;
@@ -52,11 +54,22 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
+    valueEqual: unknown extends Defaults["valueEqual"] ? {
+        type: PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    } : Omit<{
+        type: PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["valueEqual"] ? typeof deepEqual : typeof deepEqual | Defaults["valueEqual"]>;
+        default: unknown extends Defaults["valueEqual"] ? typeof deepEqual : typeof deepEqual | Defaults["valueEqual"];
+    };
 };
 type DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {
     modelValue: readonly any[];
     selectStrategy: 'single' | 'page' | 'all';
     'onUpdate:modelValue': ((value: any[]) => void) | undefined;
+    valueEqual: (a: any, b: any) => boolean;
 };
 export declare const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<ReturnType<typeof provideSelection>>;
 export declare function provideSelection(props: DataTableSelectionProps, { allItems, pageItems, }: {

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

@@ -0,0 +1 @@
+export type DataTableCompareFn<T = any> = (a: T, b: T) => number;

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

@@ -0,0 +1,22 @@
+import { DataTableCompareFn } from './common';
+export type DataTableHeader = {
+    key: string;
+    text: string;
+    value?: any;
+    colspan?: number;
+    rowspan?: number;
+    fixed?: boolean;
+    classes?: 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;
+};

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

@@ -1,32 +1,10 @@
 import { ComputedRef, Ref, UnwrapRef } from 'vue';
-import { SelectableItem, provideSelection } from '../composibles/selection';
-export type DataTableCompareFn<T = any> = (a: T, b: T) => number;
-export type DataTableHeader = {
-    key: string;
-    text: string;
-    value?: any;
-    colspan?: number;
-    rowspan?: number;
-    fixed?: boolean;
-    classes?: 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;
-};
-export interface DataTableItem<T = any> extends SelectableItem {
-    index: number;
-    columns: Record<string, any>;
-    raw: T;
-}
+import { SelectableItem } from '../composibles/selection';
+import type { DataTableCompareFn } from './common';
+import type { DataTableHeader, InternalDataTableHeader } from './header';
+import type { DataTableItem, ItemKeySlot } from './item';
+import type { RowProps, CellProps } from './row';
+export type { ItemKeySlot, RowProps, CellProps, DataTableHeader, InternalDataTableHeader, DataTableItem, DataTableCompareFn, };
 export type SortOption = {
     key: string;
     order?: boolean | 'asc' | 'desc';
@@ -76,17 +54,3 @@ export type YDataTableSlotProps = {
     columns: InternalDataTableHeader[];
     headers: InternalDataTableHeader[][];
 };
-type ItemSlotBase<T> = {
-    index: number;
-    item: T;
-    internalItem: DataTableItem<T>;
-    selected: boolean;
-    isSelected: ReturnType<typeof provideSelection>['isSelected'];
-    toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
-};
-export type ItemKeySlot<T> = ItemSlotBase<T> & {
-    value: any;
-    column: InternalDataTableHeader;
-};
-export type CellProps<T = any> = Record<string, any> | ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'>) => Record<string, any>);
-export {};

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

@@ -0,0 +1,20 @@
+import { SelectableItem, provideSelection } from '../composibles/selection';
+import { InternalDataTableHeader } from './header';
+type ItemSlotBase<T> = {
+    index: number;
+    item: T;
+    internalItem: DataTableItem<T>;
+    selected: boolean;
+    isSelected: ReturnType<typeof provideSelection>['isSelected'];
+    toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
+};
+export type ItemKeySlot<T> = ItemSlotBase<T> & {
+    value: any;
+    column: InternalDataTableHeader;
+};
+export interface DataTableItem<T = any> extends SelectableItem {
+    index: number;
+    columns: Record<string, any>;
+    raw: T;
+}
+export {};

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

@@ -0,0 +1,3 @@
+import { ItemKeySlot } from './item';
+export type RowProps<T> = Record<string, any> | ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem'>) => Record<string, any>);
+export type CellProps<T = any> = Record<string, any> | ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'>) => Record<string, any>);

package/types/composables/timing.d.ts

@@ -1,10 +1,10 @@
-import { Ref } from 'vue';
+import { Ref, MaybeRef } from 'vue';
 export declare function useLazy(eager: Ref<boolean | undefined>, updated: Ref<any>): {
     entered: Ref<boolean>;
     lazyValue: import("vue").ComputedRef<any>;
     onAfterUpdate: () => void;
 };
-export declare function useTimer(cb: () => void, duration?: number, options?: {
+export declare function useTimer(cb: () => void, duration: MaybeRef<number>, options?: {
     tickDuration: number;
 }): {
     start: () => void;
@@ -13,3 +13,7 @@ export declare function useTimer(cb: () => void, duration?: number, options?: {
     drift: Ref<number>;
     isWork: Ref<boolean>;
 };
+export declare function useDelay(props: any, callback?: (active: boolean) => void): {
+    startOpenDelay: () => Promise<boolean>;
+    startCloseDelay: () => Promise<boolean>;
+};

package/types/locales/en.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     search: string;
     noItems: string;
+    noData: string;
 };
 export default _default;