@eaera-com/eaera-widgets-v2 0.1.62

package/dist/src/stories/Table/EaeraTableV2.stories.d.ts

@@ -0,0 +1,657 @@
+import { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "default" | "large">;
+                default: string;
+            };
+            fetchData: {
+                type: import("vue").PropType<(page: number, size: number, filter: {
+                    [x: string]: any;
+                }, sort: {
+                    [x: string]: any;
+                }) => void>;
+                default: (page?: number, size?: number, filter?: {}, sort?: {}) => void;
+            };
+            items: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            fields: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            perPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            currentPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            totalRows: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selected: {
+                type: import("vue").PropType<number[]>;
+                default: () => never[];
+            };
+            showLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showFilterByDefault: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isHiddenHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            filterForm: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideRowCheckbox: {
+                type: import("vue").PropType<(row: {
+                    [x: string]: any;
+                }) => boolean>;
+                default: (row: {
+                    [x: string]: any;
+                }) => false;
+            };
+            filterBy: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            initFunc: {
+                type: import("vue").PropType<() => void>;
+                default: () => void;
+            };
+            stripe: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableRowClassName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            classTable: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isResponsive: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableLayout: {
+                type: import("vue").PropType<"fixed" | "auto">;
+                default: string;
+            };
+            isNoExpandMobile: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onOn-row-click"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selected-row"?: ((...args: any[]) => any) | undefined;
+            onDragStart?: ((...args: any[]) => any) | undefined;
+            onDragEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onFilterChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onSortChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
+        }, {
+            checkedRows: any;
+            rowExpansion: (row: any, expanded?: boolean) => void;
+            clearSelection: () => void;
+            reloadTable: () => Promise<void>;
+            setScrollTop: (top: number) => void;
+            pageIndex: import("vue").Ref<number>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "on-row-click": (...args: any[]) => void;
+            "update:selected-row": (...args: any[]) => void;
+            dragStart: (...args: any[]) => void;
+            dragEnd: (...args: any[]) => void;
+            "update:onFilterChanged": (...args: any[]) => void;
+            "update:onSortChanged": (...args: any[]) => void;
+            "update:currentPage": (...args: any[]) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "default" | "large">;
+                default: string;
+            };
+            fetchData: {
+                type: import("vue").PropType<(page: number, size: number, filter: {
+                    [x: string]: any;
+                }, sort: {
+                    [x: string]: any;
+                }) => void>;
+                default: (page?: number, size?: number, filter?: {}, sort?: {}) => void;
+            };
+            items: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            fields: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            perPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            currentPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            totalRows: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selected: {
+                type: import("vue").PropType<number[]>;
+                default: () => never[];
+            };
+            showLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showFilterByDefault: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isHiddenHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            filterForm: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideRowCheckbox: {
+                type: import("vue").PropType<(row: {
+                    [x: string]: any;
+                }) => boolean>;
+                default: (row: {
+                    [x: string]: any;
+                }) => false;
+            };
+            filterBy: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            initFunc: {
+                type: import("vue").PropType<() => void>;
+                default: () => void;
+            };
+            stripe: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableRowClassName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            classTable: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isResponsive: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableLayout: {
+                type: import("vue").PropType<"fixed" | "auto">;
+                default: string;
+            };
+            isNoExpandMobile: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onOn-row-click"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selected-row"?: ((...args: any[]) => any) | undefined;
+            onDragStart?: ((...args: any[]) => any) | undefined;
+            onDragEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onFilterChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onSortChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: "default" | "small" | "large";
+            fetchData: (page: number, size: number, filter: {
+                [x: string]: any;
+            }, sort: {
+                [x: string]: any;
+            }) => void;
+            perPage: number;
+            currentPage: number;
+            totalRows: number;
+            selected: number[];
+            showLoading: boolean;
+            showFilterByDefault: boolean;
+            isHiddenHeader: boolean;
+            hideRowCheckbox: (row: {
+                [x: string]: any;
+            }) => boolean;
+            hideFooter: boolean;
+            initFunc: () => void;
+            stripe: boolean;
+            draggable: boolean;
+            tableRowClassName: string;
+            classTable: string;
+            isResponsive: boolean;
+            tableLayout: "fixed" | "auto";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "default" | "large">;
+                default: string;
+            };
+            fetchData: {
+                type: import("vue").PropType<(page: number, size: number, filter: {
+                    [x: string]: any;
+                }, sort: {
+                    [x: string]: any;
+                }) => void>;
+                default: (page?: number, size?: number, filter?: {}, sort?: {}) => void;
+            };
+            items: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            fields: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }[]>;
+            };
+            perPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            currentPage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            totalRows: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selected: {
+                type: import("vue").PropType<number[]>;
+                default: () => never[];
+            };
+            showLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showFilterByDefault: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isHiddenHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            filterForm: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideRowCheckbox: {
+                type: import("vue").PropType<(row: {
+                    [x: string]: any;
+                }) => boolean>;
+                default: (row: {
+                    [x: string]: any;
+                }) => false;
+            };
+            filterBy: {
+                type: import("vue").PropType<{
+                    [x: string]: any;
+                }>;
+            };
+            hideFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            initFunc: {
+                type: import("vue").PropType<() => void>;
+                default: () => void;
+            };
+            stripe: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableRowClassName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            classTable: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isResponsive: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tableLayout: {
+                type: import("vue").PropType<"fixed" | "auto">;
+                default: string;
+            };
+            isNoExpandMobile: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            "onOn-row-click"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selected-row"?: ((...args: any[]) => any) | undefined;
+            onDragStart?: ((...args: any[]) => any) | undefined;
+            onDragEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onFilterChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:onSortChanged"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
+        }, {
+            checkedRows: any;
+            rowExpansion: (row: any, expanded?: boolean) => void;
+            clearSelection: () => void;
+            reloadTable: () => Promise<void>;
+            setScrollTop: (top: number) => void;
+            pageIndex: import("vue").Ref<number>;
+        }, {}, {}, {}, {
+            size: "default" | "small" | "large";
+            fetchData: (page: number, size: number, filter: {
+                [x: string]: any;
+            }, sort: {
+                [x: string]: any;
+            }) => void;
+            perPage: number;
+            currentPage: number;
+            totalRows: number;
+            selected: number[];
+            showLoading: boolean;
+            showFilterByDefault: boolean;
+            isHiddenHeader: boolean;
+            hideRowCheckbox: (row: {
+                [x: string]: any;
+            }) => boolean;
+            hideFooter: boolean;
+            initFunc: () => void;
+            stripe: boolean;
+            draggable: boolean;
+            tableRowClassName: string;
+            classTable: string;
+            isResponsive: boolean;
+            tableLayout: "fixed" | "auto";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "default" | "large">;
+            default: string;
+        };
+        fetchData: {
+            type: import("vue").PropType<(page: number, size: number, filter: {
+                [x: string]: any;
+            }, sort: {
+                [x: string]: any;
+            }) => void>;
+            default: (page?: number, size?: number, filter?: {}, sort?: {}) => void;
+        };
+        items: {
+            type: import("vue").PropType<{
+                [x: string]: any;
+            }[]>;
+        };
+        fields: {
+            type: import("vue").PropType<{
+                [x: string]: any;
+            }[]>;
+        };
+        perPage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        currentPage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        totalRows: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        selected: {
+            type: import("vue").PropType<number[]>;
+            default: () => never[];
+        };
+        showLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showFilterByDefault: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isHiddenHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        filterForm: {
+            type: import("vue").PropType<{
+                [x: string]: any;
+            }>;
+        };
+        hideRowCheckbox: {
+            type: import("vue").PropType<(row: {
+                [x: string]: any;
+            }) => boolean>;
+            default: (row: {
+                [x: string]: any;
+            }) => false;
+        };
+        filterBy: {
+            type: import("vue").PropType<{
+                [x: string]: any;
+            }>;
+        };
+        hideFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        initFunc: {
+            type: import("vue").PropType<() => void>;
+            default: () => void;
+        };
+        stripe: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tableRowClassName: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        classTable: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isResponsive: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tableLayout: {
+            type: import("vue").PropType<"fixed" | "auto">;
+            default: string;
+        };
+        isNoExpandMobile: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        "onOn-row-click"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selected-row"?: ((...args: any[]) => any) | undefined;
+        onDragStart?: ((...args: any[]) => any) | undefined;
+        onDragEnd?: ((...args: any[]) => any) | undefined;
+        "onUpdate:onFilterChanged"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:onSortChanged"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
+    }, {
+        checkedRows: any;
+        rowExpansion: (row: any, expanded?: boolean) => void;
+        clearSelection: () => void;
+        reloadTable: () => Promise<void>;
+        setScrollTop: (top: number) => void;
+        pageIndex: import("vue").Ref<number>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "on-row-click": (...args: any[]) => void;
+        "update:selected-row": (...args: any[]) => void;
+        dragStart: (...args: any[]) => void;
+        dragEnd: (...args: any[]) => void;
+        "update:onFilterChanged": (...args: any[]) => void;
+        "update:onSortChanged": (...args: any[]) => void;
+        "update:currentPage": (...args: any[]) => void;
+    }, string, {
+        size: "default" | "small" | "large";
+        fetchData: (page: number, size: number, filter: {
+            [x: string]: any;
+        }, sort: {
+            [x: string]: any;
+        }) => void;
+        perPage: number;
+        currentPage: number;
+        totalRows: number;
+        selected: number[];
+        showLoading: boolean;
+        showFilterByDefault: boolean;
+        isHiddenHeader: boolean;
+        hideRowCheckbox: (row: {
+            [x: string]: any;
+        }) => boolean;
+        hideFooter: boolean;
+        initFunc: () => void;
+        stripe: boolean;
+        draggable: boolean;
+        tableRowClassName: string;
+        classTable: string;
+        isResponsive: boolean;
+        tableLayout: "fixed" | "auto";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Partial<Record<`header_${string}`, (_: {
+            item: any;
+        }) => any>> & Partial<Record<`header_after_${any}`, (_: {
+            item: any;
+        }) => any>> & Partial<Record<`filter_custom(${any})`, (_: {
+            item: {
+                [x: string]: any;
+            };
+            key: number;
+            filterForm: any;
+            filterBy: any;
+            onChange: ($event: any, key: any, config: any) => void;
+        }) => any>> & Partial<Record<`cell(${any})`, (_: {
+            row: any;
+            column: any;
+            $index: any;
+            item: any;
+            rowIndex: any;
+        }) => any>> & Partial<Record<`cell(${any})`, (_: {
+            item: any;
+            index: number;
+            rowIndex: any;
+            field: {
+                [x: string]: any;
+            };
+            value: any;
+            column: any;
+        }) => any>> & {
+            "sort-icon"?(_: {
+                class: any;
+            }): any;
+            empty?(_: {}): any;
+            append?(_: {}): any;
+            "expand-icon"?(_: {
+                expanded: any;
+            }): any;
+            addition_content?(_: {}): any;
+            "mobile-cell"?(_: {
+                item: {
+                    [x: string]: any;
+                };
+            }): any;
+            "mobile-cell"?(_: {
+                item: {
+                    [x: string]: any;
+                };
+            }): any;
+            "mobile-cell-expand"?(_: {
+                item: {
+                    [x: string]: any;
+                };
+            }): any;
+            "custom-pagination"?(_: {
+                start: number;
+                end: number;
+                total: number;
+            }): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    args: {
+        id: string;
+        items: any[];
+        fields: import("../..").EaeraCommonTableColumn[];
+        fetchData: (page: number, size: number, filter: any, sort: any) => void;
+    };
+};
+export default meta;
+export declare const Default: StoryObj<typeof meta>;

package/dist/src/stories/Table/EaeraVirtualizedTable.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import EaeraVirtualizedTable from '@/components/EaeraVirtualizedTable.vue';
+declare const meta: Meta<typeof EaeraVirtualizedTable>;
+export default meta;
+export declare const VirtualizedTable: StoryObj<typeof meta>;

package/dist/src/stories/Table/showcase/IsResponsive.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/stories/Table/showcase/IsShowHrTag.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/stories/Table/showcase/Loading.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/stories/Table/showcase/index.d.ts

@@ -0,0 +1,4 @@
+import Loading from './Loading.vue';
+import IsResponsive from './IsResponsive.vue';
+import IsShowHrTag from './IsShowHrTag.vue';
+export { Loading, IsResponsive, IsShowHrTag };