@eaera-com/eaera-widgets-v2 0.1.62

package/dist/src/stories/Dropdown/EaeraDropdownV2.stories.d.ts

@@ -0,0 +1,1064 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+            command: (command: any) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {
+            disabled: boolean;
+            size: "" | "small" | "default" | "large";
+            popperClass: string;
+            placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+            trigger: "focus" | "click" | "contextmenu" | "hover";
+            useMenu: boolean;
+            itemPlacement: "center" | "left" | "right";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "" | "small" | "default" | "large";
+            popperClass: string;
+            placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+            trigger: "focus" | "click" | "contextmenu" | "hover";
+            useMenu: boolean;
+            itemPlacement: "center" | "left" | "right";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
+            default: string;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+            default: string;
+        };
+        trigger: {
+            type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+            default: string;
+        };
+        dropdownOptions: {
+            type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+        };
+        useMenu: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        itemPlacement: {
+            type: import("vue").PropType<"center" | "left" | "right">;
+            default: string;
+        };
+    }>> & {
+        onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+        onCommand?: ((command: any) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+        command: (command: any) => void;
+    }, string, {
+        disabled: boolean;
+        size: "" | "small" | "default" | "large";
+        popperClass: string;
+        placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+        trigger: "focus" | "click" | "contextmenu" | "hover";
+        useMenu: boolean;
+        itemPlacement: "center" | "left" | "right";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+            dropdown?(_: {}): any;
+            menu_item?(_: {
+                data: import("@/components/EaeraDropdownV2.vue").Option;
+                idx: number;
+            }): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        trigger: {
+            control: "select";
+            options: string[];
+        };
+    };
+    args: {
+        useMenu: true;
+        trigger: "click";
+        dropdownOptions: {
+            value: string;
+            label: string;
+        }[];
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+            command: (command: any) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {
+            disabled: boolean;
+            size: "" | "small" | "default" | "large";
+            popperClass: string;
+            placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+            trigger: "focus" | "click" | "contextmenu" | "hover";
+            useMenu: boolean;
+            itemPlacement: "center" | "left" | "right";
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "default" | "large">;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                default: string;
+            };
+            trigger: {
+                type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                default: string;
+            };
+            dropdownOptions: {
+                type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+            };
+            useMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            itemPlacement: {
+                type: import("vue").PropType<"center" | "left" | "right">;
+                default: string;
+            };
+        }>> & {
+            onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+            onCommand?: ((command: any) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            disabled: boolean;
+            size: "" | "small" | "default" | "large";
+            popperClass: string;
+            placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+            trigger: "focus" | "click" | "contextmenu" | "hover";
+            useMenu: boolean;
+            itemPlacement: "center" | "left" | "right";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"" | "small" | "default" | "large">;
+            default: string;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+            default: string;
+        };
+        trigger: {
+            type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+            default: string;
+        };
+        dropdownOptions: {
+            type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+        };
+        useMenu: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        itemPlacement: {
+            type: import("vue").PropType<"center" | "left" | "right">;
+            default: string;
+        };
+    }>> & {
+        onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+        onCommand?: ((command: any) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+        command: (command: any) => void;
+    }, string, {
+        disabled: boolean;
+        size: "" | "small" | "default" | "large";
+        popperClass: string;
+        placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+        trigger: "focus" | "click" | "contextmenu" | "hover";
+        useMenu: boolean;
+        itemPlacement: "center" | "left" | "right";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+            dropdown?(_: {}): any;
+            menu_item?(_: {
+                data: import("@/components/EaeraDropdownV2.vue").Option;
+                idx: number;
+            }): any;
+        };
+    })>) => {
+        components: {
+            EaeraDropdownV2: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+                    command: (command: any) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {
+                    disabled: boolean;
+                    size: "" | "small" | "default" | "large";
+                    popperClass: string;
+                    placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                    trigger: "focus" | "click" | "contextmenu" | "hover";
+                    useMenu: boolean;
+                    itemPlacement: "center" | "left" | "right";
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    size: "" | "small" | "default" | "large";
+                    popperClass: string;
+                    placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                    trigger: "focus" | "click" | "contextmenu" | "hover";
+                    useMenu: boolean;
+                    itemPlacement: "center" | "left" | "right";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "small" | "default" | "large">;
+                    default: string;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                    default: string;
+                };
+                trigger: {
+                    type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                    default: string;
+                };
+                dropdownOptions: {
+                    type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                };
+                useMenu: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                itemPlacement: {
+                    type: import("vue").PropType<"center" | "left" | "right">;
+                    default: string;
+                };
+            }>> & {
+                onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                onCommand?: ((command: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+                command: (command: any) => void;
+            }, string, {
+                disabled: boolean;
+                size: "" | "small" | "default" | "large";
+                popperClass: string;
+                placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                trigger: "focus" | "click" | "contextmenu" | "hover";
+                useMenu: boolean;
+                itemPlacement: "center" | "left" | "right";
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                    dropdown?(_: {}): any;
+                    menu_item?(_: {
+                        data: import("@/components/EaeraDropdownV2.vue").Option;
+                        idx: number;
+                    }): any;
+                };
+            });
+            EaeraButton: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    emitClickEvent: (...args: any[]) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {
+                    link: boolean;
+                    disabled: boolean;
+                    color: import("@/components/EaeraButton.vue").ColorType;
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    box: boolean;
+                    loading: boolean;
+                    background: boolean;
+                    plain: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    link: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    box: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    background: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    plain: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    unsetWidth: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>> & {
+                    onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    link: boolean;
+                    disabled: boolean;
+                    color: import("@/components/EaeraButton.vue").ColorType;
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    box: boolean;
+                    loading: boolean;
+                    background: boolean;
+                    plain: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                link: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                color: {
+                    type: import("vue").PropType<import("@/components/EaeraButton.vue").ColorType>;
+                    default: string;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+                box: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                background: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                plain: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                unsetWidth: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & {
+                onEmitClickEvent?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                emitClickEvent: (...args: any[]) => void;
+            }, string, {
+                link: boolean;
+                disabled: boolean;
+                color: import("@/components/EaeraButton.vue").ColorType;
+                size: "" | "lg" | "md" | "sm" | "xs";
+                box: boolean;
+                loading: boolean;
+                background: boolean;
+                plain: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+        };
+        setup: () => {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+                    command: (command: any) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {
+                    disabled: boolean;
+                    size: "" | "small" | "default" | "large";
+                    popperClass: string;
+                    placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                    trigger: "focus" | "click" | "contextmenu" | "hover";
+                    useMenu: boolean;
+                    itemPlacement: "center" | "left" | "right";
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "small" | "default" | "large">;
+                        default: string;
+                    };
+                    popperClass: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    placement: {
+                        type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                        default: string;
+                    };
+                    trigger: {
+                        type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                        default: string;
+                    };
+                    dropdownOptions: {
+                        type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                    };
+                    useMenu: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    itemPlacement: {
+                        type: import("vue").PropType<"center" | "left" | "right">;
+                        default: string;
+                    };
+                }>> & {
+                    onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                    onCommand?: ((command: any) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    size: "" | "small" | "default" | "large";
+                    popperClass: string;
+                    placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                    trigger: "focus" | "click" | "contextmenu" | "hover";
+                    useMenu: boolean;
+                    itemPlacement: "center" | "left" | "right";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "small" | "default" | "large">;
+                    default: string;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end">;
+                    default: string;
+                };
+                trigger: {
+                    type: import("vue").PropType<"focus" | "click" | "contextmenu" | "hover">;
+                    default: string;
+                };
+                dropdownOptions: {
+                    type: import("vue").PropType<import("@/components/EaeraDropdownV2.vue").Option[]>;
+                };
+                useMenu: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                itemPlacement: {
+                    type: import("vue").PropType<"center" | "left" | "right">;
+                    default: string;
+                };
+            }>> & {
+                onItemclick?: ((option: import("@/components/EaeraDropdownV2.vue").Option) => any) | undefined;
+                onCommand?: ((command: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                itemclick: (option: import("@/components/EaeraDropdownV2.vue").Option) => void;
+                command: (command: any) => void;
+            }, string, {
+                disabled: boolean;
+                size: "" | "small" | "default" | "large";
+                popperClass: string;
+                placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+                trigger: "focus" | "click" | "contextmenu" | "hover";
+                useMenu: boolean;
+                itemPlacement: "center" | "left" | "right";
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                    dropdown?(_: {}): any;
+                    menu_item?(_: {
+                        data: import("@/components/EaeraDropdownV2.vue").Option;
+                        idx: number;
+                    }): any;
+                };
+            })>;
+        };
+        template: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: StoryObj<typeof meta>;
+export declare const basic: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const placement: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;