yuyeon 0.1.0-rc.13 → 0.1.0-rc.16

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

@@ -0,0 +1,55 @@
+import { PropType, Ref } from 'vue';
+import { DataTableItem, InternalDataTableHeader } from '../types';
+
+export type DataTableItemsProps = {
+    items: any[];
+    itemKey: any;
+    itemSelectable: any;
+    returnItem: boolean;
+};
+export declare const pressDataTableItemsProps: <Defaults extends {
+    items?: unknown;
+    itemKey?: unknown;
+    itemSelectable?: unknown;
+    returnItem?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    items: unknown extends Defaults["items"] ? {
+        type: PropType<any[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<any[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
+        default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
+    };
+    itemKey: unknown extends Defaults["itemKey"] ? {
+        type: PropType<any>;
+        default: string;
+    } : Omit<{
+        type: PropType<any>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["itemKey"] ? any : any>;
+        default: unknown extends Defaults["itemKey"] ? any : any;
+    };
+    itemSelectable: unknown extends Defaults["itemSelectable"] ? {
+        type: PropType<any>;
+        default: null;
+    } : Omit<{
+        type: PropType<any>;
+        default: null;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["itemSelectable"] ? any : any>;
+        default: unknown extends Defaults["itemSelectable"] ? any : any;
+    };
+    returnItem: unknown extends Defaults["returnItem"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"]>;
+        default: unknown extends Defaults["returnItem"] ? boolean : boolean | Defaults["returnItem"];
+    };
+};
+export declare function updateItem(props: Omit<DataTableItemsProps, 'items'>, item: any, index: number, columns: InternalDataTableHeader[]): DataTableItem;
+export declare function updateItems(props: Omit<DataTableItemsProps, 'items'>, items: DataTableItemsProps['items'], columns: InternalDataTableHeader[]): DataTableItem[];
+export declare function useItems(props: DataTableItemsProps, columns: Ref<InternalDataTableHeader[]>): {
+    items: import('vue').ComputedRef<DataTableItem<any>[]>;
+};

package/dist/components/table/composibles/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/dist/components/table/composibles/pagination.d.ts

@@ -0,0 +1,81 @@
+import { InjectionKey, PropType, Ref } from 'vue';
+import { DataTableProvidePaginationData } from '../types';
+
+export declare const Y_DATA_TABLE_PAGINATION_KEY: InjectionKey<{
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    startIndex: Ref<number>;
+    endIndex: Ref<number>;
+    pageLength: Ref<number>;
+    total: Ref<number>;
+    prevPage: () => void;
+    nextPage: () => void;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+}>;
+export declare const pressDataTablePaginationProps: <Defaults extends {
+    page?: unknown;
+    pageSize?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    page: unknown extends Defaults["page"] ? {
+        type: PropType<string | number>;
+        default: number;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"]>;
+        default: unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"];
+    };
+    pageSize: unknown extends Defaults["pageSize"] ? {
+        type: PropType<string | number>;
+        default: number;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: number;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"]>;
+        default: unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"];
+    };
+};
+type PaginationProps = {
+    page: number | string;
+    'onUpdate:page': ((v: any) => void) | undefined;
+    pageSize: number | string;
+    'onUpdate:pageSize': ((v: any) => void) | undefined;
+    total?: number | string;
+};
+export declare function createPagination(props: PaginationProps): {
+    page: Ref<any> & {
+        readonly rxValue: any;
+    };
+    pageSize: Ref<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/dist/components/table/composibles/selection.d.ts

@@ -0,0 +1,82 @@
+import { InjectionKey, PropType, Ref } from 'vue';
+import { deepEqual } from '../../../util';
+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;
+    valueEqual?: 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"];
+    };
+    valueEqual: unknown extends Defaults["valueEqual"] ? {
+        type: PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    } : Omit<{
+        type: PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    }, "default" | "type"> & {
+        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, }: {
+    allItems: Ref<SelectableItem[]>;
+    pageItems: Ref<SelectableItem[]>;
+}): DataTableProvideSelectionData;
+export declare function useSelection(): DataTableProvideSelectionData;
+export {};

package/dist/components/table/composibles/sorting.d.ts

@@ -0,0 +1,44 @@
+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 SortOption[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<readonly SortOption[]>;
+        default: () => never[];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["sortBy"] ? readonly SortOption[] : readonly SortOption[] | Defaults["sortBy"]>;
+        default: unknown extends Defaults["sortBy"] ? readonly SortOption[] : readonly SortOption[] | 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> & {
+        readonly rxValue: any;
+    };
+    multiSort: Ref<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/dist/components/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './YTable';
+export * from './YDataTable';
+export * from './YDataTableServer';

package/dist/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/dist/components/table/types/header.d.ts

@@ -0,0 +1,23 @@
+import { DataTableCellClassesFn, DataTableCompareFn } from './common';
+
+export type DataTableHeader = {
+    key: string;
+    text: string;
+    value?: any;
+    colspan?: number;
+    rowspan?: number;
+    fixed?: boolean;
+    classes?: string | string[] | DataTableCellClassesFn;
+    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/dist/components/table/types/index.d.ts

@@ -0,0 +1,57 @@
+import { ComputedRef, Ref, UnwrapRef } from 'vue';
+import { SelectableItem } from '../composibles/selection';
+import { DataTableCompareFn } from './common';
+import { DataTableHeader, InternalDataTableHeader } from './header';
+import { DataTableItem, ItemKeySlot } from './item';
+import { RowProps, CellProps } from './row';
+
+export type { ItemKeySlot, RowProps, CellProps, DataTableHeader, InternalDataTableHeader, DataTableItem, DataTableCompareFn, };
+export type SortOption = {
+    key: string;
+    order?: boolean | 'asc' | 'desc';
+};
+export type DataTableProvideSortingData = {
+    sortBy: Ref<readonly SortOption[]>;
+    toggleSort: (column: InternalDataTableHeader) => void;
+    isSorted: (column: InternalDataTableHeader) => boolean;
+};
+export interface DataTableProvidePaginationData {
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    startIndex: ComputedRef<number>;
+    endIndex: ComputedRef<number>;
+    pageLength: ComputedRef<number>;
+    total: Ref<number>;
+    nextPage: () => void;
+    prevPage: () => void;
+    setPage: (value: number) => void;
+    setPageSize: (value: number) => void;
+}
+export interface DataTableProvideSelectionData {
+    toggleSelect: (item: SelectableItem) => void;
+    select: (items: SelectableItem[], value: boolean) => void;
+    selectAll: (value: boolean) => void;
+    isSelected: (items: SelectableItem | SelectableItem[]) => any;
+    isSomeSelected: (items: SelectableItem | SelectableItem[]) => any;
+    someSelected: ComputedRef<boolean>;
+    allSelected: ComputedRef<any>;
+    showSelectAll: boolean;
+    selectables: ComputedRef<SelectableItem[]>;
+}
+export type YDataTableSlotProps = {
+    page: number;
+    pageSize: number;
+    pageLength: number;
+    setPageSize: DataTableProvidePaginationData['setPageSize'];
+    sortBy: UnwrapRef<DataTableProvideSortingData['sortBy']>;
+    toggleSort: DataTableProvideSortingData['toggleSort'];
+    someSelected: boolean;
+    allSelected: boolean;
+    isSelected: DataTableProvideSelectionData['isSelected'];
+    select: DataTableProvideSelectionData['select'];
+    selectAll: DataTableProvideSelectionData['selectAll'];
+    toggleSelect: DataTableProvideSelectionData['toggleSelect'];
+    items: readonly DataTableItem[];
+    columns: InternalDataTableHeader[];
+    headers: InternalDataTableHeader[][];
+};

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

@@ -0,0 +1,21 @@
+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/dist/components/table/types/row.d.ts

@@ -0,0 +1,4 @@
+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/dist/components/text-ellipsis/YTextEllipsis.d.ts

@@ -0,0 +1,15 @@
+
+export declare const YTextEllipsis: import('vue').DefineComponent<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    text: string;
+}, {}>;
+export type YTextEllipsis = InstanceType<typeof YTextEllipsis>;

package/dist/components/text-ellipsis/index.d.ts

@@ -0,0 +1 @@
+export * from './YTextEllipsis';

package/dist/components/text-highlighter/YTextHighlighter.d.ts

@@ -0,0 +1,41 @@
+import { VNode } from 'vue';
+
+export declare const YTextHighlighter: import('vue').DefineComponent<{
+    text: {
+        type: StringConstructor;
+    };
+    keyword: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    sensitive: {
+        type: BooleanConstructor;
+    };
+}, unknown, unknown, {
+    splitText(): {
+        text: string;
+        isKeyword: boolean;
+    }[];
+}, {
+    createItem(text: string): VNode;
+    createHighlightKeywordItem(text: string): VNode;
+    createSplitTexts(): VNode[];
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+    };
+    keyword: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    sensitive: {
+        type: BooleanConstructor;
+    };
+}>>, {
+    sensitive: boolean;
+}, {}>;
+export type YTextHighlighter = InstanceType<typeof YTextHighlighter>;

package/dist/components/text-highlighter/index.d.ts

@@ -0,0 +1 @@
+export * from './YTextHighlighter';