bani-ui 1.0.2-alpha.9 → 1.0.2

package/dist/types/components/Icon/index.d.ts

@@ -1,13 +1,245 @@
+export * from './types';
 export declare const BnIcon: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        border: {
+            type: import('vue').PropType<boolean>;
+        };
+        fixedWidth: {
+            type: import('vue').PropType<boolean>;
+        };
+        flip: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "both">;
+        };
+        icon: {
+            type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+            required: true;
+        };
+        mask: {
+            type: import('vue').PropType<string | object | string[]>;
+        };
+        listItem: {
+            type: import('vue').PropType<boolean>;
+        };
+        pull: {
+            type: import('vue').PropType<"right" | "left">;
+        };
+        pulse: {
+            type: import('vue').PropType<boolean>;
+        };
+        rotation: {
+            type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
+        };
+        swapOpacity: {
+            type: import('vue').PropType<boolean>;
+        };
+        size: {
+            type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
+        };
+        spin: {
+            type: import('vue').PropType<boolean>;
+        };
+        transform: {
+            type: import('vue').PropType<string | object>;
+        };
+        symbol: {
+            type: import('vue').PropType<string | boolean>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+        };
+        inverse: {
+            type: import('vue').PropType<boolean>;
+        };
+        bounce: {
+            type: import('vue').PropType<boolean>;
+        };
+        shake: {
+            type: import('vue').PropType<boolean>;
+        };
+        beat: {
+            type: import('vue').PropType<boolean>;
+        };
+        fade: {
+            type: import('vue').PropType<boolean>;
+        };
+        beatFade: {
+            type: import('vue').PropType<boolean>;
+        };
+        spinPulse: {
+            type: import('vue').PropType<boolean>;
+        };
+        spinReverse: {
+            type: import('vue').PropType<boolean>;
+        };
+        type: {
+            type: import('vue').PropType<"info" | "success" | "warning" | "danger" | "primary">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('vue').ExtractPropTypes<{
+        border: {
+            type: import('vue').PropType<boolean>;
+        };
+        fixedWidth: {
+            type: import('vue').PropType<boolean>;
+        };
+        flip: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "both">;
+        };
+        icon: {
+            type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+            required: true;
+        };
+        mask: {
+            type: import('vue').PropType<string | object | string[]>;
+        };
+        listItem: {
+            type: import('vue').PropType<boolean>;
+        };
+        pull: {
+            type: import('vue').PropType<"right" | "left">;
+        };
+        pulse: {
+            type: import('vue').PropType<boolean>;
+        };
+        rotation: {
+            type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
+        };
+        swapOpacity: {
+            type: import('vue').PropType<boolean>;
+        };
+        size: {
+            type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
+        };
+        spin: {
+            type: import('vue').PropType<boolean>;
+        };
+        transform: {
+            type: import('vue').PropType<string | object>;
+        };
+        symbol: {
+            type: import('vue').PropType<string | boolean>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+        };
+        inverse: {
+            type: import('vue').PropType<boolean>;
+        };
+        bounce: {
+            type: import('vue').PropType<boolean>;
+        };
+        shake: {
+            type: import('vue').PropType<boolean>;
+        };
+        beat: {
+            type: import('vue').PropType<boolean>;
+        };
+        fade: {
+            type: import('vue').PropType<boolean>;
+        };
+        beatFade: {
+            type: import('vue').PropType<boolean>;
+        };
+        spinPulse: {
+            type: import('vue').PropType<boolean>;
+        };
+        spinReverse: {
+            type: import('vue').PropType<boolean>;
+        };
+        type: {
+            type: import('vue').PropType<"info" | "success" | "warning" | "danger" | "primary">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    border: {
+        type: import('vue').PropType<boolean>;
+    };
+    fixedWidth: {
+        type: import('vue').PropType<boolean>;
+    };
+    flip: {
+        type: import('vue').PropType<"horizontal" | "vertical" | "both">;
+    };
+    icon: {
+        type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+        required: true;
+    };
+    mask: {
+        type: import('vue').PropType<string | object | string[]>;
+    };
+    listItem: {
+        type: import('vue').PropType<boolean>;
+    };
+    pull: {
+        type: import('vue').PropType<"right" | "left">;
+    };
+    pulse: {
+        type: import('vue').PropType<boolean>;
+    };
+    rotation: {
+        type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
+    };
+    swapOpacity: {
+        type: import('vue').PropType<boolean>;
+    };
+    size: {
+        type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
+    };
+    spin: {
+        type: import('vue').PropType<boolean>;
+    };
+    transform: {
+        type: import('vue').PropType<string | object>;
+    };
+    symbol: {
+        type: import('vue').PropType<string | boolean>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    inverse: {
+        type: import('vue').PropType<boolean>;
+    };
+    bounce: {
+        type: import('vue').PropType<boolean>;
+    };
+    shake: {
+        type: import('vue').PropType<boolean>;
+    };
+    beat: {
+        type: import('vue').PropType<boolean>;
+    };
+    fade: {
+        type: import('vue').PropType<boolean>;
+    };
+    beatFade: {
+        type: import('vue').PropType<boolean>;
+    };
+    spinPulse: {
+        type: import('vue').PropType<boolean>;
+    };
+    spinReverse: {
+        type: import('vue').PropType<boolean>;
+    };
+    type: {
+        type: import('vue').PropType<"info" | "success" | "warning" | "danger" | "primary">;
+    };
+    color: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;

package/dist/types/components/Icon/types.d.ts

@@ -1,4 +1,5 @@
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+
 export interface IconProps {
     border?: boolean;
     fixedWidth?: boolean;

package/dist/types/components/Loading/directive.d.ts

@@ -1,6 +1,7 @@
 import { Directive } from 'vue';
 import { LoadingOptions } from './types';
 import { LoadingInstance } from './service';
+
 declare const INSTANCE_KEY: unique symbol;
 export interface ElementLoading extends HTMLElement {
     [INSTANCE_KEY]?: {

package/dist/types/components/Loading/index.d.ts

@@ -1,6 +1,8 @@
 import { vLoading } from './directive';
 import { Loading } from './service';
 import { App } from 'vue';
+
+export * from './types';
 export declare const BnLoading: {
     name: string;
     install(app: App): void;

package/dist/types/components/Loading/service.d.ts

@@ -1,4 +1,5 @@
 import { LoadingOptions, LoadingOptionsResolved } from './types';
+
 declare function createLoadingComponent(options: LoadingOptionsResolved): {
     readonly $el: HTMLElement;
     vm: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any>;

package/dist/types/components/Loading/types.d.ts

@@ -1,4 +1,5 @@
 import { MaybeRef } from 'vue';
+
 export interface LoadingOptionsResolved {
     parent?: HTMLElement;
     target?: HTMLElement;

package/dist/types/components/Message/index.d.ts

@@ -1 +1,2 @@
-export declare const BnMessage: import('./types').Message & import('vue').Plugin;
+export declare const BnMessage: import('../../core').Message & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Message/methods.d.ts

@@ -1,4 +1,5 @@
 import { MessageFn, Message, MessageProps, messageType } from './types';
+
 export declare const messageDefaults: {
     readonly type: "info";
     readonly duration: 3000;

package/dist/types/components/Message/types.d.ts

@@ -1,4 +1,5 @@
 import { VNode, ComponentInternalInstance } from 'vue';
+
 export declare const messageTypes: readonly ["info", "success", "warning", "danger", "error"];
 export type messageType = (typeof messageTypes)[number];
 export interface MessageHandler {

package/dist/types/components/Popconfirm/index.d.ts

@@ -1,118 +1,104 @@
+export * from './types';
 export declare const BnPopconfirm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').PopconfirmProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        confirmButtonText: {
+            type: import('vue').PropType<string>;
+        };
+        cancelButtonText: {
+            type: import('vue').PropType<string>;
+        };
+        confirmButtonType: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+            default: string;
+        };
+        cancelButtonType: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        iconColor: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hideIcon: {
+            type: import('vue').PropType<boolean>;
+        };
+        hideAfter: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        width: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+    }>> & Readonly<{
         onCancel?: ((value: MouseEvent) => any) | undefined;
         onConfirm?: ((value: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        cancel: (value: MouseEvent) => any;
-        confirm: (value: MouseEvent) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        confirm: (value: MouseEvent) => void;
+        cancel: (value: MouseEvent) => void;
     }, import('vue').PublicProps, {
         title: string;
-        confirmButtonType: import('../Button/types').ButtonType;
+        confirmButtonType: import('../../core').ButtonType;
         iconColor: string;
         hideAfter: number;
         width: number | string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        tooltipRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly virtualRef?: (HTMLElement | void) | undefined;
-                readonly virtualTriggering?: boolean | undefined;
-                readonly content?: string | undefined;
-                readonly trigger?: "hover" | "click" | "contextmenu" | undefined;
-                readonly placement?: import('@popperjs/core').Placement | undefined;
-                readonly manual?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly popperOptions?: Partial<import('@popperjs/core').Options> | undefined;
-                readonly transition?: string | undefined;
-                readonly showTimeout?: number | undefined;
-                readonly hideTimeout?: number | undefined;
-                readonly "onVisible-change"?: ((value: boolean) => any) | undefined;
-                readonly "onClick-outside"?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                containerNode: HTMLDivElement;
-                _triggerNode: HTMLDivElement;
-                popperNode: HTMLDivElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "visible-change", value: boolean) => void) & ((event: "click-outside") => void);
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Tooltip/types').TooltipPropsSfc> & Readonly<{
-                "onVisible-change"?: ((value: boolean) => any) | undefined;
-                "onClick-outside"?: (() => any) | undefined;
-            }>, {
-                show(): void;
-                hide(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                "visible-change": (value: boolean) => any;
-                "click-outside": () => any;
-            }, string, {
-                transition: string;
-                trigger: "hover" | "click" | "contextmenu";
-                placement: import('@popperjs/core').Placement;
-                showTimeout: number;
-                hideTimeout: number;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            transition: string;
-            trigger: "hover" | "click" | "contextmenu";
-            placement: import('@popperjs/core').Placement;
-            showTimeout: number;
-            hideTimeout: number;
-        }> & Omit<Readonly<import('../Tooltip/types').TooltipPropsSfc> & Readonly<{
-            "onVisible-change"?: ((value: boolean) => any) | undefined;
-            "onClick-outside"?: (() => any) | undefined;
-        }>, "show" | "hide" | ("transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout")> & {
-            show: () => void;
-            hide: () => void;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                default?(_: {}): any;
-                content?(_: {}): any;
-            };
-        }) | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').PopconfirmProps> & Readonly<{
+    }, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        confirmButtonText: {
+            type: import('vue').PropType<string>;
+        };
+        cancelButtonText: {
+            type: import('vue').PropType<string>;
+        };
+        confirmButtonType: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+            default: string;
+        };
+        cancelButtonType: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        iconColor: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hideIcon: {
+            type: import('vue').PropType<boolean>;
+        };
+        hideAfter: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        width: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+    }>> & Readonly<{
         onCancel?: ((value: MouseEvent) => any) | undefined;
         onConfirm?: ((value: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         title: string;
-        confirmButtonType: import('../Button/types').ButtonType;
+        confirmButtonType: import('../../core').ButtonType;
         iconColor: string;
         hideAfter: number;
         width: number | string;
@@ -120,15 +106,52 @@ export declare const BnPopconfirm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').PopconfirmProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: import('vue').PropType<string | object | string[] | import('@fortawesome/free-solid-svg-icons').IconDefinition>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+    confirmButtonText: {
+        type: import('vue').PropType<string>;
+    };
+    cancelButtonText: {
+        type: import('vue').PropType<string>;
+    };
+    confirmButtonType: {
+        type: import('vue').PropType<import('../../core').ButtonType>;
+        default: string;
+    };
+    cancelButtonType: {
+        type: import('vue').PropType<import('../../core').ButtonType>;
+    };
+    iconColor: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    hideIcon: {
+        type: import('vue').PropType<boolean>;
+    };
+    hideAfter: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    width: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+}>> & Readonly<{
     onCancel?: ((value: MouseEvent) => any) | undefined;
     onConfirm?: ((value: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    cancel: (value: MouseEvent) => any;
-    confirm: (value: MouseEvent) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (value: MouseEvent) => void;
+    cancel: (value: MouseEvent) => void;
 }, string, {
     title: string;
-    confirmButtonType: import('../Button/types').ButtonType;
+    confirmButtonType: import('../../core').ButtonType;
     iconColor: string;
     hideAfter: number;
     width: number | string;

package/dist/types/components/Popconfirm/types.d.ts

@@ -1,5 +1,6 @@
 import { IconProps } from '../Icon/types';
 import { ButtonType } from '../Button/types';
+
 export interface PopconfirmProps {
     title: string;
     confirmButtonText?: string;