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

A high quality UI components Library with Vue.js

declare const _sfc_main: import("vue").DefineComponent<{
    /**
     * 当前激活 tab 面板的 name，可以使用 v-model 双向绑定数据
     *
     * @type {String,Number}
     */
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    /**
     * 导航内容居中
     *
     * @type {Boolean}
     */
    centered: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 导航内容向右
     *
     * @type {Boolean}
     */
    right: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否显示导航栏箭头
     *
     * @type {Boolean}
     */
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 左边按钮
     *
     * @type {String}
     */
    prevIcon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 右边按钮
     *
     * @type {String}
     */
    nextIcon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 固定宽度标签
     *
     * @type {Boolean}
     */
    fixedWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 自动适应宽度标签
     *
     * @type {Boolean}
     */
    autoWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 导航高度
     *
     * @type {String,Number}
     */
    height: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 滑动条颜色
     *
     * @type {String}
     */
    sliderColor: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 滑动条隐藏
     *
     * @type {Boolean}
     */
    hideSlider: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 调整显示箭头时设置的前后滚动的间距
     *
     * @type {Number | String}
     */
    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<{
    /**
     * 当前激活 tab 面板的 name，可以使用 v-model 双向绑定数据
     *
     * @type {String,Number}
     */
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    /**
     * 导航内容居中
     *
     * @type {Boolean}
     */
    centered: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 导航内容向右
     *
     * @type {Boolean}
     */
    right: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否显示导航栏箭头
     *
     * @type {Boolean}
     */
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 左边按钮
     *
     * @type {String}
     */
    prevIcon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 右边按钮
     *
     * @type {String}
     */
    nextIcon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 固定宽度标签
     *
     * @type {Boolean}
     */
    fixedWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 自动适应宽度标签
     *
     * @type {Boolean}
     */
    autoWidth: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 导航高度
     *
     * @type {String,Number}
     */
    height: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 滑动条颜色
     *
     * @type {String}
     */
    sliderColor: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 滑动条隐藏
     *
     * @type {Boolean}
     */
    hideSlider: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 调整显示箭头时设置的前后滚动的间距
     *
     * @type {Number | String}
     */
    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;
}>;
export default _sfc_main;