ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-tabs/index.d.ts

A high quality UI components Library with Vue.js

export declare const IvueTabs: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    centered: {
        type: BooleanConstructor;
        default: boolean;
    };
    right: {
        type: BooleanConstructor;
        default: boolean;
    };
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
    prevIcon: {
        type: StringConstructor;
        default: string;
    };
    nextIcon: {
        type: StringConstructor;
        default: string;
    };
    fixedWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    height: {
        type: (NumberConstructor | StringConstructor)[];
    };
    sliderColor: {
        type: StringConstructor;
        default: string;
    };
    hideSlider: {
        type: BooleanConstructor;
        default: boolean;
    };
    arrowsMargin: {
        type: (NumberConstructor | StringConstructor)[];
        default: number;
    };
}, {
    prefixCls: string;
    container: import("vue").Ref<HTMLElement>;
    bar: import("vue").Ref<HTMLElement>;
    wrapper: import("vue").Ref<HTMLElement>;
    data: {
        tabs: any[];
        tabsItem: any[];
        isOverflowing: boolean;
        nextIconVisible: boolean;
        prevIconVisible: boolean;
        scrollOffset: number;
        startX: number;
        widths: any;
        resizeTimeout: any;
        sliderLeft: number;
        sliderWidth: number;
        isBooted: boolean;
        isInit: boolean;
    };
    tabWrapperClasses: import("vue").ComputedRef<{
        'ivue-tabs-wrapper': boolean;
    }>;
    hasArrows: import("vue").ComputedRef<boolean>;
    tabContainerClasses: import("vue").ComputedRef<{
        [x: string]: boolean;
    }>;
    containerStyles: import("vue").ComputedRef<{
        height: string | number;
        transform: string;
    }>;
    tabWrapperStyles: import("vue").ComputedRef<{
        'margin-left': string | number;
        'margin-right': string | number;
        transition: string;
    }>;
    overflowCheck: (e: any, fn: any) => void;
    onTouchStart: (e: any) => void;
    onTouchMove: (e: any) => void;
    onTouchEnd: () => void;
    handleScrollTo: (direction: any) => void;
    unregister: (name: string) => void;
    handleSwipeItem: (direction: any) => void;
    tabNavClick: (tab: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    centered: {
        type: BooleanConstructor;
        default: boolean;
    };
    right: {
        type: BooleanConstructor;
        default: boolean;
    };
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
    prevIcon: {
        type: StringConstructor;
        default: string;
    };
    nextIcon: {
        type: StringConstructor;
        default: string;
    };
    fixedWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    height: {
        type: (NumberConstructor | StringConstructor)[];
    };
    sliderColor: {
        type: StringConstructor;
        default: string;
    };
    hideSlider: {
        type: BooleanConstructor;
        default: boolean;
    };
    arrowsMargin: {
        type: (NumberConstructor | StringConstructor)[];
        default: number;
    };
}>> & {
    "onUpdate:modelValue"?: (...args: any[]) => any;
}, {
    modelValue: string | number;
    right: boolean;
    centered: boolean;
    showArrows: boolean;
    prevIcon: string;
    nextIcon: string;
    fixedWidth: boolean;
    autoWidth: boolean;
    sliderColor: string;
    hideSlider: boolean;
    arrowsMargin: string | number;
}>> & {
    Tab: import("vue").DefineComponent<{
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        rippleDisabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        rippleCentered: {
            type: BooleanConstructor;
            default: boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
    }, {
        prefixCls: string;
        tabName: import("vue").Ref<string | number>;
        wrapClasses: import("vue").ComputedRef<{
            [x: string]: boolean;
            "ivue-tabs-tab": boolean;
        }[]>;
        computedRipple: import("vue").ComputedRef<boolean | {
            center: boolean;
        }>;
        isActive: import("vue").ComputedRef<boolean>;
        handleChange: () => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        rippleDisabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        rippleCentered: {
            type: BooleanConstructor;
            default: boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        name: string;
        disabled: boolean;
        rippleDisabled: boolean;
        rippleCentered: boolean;
    }>;
    TabItem: import("vue").DefineComponent<{
        transition: {
            type: StringConstructor;
            default: string;
        };
        reverseTransition: {
            type: StringConstructor;
            default: string;
        };
    }, {
        content: import("vue").Ref<HTMLElement>;
        isActive: import("vue").Ref<boolean>;
        computedTransition: import("vue").ComputedRef<string>;
        handleToggle: (_isActive: boolean, _reverse: boolean, showTransition: boolean) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        transition: {
            type: StringConstructor;
            default: string;
        };
        reverseTransition: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        transition: string;
        reverseTransition: string;
    }>;
};
export default IvueTabs;
export declare const IvueTab: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    rippleDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    rippleCentered: {
        type: BooleanConstructor;
        default: boolean;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
}, {
    prefixCls: string;
    tabName: import("vue").Ref<string | number>;
    wrapClasses: import("vue").ComputedRef<{
        [x: string]: boolean;
        "ivue-tabs-tab": boolean;
    }[]>;
    computedRipple: import("vue").ComputedRef<boolean | {
        center: boolean;
    }>;
    isActive: import("vue").ComputedRef<boolean>;
    handleChange: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    rippleDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    rippleCentered: {
        type: BooleanConstructor;
        default: boolean;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    name: string;
    disabled: boolean;
    rippleDisabled: boolean;
    rippleCentered: boolean;
}>>;
export declare const IvueTabItem: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
    transition: {
        type: StringConstructor;
        default: string;
    };
    reverseTransition: {
        type: StringConstructor;
        default: string;
    };
}, {
    content: import("vue").Ref<HTMLElement>;
    isActive: import("vue").Ref<boolean>;
    computedTransition: import("vue").ComputedRef<string>;
    handleToggle: (_isActive: boolean, _reverse: boolean, showTransition: boolean) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    transition: {
        type: StringConstructor;
        default: string;
    };
    reverseTransition: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    transition: string;
    reverseTransition: string;
}>>;
export * from './index.vue';
export * from './tab.vue';
export * from './item.vue';