///
import { PropType, CSSProperties, ComponentPublicInstance, nextTick } from 'vue';
import { VXScrollInst } from 'vueuc';
import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
import { Addable, OnClose, OnBeforeLeave, TabsType } from './interface';
import type { OnUpdateValue } from './interface';
declare const tabsProps: {
readonly value: PropType;
readonly defaultValue: PropType;
readonly type: {
readonly type: PropType;
readonly default: "bar";
};
readonly closable: BooleanConstructor;
readonly justifyContent: PropType<"space-around" | "space-between" | "space-evenly">;
readonly size: {
readonly type: PropType<"small" | "medium" | "large">;
readonly default: "medium";
};
readonly tabStyle: PropType;
readonly paneStyle: PropType;
readonly addable: PropType;
readonly tabsPadding: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly onBeforeLeave: PropType;
readonly onAdd: PropType<() => void>;
readonly 'onUpdate:value': PropType>;
readonly onUpdateValue: PropType>;
readonly onClose: PropType>;
readonly labelSize: PropType<"small" | "medium" | "large">;
readonly activeName: PropType;
readonly onActiveNameChange: PropType void>>;
readonly theme: PropType>;
readonly themeOverrides: PropType>>;
readonly builtinThemeOverrides: PropType>>;
};
export declare type TabsProps = ExtractPublicPropTypes;
declare const _default: import("vue").DefineComponent<{
readonly value: PropType;
readonly defaultValue: PropType;
readonly type: {
readonly type: PropType;
readonly default: "bar";
};
readonly closable: BooleanConstructor;
readonly justifyContent: PropType<"space-around" | "space-between" | "space-evenly">;
readonly size: {
readonly type: PropType<"small" | "medium" | "large">;
readonly default: "medium";
};
readonly tabStyle: PropType;
readonly paneStyle: PropType;
readonly addable: PropType;
readonly tabsPadding: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly onBeforeLeave: PropType;
readonly onAdd: PropType<() => void>;
readonly 'onUpdate:value': PropType>;
readonly onUpdateValue: PropType>;
readonly onClose: PropType>;
readonly labelSize: PropType<"small" | "medium" | "large">;
readonly activeName: PropType;
readonly onActiveNameChange: PropType void>>;
readonly theme: PropType>;
readonly themeOverrides: PropType>>;
readonly builtinThemeOverrides: PropType>>;
}, {
mergedClsPrefix: import("vue").ComputedRef;
mergedValue: import("vue").ComputedRef;
tabsElRef: import("vue").Ref;
barElRef: import("vue").Ref;
addTabInstRef: import("vue").Ref> | null>;
xScrollInstRef: import("vue").Ref<(VXScrollInst & {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase> | null;
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions | undefined): import("vue").WatchStopHandle;
} & import("vue").ShallowUnwrapRef<{}> & {} & {} & import("vue").ComponentCustomProperties) | null>;
scrollWrapperElRef: import("vue").Ref;
addTabFixed: import("vue").Ref;
tabWrapperStyle: import("vue").ComputedRef<{
display: string;
justifyContent: "space-around" | "space-between" | "space-evenly";
} | undefined>;
handleNavResize: import("lodash").DebouncedFunc<() => void>;
mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
handleScroll: import("lodash").DebouncedFunc<(e: Event) => void>;
handleTabsResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
cssVars: import("vue").ComputedRef<{
'--bezier': string;
'--color-segment': string;
'--bar-color': string;
'--tab-font-size': string;
'--tab-text-color': string;
'--tab-text-color-active': string;
'--tab-text-color-disabled': string;
'--tab-text-color-hover': string;
'--pane-text-color': string;
'--tab-border-color': string;
'--tab-border-radius': string;
'--close-color': string;
'--close-color-hover': string;
'--close-color-pressed': string;
'--tab-color': string;
'--tab-font-weight': string;
'--tab-font-weight-active': string;
'--tab-padding': string;
'--tab-gap': string;
'--pane-padding': string;
'--font-weight-strong': string;
'--tab-color-segment': string;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
readonly value?: unknown;
readonly defaultValue?: unknown;
readonly type?: unknown;
readonly closable?: unknown;
readonly justifyContent?: unknown;
readonly size?: unknown;
readonly tabStyle?: unknown;
readonly paneStyle?: unknown;
readonly addable?: unknown;
readonly tabsPadding?: unknown;
readonly onBeforeLeave?: unknown;
readonly onAdd?: unknown;
readonly 'onUpdate:value'?: unknown;
readonly onUpdateValue?: unknown;
readonly onClose?: unknown;
readonly labelSize?: unknown;
readonly activeName?: unknown;
readonly onActiveNameChange?: unknown;
readonly theme?: unknown;
readonly themeOverrides?: unknown;
readonly builtinThemeOverrides?: unknown;
} & {
type: TabsType;
size: "small" | "medium" | "large";
closable: boolean;
tabsPadding: number;
} & {
value?: string | number | undefined;
justifyContent?: "space-around" | "space-between" | "space-evenly" | undefined;
onBeforeLeave?: OnBeforeLeave | undefined;
theme?: import("../../_mixins").Theme<"Tabs", {
colorSegment: string;
tabFontSizeCard: string;
tabTextColorLine: string;
tabTextColorActiveLine: string;
tabTextColorHoverLine: string;
tabTextColorDisabledLine: string;
tabTextColorSegment: string;
tabTextColorActiveSegment: string;
tabTextColorHoverSegment: string;
tabTextColorDisabledSegment: string;
tabTextColorBar: string;
tabTextColorActiveBar: string;
tabTextColorHoverBar: string;
tabTextColorDisabledBar: string;
tabTextColorCard: string;
tabTextColorHoverCard: string;
tabTextColorActiveCard: string;
tabTextColorDisabledCard: string;
barColor: string;
closeColor: string;
closeColorHover: string;
closeColorPressed: string;
tabColor: string;
tabColorSegment: string;
tabBorderColor: string;
tabFontWeightActive: string;
tabFontWeight: string;
tabBorderRadius: string;
paneTextColor: string;
fontWeightStrong: string;
tabFontSizeSmall: string;
tabFontSizeMedium: string;
tabFontSizeLarge: string;
tabGapSmallLine: string;
tabGapMediumLine: string;
tabGapLargeLine: string;
tabPaddingSmallLine: string;
tabPaddingMediumLine: string;
tabPaddingLargeLine: string;
tabGapSmallBar: string;
tabGapMediumBar: string;
tabGapLargeBar: string;
tabPaddingSmallBar: string;
tabPaddingMediumBar: string;
tabPaddingLargeBar: string;
tabGapSmallCard: string;
tabGapMediumCard: string;
tabGapLargeCard: string;
tabPaddingSmallCard: string;
tabPaddingMediumCard: string;
tabPaddingLargeCard: string;
tabPaddingSmallSegment: string;
tabPaddingMediumSegment: string;
tabPaddingLargeSegment: string;
tabGapSmallSegment: string;
tabGapMediumSegment: string;
tabGapLargeSegment: string;
panePaddingSmall: string;
panePaddingMedium: string;
panePaddingLarge: string;
}, any> | undefined;
themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides> | undefined;
builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides> | undefined;
onClose?: MaybeArray | undefined;
defaultValue?: string | number | undefined;
"onUpdate:value"?: MaybeArray | undefined;
onUpdateValue?: MaybeArray | undefined;
addable?: Addable | undefined;
tabStyle?: string | CSSProperties | undefined;
paneStyle?: string | CSSProperties | undefined;
onAdd?: (() => void) | undefined;
labelSize?: "small" | "medium" | "large" | undefined;
activeName?: string | number | undefined;
onActiveNameChange?: MaybeArray<(value: never) => void> | undefined;
}>, {
type: TabsType;
size: "small" | "medium" | "large";
closable: boolean;
tabsPadding: number;
}>;
export default _default;