bani-ui 1.0.2-alpha.9 → 1.0.2

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

@@ -1,4 +1,5 @@
-import { Component, ComputedRef, Ref } from 'vue';
+import { Component, ComputedRef } from 'vue';
+
 export type ButtonType = "primary" | "success" | "warning" | "danger" | "info";
 export type NativeType = "button" | "submit" | "reset";
 export type ButtonSize = "default" | "large" | "small";
@@ -27,7 +28,7 @@ export interface ButtonEmits {
     (e: "click", value: MouseEvent): void;
 }
 export interface ButtonInstance {
-    ref: Ref<HTMLButtonElement | void>;
+    ref: HTMLButtonElement | void;
     disabled: ComputedRef<boolean>;
     size: ComputedRef<string>;
     type: ComputedRef<string>;

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

@@ -1,16 +1,47 @@
+export * from './types';
 export declare const BnButtonGroup: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../core').ButtonSize>;
+        };
+        type: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & 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').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../core').ButtonSize>;
+        };
+        type: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ButtonGroupProps> & 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 & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<import('../../core').ButtonSize>;
+    };
+    type: {
+        type: import('vue').PropType<import('../../core').ButtonType>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & 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 & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,4 +1,5 @@
 import { ButtonSize, ButtonType } from '../Button/types';
+
 export interface ButtonGroupProps {
     size?: ButtonSize;
     type?: ButtonType;

package/dist/types/components/ConfigProvider/constants.d.ts

@@ -0,0 +1,5 @@
+import { ConfigProviderProps } from './types';
+import { InjectionKey, Ref } from 'vue';
+
+export type ConfigProviderContext = Partial<ConfigProviderProps>;
+export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;

package/dist/types/components/ConfigProvider/hooks.d.ts

@@ -0,0 +1,6 @@
+import { MaybeRef, Ref, App } from 'vue';
+import { ConfigProviderContext } from './constants';
+
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultVal?: D): Ref<Exclude<ConfigProviderContext[K], void>>;
+export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
+export declare function provideGlobalConfig(config?: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean): import('vue').ComputedRef<Partial<import('../../core').ConfigProviderProps>> | undefined;

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

@@ -0,0 +1,41 @@
+export declare const BnConfigProvider: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: import('vue').PropType<import('../../locale').Language>;
+        };
+        extendsI18nMsg: {
+            type: import('vue').PropType<import('../../locale').TranslatePair>;
+        };
+    }>> & 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('vue').ExtractPropTypes<{
+        locale: {
+            type: import('vue').PropType<import('../../locale').Language>;
+        };
+        extendsI18nMsg: {
+            type: import('vue').PropType<import('../../locale').TranslatePair>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    locale: {
+        type: import('vue').PropType<import('../../locale').Language>;
+    };
+    extendsI18nMsg: {
+        type: import('vue').PropType<import('../../locale').TranslatePair>;
+    };
+}>> & 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 & (new () => {
+    $slots: {
+        default?(_: {
+            config: Partial<import('../../core').ConfigProviderProps> | undefined;
+        }): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

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

@@ -0,0 +1,6 @@
+import { Language, TranslatePair } from '../../locale';
+
+export interface ConfigProviderProps {
+    locale?: Language;
+    extendsI18nMsg?: TranslatePair;
+}

package/dist/types/components/Dropdown/constants.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { DropdownContext } from './types';
+
+export declare const DROPDOWN_CTX_KEY: InjectionKey<DropdownContext>;

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

@@ -0,0 +1,266 @@
+export declare const BnDropdown: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../core').ButtonSize>;
+        };
+        type: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        transition: {
+            type: import('vue').PropType<string>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+        content: {
+            type: import('vue').PropType<string>;
+        };
+        trigger: {
+            type: import('vue').PropType<"click" | "contextmenu" | "hover">;
+        };
+        placement: {
+            type: import('vue').PropType<import('@popperjs/core').Placement>;
+        };
+        manual: {
+            type: import('vue').PropType<boolean>;
+        };
+        popperOptions: {
+            type: import('vue').PropType<Partial<import('@popperjs/core').Options>>;
+        };
+        showTimeout: {
+            type: import('vue').PropType<number>;
+        };
+        hideTimeout: {
+            type: import('vue').PropType<number>;
+        };
+        items: {
+            type: import('vue').PropType<import('../../core').DropdownItemProps[]>;
+            default: () => import('../../core').DropdownItemProps[];
+        };
+        hideOnClick: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        splitButton: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClick?: ((value: MouseEvent) => any) | undefined;
+        onCommand?: ((value: import('../../core').DropdownCommand) => any) | undefined;
+        "onVisible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        open(): void;
+        close(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "visible-change": (value: boolean) => void;
+        command: (value: import('../../core').DropdownCommand) => void;
+        click: (value: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        items: import('../../core').DropdownItemProps[];
+        hideOnClick: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../core').ButtonSize>;
+        };
+        type: {
+            type: import('vue').PropType<import('../../core').ButtonType>;
+        };
+        transition: {
+            type: import('vue').PropType<string>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+        content: {
+            type: import('vue').PropType<string>;
+        };
+        trigger: {
+            type: import('vue').PropType<"click" | "contextmenu" | "hover">;
+        };
+        placement: {
+            type: import('vue').PropType<import('@popperjs/core').Placement>;
+        };
+        manual: {
+            type: import('vue').PropType<boolean>;
+        };
+        popperOptions: {
+            type: import('vue').PropType<Partial<import('@popperjs/core').Options>>;
+        };
+        showTimeout: {
+            type: import('vue').PropType<number>;
+        };
+        hideTimeout: {
+            type: import('vue').PropType<number>;
+        };
+        items: {
+            type: import('vue').PropType<import('../../core').DropdownItemProps[]>;
+            default: () => import('../../core').DropdownItemProps[];
+        };
+        hideOnClick: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        splitButton: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{
+        onClick?: ((value: MouseEvent) => any) | undefined;
+        onCommand?: ((value: import('../../core').DropdownCommand) => any) | undefined;
+        "onVisible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        open(): void;
+        close(): void;
+    }, {}, {}, {}, {
+        items: import('../../core').DropdownItemProps[];
+        hideOnClick: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<import('../../core').ButtonSize>;
+    };
+    type: {
+        type: import('vue').PropType<import('../../core').ButtonType>;
+    };
+    transition: {
+        type: import('vue').PropType<string>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    content: {
+        type: import('vue').PropType<string>;
+    };
+    trigger: {
+        type: import('vue').PropType<"click" | "contextmenu" | "hover">;
+    };
+    placement: {
+        type: import('vue').PropType<import('@popperjs/core').Placement>;
+    };
+    manual: {
+        type: import('vue').PropType<boolean>;
+    };
+    popperOptions: {
+        type: import('vue').PropType<Partial<import('@popperjs/core').Options>>;
+    };
+    showTimeout: {
+        type: import('vue').PropType<number>;
+    };
+    hideTimeout: {
+        type: import('vue').PropType<number>;
+    };
+    items: {
+        type: import('vue').PropType<import('../../core').DropdownItemProps[]>;
+        default: () => import('../../core').DropdownItemProps[];
+    };
+    hideOnClick: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    splitButton: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
+    onCommand?: ((value: import('../../core').DropdownCommand) => any) | undefined;
+    "onVisible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    open(): void;
+    close(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "visible-change": (value: boolean) => void;
+    command: (value: import('../../core').DropdownCommand) => void;
+    click: (value: MouseEvent) => void;
+}, string, {
+    items: import('../../core').DropdownItemProps[];
+    hideOnClick: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<Record<string, any>> & Record<string, any>;
+}) & import('vue').Plugin;
+export declare const BnDropdownItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        command: {
+            type: import('vue').PropType<import('../../core').DropdownCommand>;
+            default: string;
+        };
+        divided: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+        command: import('../../core').DropdownCommand;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        command: {
+            type: import('vue').PropType<import('../../core').DropdownCommand>;
+            default: string;
+        };
+        divided: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        disabled: boolean;
+        command: import('../../core').DropdownCommand;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: import('vue').PropType<string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    command: {
+        type: import('vue').PropType<import('../../core').DropdownCommand>;
+        default: string;
+    };
+    divided: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    command: import('../../core').DropdownCommand;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

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

@@ -0,0 +1,31 @@
+import { VNode, ComputedRef } from 'vue';
+import { TooltipProps } from '../Tooltip/types';
+import { ButtonType, ButtonSize } from '../Button/types';
+
+export type DropdownCommand = string | number;
+export interface DropdownItemProps {
+    command?: DropdownCommand;
+    label?: string | VNode;
+    disabled?: boolean;
+    divided?: boolean;
+}
+export interface DropdownProps extends TooltipProps {
+    type?: ButtonType;
+    size?: ButtonSize;
+    items?: DropdownItemProps[];
+    hideOnClick?: boolean;
+    splitButton?: boolean;
+}
+export interface DropdownEmits {
+    (e: "visible-change", value: boolean): void;
+    (e: "command", value: DropdownCommand): void;
+    (e: "click", value: MouseEvent): void;
+}
+export interface DropdownInstance {
+    open(): void;
+    close(): void;
+}
+export interface DropdownContext {
+    handleItemClick(item: DropdownItemProps): void;
+    size: ComputedRef<ButtonSize | void>;
+}