hongluan-ui/lib/components/tabs/src/tab-nav.d.ts

Hongluan Component Library for Vue 3

import type { ExtractPropTypes } from 'vue';
import type { TabsPaneContext } from '@hongluan-ui/tokens';
import type { TabPaneName } from './tabs';
export declare const tabNavProps: {
    readonly panes: import("@hongluan-ui/utils").EpPropFinalized<import("vue").PropType<{
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }[]>, unknown, unknown, () => [], boolean>;
    readonly currentName: import("@hongluan-ui/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
    readonly editable: BooleanConstructor;
    readonly type: import("@hongluan-ui/utils").EpPropFinalized<StringConstructor, "" | "button" | "line", unknown, "", boolean>;
    readonly stretch: BooleanConstructor;
};
export declare const tabNavEmits: {
    tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
    tabRemove: (tab: TabsPaneContext, ev: Event) => boolean;
};
export declare type TabNavProps = ExtractPropTypes<typeof tabNavProps>;
export declare type TabNavEmits = typeof tabNavEmits;
declare const TabNav: import("vue").DefineComponent<{
    readonly panes: import("@hongluan-ui/utils").EpPropFinalized<import("vue").PropType<{
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }[]>, unknown, unknown, () => [], boolean>;
    readonly currentName: import("@hongluan-ui/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
    readonly editable: BooleanConstructor;
    readonly type: import("@hongluan-ui/utils").EpPropFinalized<StringConstructor, "" | "button" | "line", unknown, "", boolean>;
    readonly stretch: BooleanConstructor;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
    tabRemove: (tab: TabsPaneContext, ev: Event) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
    readonly panes: import("@hongluan-ui/utils").EpPropFinalized<import("vue").PropType<{
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }[]>, unknown, unknown, () => [], boolean>;
    readonly currentName: import("@hongluan-ui/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
    readonly editable: BooleanConstructor;
    readonly type: import("@hongluan-ui/utils").EpPropFinalized<StringConstructor, "" | "button" | "line", unknown, "", boolean>;
    readonly stretch: BooleanConstructor;
}>> & {
    onTabClick?: (tab: {
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }, tabName: TabPaneName, ev: Event) => any;
    onTabRemove?: (tab: {
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }, ev: Event) => any;
}, {
    stretch: boolean;
    type: import("@hongluan-ui/utils").EpPropMergeType<StringConstructor, "" | "button" | "line", unknown>;
    editable: boolean;
    panes: {
        uid: number;
        slots: {
            [x: string]: import("vue").Slot;
        };
        props: {
            readonly label: string;
            readonly disabled: boolean;
            readonly closable: boolean;
            readonly lazy: boolean;
            readonly name?: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        };
        paneName: string | number;
        active: boolean;
        index: string;
        isClosable: boolean;
    }[];
    currentName: import("@hongluan-ui/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
}>;
export declare type TabNavInstance = InstanceType<typeof TabNav> & {
    scrollToActiveTab: () => Promise<void>;
    removeFocus: () => void;
};
export default TabNav;