rayyy-vue-table-components 1.0.23 → 1.0.25

package/dist/src/index.d.ts

@@ -2,10 +2,337 @@ import { App } from 'vue';
 import { default as BaseTable } from './components/tables/BaseTable.vue';
 import { default as BaseBtn } from './components/items/BaseBtn.vue';
 import { default as BaseDialog } from './components/BaseDialog.vue';
+import { default as SortTable } from './components/tables/SortTable.vue';
+import { default as SearchBar } from './components/SearchBar.vue';
+import { default as TransferDialog } from './components/transfer/TransferDialog.vue';
+import { default as TransferItem } from './components/transfer/transferItem.vue';
 export * from './types';
 export * from './utils/tableHelper';
-export { BaseTable, BaseBtn, BaseDialog };
+export { BaseTable, BaseBtn, BaseDialog, SortTable, SearchBar, TransferDialog, TransferItem };
 export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, PluginOptions, VueTableComponentsPlugin, } from './types/components';
 export * from './components';
 declare function install(app: App): void;
-export { install };
+declare const _default: {
+    readonly install: typeof install;
+    readonly BaseTable: <T extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {
+            (e: "selection-change", selection: T[]): void;
+            (e: "current-change", currentRow: T): void;
+            (e: "cell-click", column: import('./types').TableColumn<T>, row: T): void;
+            (e: "column-sort-change", value: import('./types').SortChangValue<T>): void;
+        };
+        attrs: any;
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            readonly "onSelection-change"?: ((selection: T[]) => any) | undefined;
+            readonly "onCurrent-change"?: ((currentRow: T) => any) | undefined;
+            readonly "onColumn-sort-change"?: ((value: import('./types').SortChangValue<T>) => any) | undefined;
+            readonly "onCell-click"?: ((column: import('./types').TableColumn<T>, row: T) => any) | undefined;
+            loading?: boolean | undefined;
+            data: T[];
+            columns: import('./types').TableColumn<T>[];
+            showSelection?: boolean | undefined;
+            showSummary?: boolean | undefined;
+            showOverFlowTooltip?: boolean | undefined;
+            summaryMethod?: ((param: {
+                columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[];
+                data: T[];
+            }) => (string | import('vue').VNode)[]) | undefined;
+            baseTableRowClassName?: ((data: {
+                row: T;
+                rowIndex: number;
+            }) => string) | undefined;
+        } & import('vue').PublicProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {
+            (e: "selection-change", selection: T[]): void;
+            (e: "current-change", currentRow: T): void;
+            (e: "cell-click", column: import('./types').TableColumn<T>, row: T): void;
+            (e: "column-sort-change", value: import('./types').SortChangValue<T>): void;
+        };
+    }>) => import('vue').VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
+    readonly BaseBtn: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            text?: string;
+            type?: "default" | "primary" | "success" | "warning" | "info" | "danger";
+            size?: "default" | "small" | "large";
+            plain?: boolean;
+            class?: string;
+            disabled?: boolean;
+            textBtn?: boolean;
+            icon?: object;
+            link?: boolean;
+            isFill?: boolean;
+            loading?: boolean;
+            dataCy?: string;
+        }> & Readonly<{
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (evt: MouseEvent) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            text?: string;
+            type?: "default" | "primary" | "success" | "warning" | "info" | "danger";
+            size?: "default" | "small" | "large";
+            plain?: boolean;
+            class?: string;
+            disabled?: boolean;
+            textBtn?: boolean;
+            icon?: object;
+            link?: boolean;
+            isFill?: boolean;
+            loading?: boolean;
+            dataCy?: string;
+        }> & Readonly<{
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        text?: string;
+        type?: "default" | "primary" | "success" | "warning" | "info" | "danger";
+        size?: "default" | "small" | "large";
+        plain?: boolean;
+        class?: string;
+        disabled?: boolean;
+        textBtn?: boolean;
+        icon?: object;
+        link?: boolean;
+        isFill?: boolean;
+        loading?: boolean;
+        dataCy?: string;
+    }> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (evt: MouseEvent) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    readonly BaseDialog: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue: boolean;
+            title?: string;
+            subTitle?: string;
+            beforeClose?: () => void;
+            customWidth?: string;
+            isWaring?: boolean;
+            isPrimary?: boolean;
+            bodyLoading?: boolean;
+            submitLoading?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
+            "onClick:submit"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (data: boolean) => any;
+            "click:submit": () => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue: boolean;
+            title?: string;
+            subTitle?: string;
+            beforeClose?: () => void;
+            customWidth?: string;
+            isWaring?: boolean;
+            isPrimary?: boolean;
+            bodyLoading?: boolean;
+            submitLoading?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
+            "onClick:submit"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue: boolean;
+        title?: string;
+        subTitle?: string;
+        beforeClose?: () => void;
+        customWidth?: string;
+        isWaring?: boolean;
+        isPrimary?: boolean;
+        bodyLoading?: boolean;
+        submitLoading?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
+        "onClick:submit"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (data: boolean) => any;
+        "click:submit": () => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            customHeader?(_: {}): any;
+            default?(_: {}): any;
+            customFooter?(_: {}): any;
+        };
+    });
+    readonly SortTable: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {
+            (e: "open:transfer"): void;
+            (e: "update:selectRow", value: T[]): void;
+            (e: "click:cell", column: import('./types').TableColumn<T>, row: T): void;
+            (e: "click:columnSort", data: import('./types').SortChangValue<T>): void;
+        };
+        attrs: any;
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            readonly "onOpen:transfer"?: (() => any) | undefined;
+            readonly "onUpdate:selectRow"?: ((value: T[]) => any) | undefined;
+            readonly "onClick:columnSort"?: ((data: import('./types').SortChangValue<T>) => any) | undefined;
+            readonly "onClick:cell"?: ((column: import('./types').TableColumn<T>, row: T) => any) | undefined;
+            data: T[];
+            columns: import('./types').TableColumn<T>[];
+            tableTitle?: string | undefined;
+            showSelection?: boolean | undefined;
+            loading?: boolean | undefined;
+            showSummary?: boolean | undefined;
+            showOverFlowTooltip?: boolean | undefined;
+            summaryMethod?: ((param: {
+                columns: import('element-plus').TableColumnCtx<Record<string, unknown>>[];
+                data: T[];
+            }) => (string | import('vue').VNode)[]) | undefined;
+            sortTableRowClassName?: ((data: {
+                row: T;
+                rowIndex: number;
+            }) => string) | undefined;
+        } & import('vue').PublicProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {
+            (e: "open:transfer"): void;
+            (e: "update:selectRow", value: T[]): void;
+            (e: "click:cell", column: import('./types').TableColumn<T>, row: T): void;
+            (e: "click:columnSort", data: import('./types').SortChangValue<T>): void;
+        };
+    }>) => import('vue').VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
+    readonly SearchBar: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            showFilter?: boolean;
+            showSearch?: boolean;
+            fullInput?: boolean;
+            badgeValue?: number;
+        }> & Readonly<{
+            "onUpdate:clear"?: (() => any) | undefined;
+            "onKeydown:enter"?: ((data: string) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:clear": () => any;
+            "keydown:enter": (data: string) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            showFilter?: boolean;
+            showSearch?: boolean;
+            fullInput?: boolean;
+            badgeValue?: number;
+        }> & Readonly<{
+            "onUpdate:clear"?: (() => any) | undefined;
+            "onKeydown:enter"?: ((data: string) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        showFilter?: boolean;
+        showSearch?: boolean;
+        fullInput?: boolean;
+        badgeValue?: number;
+    }> & Readonly<{
+        "onUpdate:clear"?: (() => any) | undefined;
+        "onKeydown:enter"?: ((data: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:clear": () => any;
+        "keydown:enter": (data: string) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            button?(_: {}): any;
+            filterBody?(_: {}): any;
+        };
+    });
+    readonly TransferDialog: <T = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {
+            (e: "update:modelValue", value: boolean): void;
+            (e: "update:submit", data: import('./types').TableColumn<T>[]): void;
+        };
+        attrs: any;
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            readonly "onUpdate:submit"?: ((data: import('./types').TableColumn<T>[]) => any) | undefined;
+            modelValue: boolean;
+            columnsValue: import('./types').TableColumn<T>[];
+            transferTitle: string;
+        } & import('vue').PublicProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {
+            (e: "update:modelValue", value: boolean): void;
+            (e: "update:submit", data: import('./types').TableColumn<T>[]): void;
+        };
+    }>) => import('vue').VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
+    readonly TransferItem: <T = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {
+            (e: "update:toTop"): void;
+            (e: "update:toPre"): void;
+            (e: "update:toNext"): void;
+            (e: "update:toBottom"): void;
+        };
+        attrs: any;
+        slots: {};
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            readonly "onUpdate:toTop"?: (() => any) | undefined;
+            readonly "onUpdate:toPre"?: (() => any) | undefined;
+            readonly "onUpdate:toNext"?: (() => any) | undefined;
+            readonly "onUpdate:toBottom"?: (() => any) | undefined;
+            dialogModalVisible: boolean;
+            columnsValue: import('./types').TableColumn<T>;
+            columnsIndex: number;
+            columnsLen: number;
+        } & import('vue').PublicProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: {
+            (e: "update:toTop"): void;
+            (e: "update:toPre"): void;
+            (e: "update:toNext"): void;
+            (e: "update:toBottom"): void;
+        };
+    }>) => import('vue').VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/components/items/BaseInput.vue

