1071 lines
42 KiB
TypeScript
1071 lines
42 KiB
TypeScript
import { type CSSProperties, type ComponentPublicInstance, type ExtractPropTypes, type PropType, nextTick } from 'vue';
|
|
import { type VXScrollInst } from 'vueuc';
|
|
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
|
|
import type { Addable, OnBeforeLeave, OnClose, OnUpdateValue, TabsType } from './interface';
|
|
export declare const tabsProps: {
|
|
readonly value: PropType<string | number>;
|
|
readonly defaultValue: PropType<string | number>;
|
|
readonly trigger: {
|
|
readonly type: PropType<"click" | "hover">;
|
|
readonly default: "click";
|
|
};
|
|
readonly type: {
|
|
readonly type: PropType<TabsType>;
|
|
readonly default: "bar";
|
|
};
|
|
readonly closable: BooleanConstructor;
|
|
readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
|
|
readonly size: {
|
|
readonly type: PropType<"small" | "medium" | "large">;
|
|
readonly default: "medium";
|
|
};
|
|
readonly placement: {
|
|
readonly type: PropType<"top" | "left" | "right" | "bottom">;
|
|
readonly default: "top";
|
|
};
|
|
readonly tabStyle: PropType<string | CSSProperties>;
|
|
readonly tabClass: StringConstructor;
|
|
readonly addTabStyle: PropType<string | CSSProperties>;
|
|
readonly addTabClass: StringConstructor;
|
|
readonly barWidth: NumberConstructor;
|
|
readonly paneClass: StringConstructor;
|
|
readonly paneStyle: PropType<string | CSSProperties>;
|
|
readonly paneWrapperClass: StringConstructor;
|
|
readonly paneWrapperStyle: PropType<string | CSSProperties>;
|
|
readonly addable: PropType<Addable>;
|
|
readonly tabsPadding: {
|
|
readonly type: NumberConstructor;
|
|
readonly default: 0;
|
|
};
|
|
readonly animated: BooleanConstructor;
|
|
readonly onBeforeLeave: PropType<OnBeforeLeave>;
|
|
readonly onAdd: PropType<() => void>;
|
|
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onClose: PropType<MaybeArray<OnClose>>;
|
|
readonly labelSize: PropType<"small" | "medium" | "large">;
|
|
readonly activeName: PropType<string | number>;
|
|
readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
|
|
readonly theme: PropType<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>;
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
};
|
|
export type TabsProps = ExtractPublicPropTypes<typeof tabsProps>;
|
|
declare const _default: import("vue").DefineComponent<{
|
|
readonly value: PropType<string | number>;
|
|
readonly defaultValue: PropType<string | number>;
|
|
readonly trigger: {
|
|
readonly type: PropType<"click" | "hover">;
|
|
readonly default: "click";
|
|
};
|
|
readonly type: {
|
|
readonly type: PropType<TabsType>;
|
|
readonly default: "bar";
|
|
};
|
|
readonly closable: BooleanConstructor;
|
|
readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
|
|
readonly size: {
|
|
readonly type: PropType<"small" | "medium" | "large">;
|
|
readonly default: "medium";
|
|
};
|
|
readonly placement: {
|
|
readonly type: PropType<"top" | "left" | "right" | "bottom">;
|
|
readonly default: "top";
|
|
};
|
|
readonly tabStyle: PropType<string | CSSProperties>;
|
|
readonly tabClass: StringConstructor;
|
|
readonly addTabStyle: PropType<string | CSSProperties>;
|
|
readonly addTabClass: StringConstructor;
|
|
readonly barWidth: NumberConstructor;
|
|
readonly paneClass: StringConstructor;
|
|
readonly paneStyle: PropType<string | CSSProperties>;
|
|
readonly paneWrapperClass: StringConstructor;
|
|
readonly paneWrapperStyle: PropType<string | CSSProperties>;
|
|
readonly addable: PropType<Addable>;
|
|
readonly tabsPadding: {
|
|
readonly type: NumberConstructor;
|
|
readonly default: 0;
|
|
};
|
|
readonly animated: BooleanConstructor;
|
|
readonly onBeforeLeave: PropType<OnBeforeLeave>;
|
|
readonly onAdd: PropType<() => void>;
|
|
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onClose: PropType<MaybeArray<OnClose>>;
|
|
readonly labelSize: PropType<"small" | "medium" | "large">;
|
|
readonly activeName: PropType<string | number>;
|
|
readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
|
|
readonly theme: PropType<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>;
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
}, {
|
|
syncBarPosition: () => void;
|
|
mergedClsPrefix: import("vue").Ref<string>;
|
|
mergedValue: import("vue").ComputedRef<string | number | null>;
|
|
renderedNames: Set<NonNullable<string | number>>;
|
|
segmentCapsuleElRef: import("vue").Ref<HTMLElement | null>;
|
|
tabsPaneWrapperRef: import("vue").Ref<HTMLElement | null>;
|
|
tabsElRef: import("vue").Ref<HTMLElement | null>;
|
|
barElRef: import("vue").Ref<HTMLElement | null>;
|
|
addTabInstRef: import("vue").Ref<ComponentPublicInstance | 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<any> | undefined;
|
|
}>;
|
|
$root: ComponentPublicInstance | null;
|
|
$parent: ComponentPublicInstance | null;
|
|
$emit: (event: string, ...args: any[]) => void;
|
|
$el: any;
|
|
$options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
|
|
beforeCreate?: (() => void) | (() => void)[];
|
|
created?: (() => void) | (() => void)[];
|
|
beforeMount?: (() => void) | (() => void)[];
|
|
mounted?: (() => void) | (() => void)[];
|
|
beforeUpdate?: (() => void) | (() => void)[];
|
|
updated?: (() => void) | (() => void)[];
|
|
activated?: (() => void) | (() => void)[];
|
|
deactivated?: (() => void) | (() => void)[];
|
|
beforeDestroy?: (() => void) | (() => void)[];
|
|
beforeUnmount?: (() => void) | (() => void)[];
|
|
destroyed?: (() => void) | (() => void)[];
|
|
unmounted?: (() => void) | (() => void)[];
|
|
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
};
|
|
$forceUpdate: () => void;
|
|
$nextTick: typeof nextTick;
|
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
|
|
scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;
|
|
addTabFixed: import("vue").Ref<boolean>;
|
|
tabWrapperStyle: import("vue").ComputedRef<{
|
|
display: string;
|
|
justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
|
|
} | undefined>;
|
|
handleNavResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
|
|
mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
|
|
handleScroll: import("lodash").DebouncedFuncLeading<(e: Event) => void>;
|
|
handleTabsResize: import("lodash").DebouncedFuncLeading<(entry: ResizeObserverEntry) => void>;
|
|
cssVars: import("vue").ComputedRef<{
|
|
'--n-bezier': string;
|
|
'--n-color-segment': string;
|
|
'--n-bar-color': string;
|
|
'--n-tab-font-size': string;
|
|
'--n-tab-text-color': string;
|
|
'--n-tab-text-color-active': string;
|
|
'--n-tab-text-color-disabled': string;
|
|
'--n-tab-text-color-hover': string;
|
|
'--n-pane-text-color': string;
|
|
'--n-tab-border-color': string;
|
|
'--n-tab-border-radius': string;
|
|
'--n-close-size': string;
|
|
'--n-close-icon-size': string;
|
|
'--n-close-color-hover': string;
|
|
'--n-close-color-pressed': string;
|
|
'--n-close-border-radius': string;
|
|
'--n-close-icon-color': string;
|
|
'--n-close-icon-color-hover': string;
|
|
'--n-close-icon-color-pressed': string;
|
|
'--n-tab-color': string;
|
|
'--n-tab-font-weight': string;
|
|
'--n-tab-font-weight-active': string;
|
|
'--n-tab-padding': string;
|
|
'--n-tab-padding-vertical': string;
|
|
'--n-tab-gap': string;
|
|
'--n-tab-gap-vertical': string;
|
|
'--n-pane-padding-left': string;
|
|
'--n-pane-padding-right': string;
|
|
'--n-pane-padding-top': string;
|
|
'--n-pane-padding-bottom': string;
|
|
'--n-font-weight-strong': string;
|
|
'--n-tab-color-segment': string;
|
|
}> | undefined;
|
|
themeClass: import("vue").Ref<string> | undefined;
|
|
animationDirection: import("vue").Ref<"next" | "prev">;
|
|
renderNameListRef: {
|
|
value: Array<string | number>;
|
|
};
|
|
yScrollElRef: import("vue").Ref<HTMLElement | null>;
|
|
handleSegmentResize: () => void;
|
|
onAnimationBeforeLeave: (el: HTMLElement) => void;
|
|
onAnimationEnter: (el: HTMLElement) => void;
|
|
onAnimationAfterEnter: () => void;
|
|
onRender: (() => void) | undefined;
|
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
readonly value: PropType<string | number>;
|
|
readonly defaultValue: PropType<string | number>;
|
|
readonly trigger: {
|
|
readonly type: PropType<"click" | "hover">;
|
|
readonly default: "click";
|
|
};
|
|
readonly type: {
|
|
readonly type: PropType<TabsType>;
|
|
readonly default: "bar";
|
|
};
|
|
readonly closable: BooleanConstructor;
|
|
readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
|
|
readonly size: {
|
|
readonly type: PropType<"small" | "medium" | "large">;
|
|
readonly default: "medium";
|
|
};
|
|
readonly placement: {
|
|
readonly type: PropType<"top" | "left" | "right" | "bottom">;
|
|
readonly default: "top";
|
|
};
|
|
readonly tabStyle: PropType<string | CSSProperties>;
|
|
readonly tabClass: StringConstructor;
|
|
readonly addTabStyle: PropType<string | CSSProperties>;
|
|
readonly addTabClass: StringConstructor;
|
|
readonly barWidth: NumberConstructor;
|
|
readonly paneClass: StringConstructor;
|
|
readonly paneStyle: PropType<string | CSSProperties>;
|
|
readonly paneWrapperClass: StringConstructor;
|
|
readonly paneWrapperStyle: PropType<string | CSSProperties>;
|
|
readonly addable: PropType<Addable>;
|
|
readonly tabsPadding: {
|
|
readonly type: NumberConstructor;
|
|
readonly default: 0;
|
|
};
|
|
readonly animated: BooleanConstructor;
|
|
readonly onBeforeLeave: PropType<OnBeforeLeave>;
|
|
readonly onAdd: PropType<() => void>;
|
|
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
|
|
readonly onClose: PropType<MaybeArray<OnClose>>;
|
|
readonly labelSize: PropType<"small" | "medium" | "large">;
|
|
readonly activeName: PropType<string | number>;
|
|
readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
|
|
readonly theme: PropType<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>;
|
|
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<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;
|
|
closeIconColor: string;
|
|
closeIconColorHover: string;
|
|
closeIconColorPressed: string;
|
|
closeColorHover: string;
|
|
closeColorPressed: string;
|
|
closeBorderRadius: 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;
|
|
tabGapSmallLineVertical: string;
|
|
tabGapMediumLineVertical: string;
|
|
tabGapLargeLineVertical: string;
|
|
tabPaddingSmallLine: string;
|
|
tabPaddingMediumLine: string;
|
|
tabPaddingLargeLine: string;
|
|
tabPaddingVerticalSmallLine: string;
|
|
tabPaddingVerticalMediumLine: string;
|
|
tabPaddingVerticalLargeLine: string;
|
|
tabGapSmallBar: string;
|
|
tabGapMediumBar: string;
|
|
tabGapLargeBar: string;
|
|
tabGapSmallBarVertical: string;
|
|
tabGapMediumBarVertical: string;
|
|
tabGapLargeBarVertical: string;
|
|
tabPaddingSmallBar: string;
|
|
tabPaddingMediumBar: string;
|
|
tabPaddingLargeBar: string;
|
|
tabPaddingVerticalSmallBar: string;
|
|
tabPaddingVerticalMediumBar: string;
|
|
tabPaddingVerticalLargeBar: string;
|
|
tabGapSmallCard: string;
|
|
tabGapMediumCard: string;
|
|
tabGapLargeCard: string;
|
|
tabGapSmallCardVertical: string;
|
|
tabGapMediumCardVertical: string;
|
|
tabGapLargeCardVertical: string;
|
|
tabPaddingSmallCard: string;
|
|
tabPaddingMediumCard: string;
|
|
tabPaddingLargeCard: string;
|
|
tabPaddingSmallSegment: string;
|
|
tabPaddingMediumSegment: string;
|
|
tabPaddingLargeSegment: string;
|
|
tabPaddingVerticalLargeSegment: string;
|
|
tabPaddingVerticalSmallCard: string;
|
|
tabPaddingVerticalMediumCard: string;
|
|
tabPaddingVerticalLargeCard: string;
|
|
tabPaddingVerticalSmallSegment: string;
|
|
tabPaddingVerticalMediumSegment: string;
|
|
tabGapSmallSegment: string;
|
|
tabGapMediumSegment: string;
|
|
tabGapLargeSegment: string;
|
|
tabGapSmallSegmentVertical: string;
|
|
tabGapMediumSegmentVertical: string;
|
|
tabGapLargeSegmentVertical: string;
|
|
panePaddingSmall: string;
|
|
panePaddingMedium: string;
|
|
panePaddingLarge: string;
|
|
closeSize: string;
|
|
closeIconSize: string;
|
|
}, any>>>;
|
|
}>>, {
|
|
readonly type: TabsType;
|
|
readonly size: "small" | "medium" | "large";
|
|
readonly closable: boolean;
|
|
readonly placement: "left" | "right" | "top" | "bottom";
|
|
readonly trigger: "click" | "hover";
|
|
readonly animated: boolean;
|
|
readonly tabsPadding: number;
|
|
}, {}>;
|
|
export default _default;
|