@@ -1,3 +1,23 @@
+<template>
+  <el-input
+    v-model="v"
+    :placeholder="props.placeholder"
+    :type="props.type"
+    :class="props.class"
+    :show-password="props.showPassword"
+    :disabled="props.disabled"
+    :readonly="props.readonly"
+    :maxlength="props.maxlength"
+    :autocomplete="props.autocomplete"
+    clearable
+    @clear="handlerClear"
+  >
+    <template v-if="slots.prefix" #prefix>
+      <slot name="prefix" class="h-4" />
+    </template>
+    <template v-if="slots.append" #append><slot name="append" /></template>
+  </el-input>
+</template>
 
 <script lang="ts" setup>
 import { computed, useSlots } from 'vue'
@@ -30,25 +50,3 @@ const handlerClear = () => {
   emits('update:clearValue')
 }
 </script>
-
-
-<template>
-  <el-input
-    v-model="v"
-    :placeholder="props.placeholder"
-    :type="props.type"
-    :class="props.class"
-    :show-password="props.showPassword"
-    :disabled="props.disabled"
-    :readonly="props.readonly"
-    :maxlength="props.maxlength"
-    :autocomplete="props.autocomplete"
-    clearable
-    @clear="handlerClear"
-  >
-    <template v-if="slots.prefix" #prefix>
-      <slot name="prefix" class="h-4" />
-    </template>
-    <template v-if="slots.append" #append><slot name="append" /></template>
-  </el-input>
-</template>