@opentiny/vue-renderless 3.13.1 → 3.14.0

package/types/rate.type.d.ts

@@ -1,2 +1,237 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
-export { }
+declare const $constants: {
+    RATENODECLS: string;
+    ICON_PREFIXCLS: string;
+    DECIMALCLS: string;
+};
+declare const rateProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            RATENODECLS: string;
+            ICON_PREFIXCLS: string;
+            DECIMALCLS: string;
+        };
+    };
+    allowHalf: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colors: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledVoidIconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    highThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    iconClasses: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    lowThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scoreTemplate: {
+        type: StringConstructor;
+        default: string;
+    };
+    showScore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    space: {
+        type: StringConstructor;
+        default: string;
+    };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    textOnBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    texts: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    voidIconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const computedActiveColor: (props: IRateProps) => (state: IRateState) => string;
+declare const computedActiveClass: (props: IRateProps) => (state: IRateState) => string;
+declare const getTextStyle: ({ props, state }: {
+    props: any;
+    state: any;
+}) => () => {
+    color: any;
+};
+declare const handelKey: ({ emit, props, state }: {
+    emit: any;
+    props: any;
+    state: any;
+}) => (event: any) => void;
+declare const selectValue: ({ emit, props, state }: {
+    emit: any;
+    props: any;
+    state: any;
+}) => (value: any) => void;
+declare const setCurrentValue: ({ constants: { RATENODECLS, DECIMALCLS, ICON_PREFIXCLS }, props, state, parent, api }: {
+    constants: {
+        RATENODECLS: any;
+        DECIMALCLS: any;
+        ICON_PREFIXCLS: any;
+    };
+    props: any;
+    state: any;
+    parent: any;
+    api: any;
+}) => ({ event, item }: {
+    event: any;
+    item: any;
+}) => void;
+declare const resetCurrentValue: ({ props, state }: {
+    props: any;
+    state: any;
+}) => () => void;
+declare const showDecimalIcon: ({ props, state }: {
+    props: any;
+    state: any;
+}) => (item: any) => any;
+declare const getIconStyle: ({ api, props, state }: {
+    api: any;
+    props: any;
+    state: any;
+}) => (item: any) => {
+    fill: any;
+    'font-size': any;
+};
+declare const computedText: ({ props, state }: Pick<IRateRenderlessParams, 'props' | 'state'>) => string;
+declare const computedDecimalStyle: ({ props, state }: Pick<IRateRenderlessParams, 'props' | 'state'>) => {
+    fill: string;
+    width: string;
+    clip: string;
+    clipPath: string;
+    fontSize: string;
+};
+declare const computedClasses: ({ props, state }: Pick<IRateRenderlessParams, 'props' | 'state'>) => string[];
+declare const computedClassMap: (props: IRateProps) => {
+    lowClass: unknown;
+    mediumClass: unknown;
+    highClass: unknown;
+    voidClass: string;
+    disabledVoidClass: string;
+};
+declare const computedColorMap: (props: IRateProps) => {
+    lowColor: unknown;
+    mediumColor: unknown;
+    highColor: unknown;
+    voidColor: string;
+    disabledVoidColor: string;
+};
+declare const computedVoidClass: ({ props, state }: Pick<IRateRenderlessParams, 'props' | 'state'>) => string;
+
+interface IRateState {
+    pointerAtLeftHalf: boolean;
+    colorMap: ReturnType<typeof computedColorMap>;
+    classMap: ReturnType<typeof computedClassMap>;
+    text: ReturnType<typeof computedText>;
+    activeClass: string;
+    activeColor: string;
+    classes: ReturnType<typeof computedClasses>;
+    decimalIconClass: string;
+    voidClass: ReturnType<typeof computedVoidClass>;
+    decimalStyle: ReturnType<typeof computedDecimalStyle>;
+    hoverIndex: number;
+    currentValue: number;
+    mouseTarget: null | HTMLElement;
+}
+type IRateProps = ExtractPropTypes<typeof rateProps>;
+type IRateConstants = typeof $constants;
+type IRateRenderlessParams = ISharedRenderlessFunctionParams<IRateConstants> & {
+    api: IRateApi;
+    state: IRateState;
+    props: IRateProps;
+};
+interface IRateApi {
+    state: IRateState;
+    computedText: typeof computedText;
+    computedClasses: typeof computedClasses;
+    computedClassMap: typeof computedClassMap;
+    computedColorMap: typeof computedColorMap;
+    computedVoidClass: typeof computedVoidClass;
+    computedDecimalStyle: typeof computedDecimalStyle;
+    getTextStyle: ReturnType<typeof getTextStyle>;
+    handelKey: ReturnType<typeof handelKey>;
+    computedActiveColor: ReturnType<typeof computedActiveColor>;
+    computedActiveClass: ReturnType<typeof computedActiveClass>;
+    showDecimalIcon: ReturnType<typeof showDecimalIcon>;
+    getIconStyle: ReturnType<typeof getIconStyle>;
+    selectValue: ReturnType<typeof selectValue>;
+    resetCurrentValue: ReturnType<typeof resetCurrentValue>;
+    setCurrentValue: ReturnType<typeof setCurrentValue>;
+}
+type IRateRenderlessParamUtils = ISharedRenderlessParamUtils<IRateConstants>;
+
+export { IRateApi, IRateConstants, IRateProps, IRateRenderlessParamUtils, IRateRenderlessParams, IRateState };

package/types/search.type.d.ts

@@ -1,6 +1,91 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
+declare const searchProps: {
+    mini: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    big: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: () => any;
+    };
+    /**
+     * 设置为透明模式，配置为true时，边框变为透明且收缩后半透明显示，一般用在带有背景的场景
+     */
+    transparent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 搜索的类型选项，格式为[{text:'文档',value:1},...]，不配置时类型选择固定显示为All
+     */
+    searchTypes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * 设置搜索输入框内的提示占位文本
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 配置搜索输入框enter键,enter按下触发搜索
+     */
+    isEnterSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 配置主题色，primary:蓝 gray:灰
+     */
+    themeType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    showButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    changeBgColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    typeValue: ObjectConstructor;
+    suffixIcon: (StringConstructor | ObjectConstructor)[];
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[]; /**
+     * 搜索的类型选项，格式为[{text:'文档',value:1},...]，不配置时类型选择固定显示为All
+     */
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
 interface ISearchState {
     show: boolean;
     focus: boolean;
@@ -10,8 +95,10 @@ interface ISearchState {
     searchValue: object;
     types: string[];
     showClear: boolean;
+    formItemSize: string;
+    searchSize: string;
 }
-type ISearchProps = ExtractPropTypes<typeof ISearchProps>;
+type ISearchProps = ExtractPropTypes<typeof searchProps>;
 type ISearchRenderlessParams = ISharedRenderlessFunctionParams<never> & {
     state: ISearchState;
     props: ISearchProps;

package/types/shared.type.d.ts

@@ -112,7 +112,7 @@ interface ISharedRenderlessParamUtils<CT = never> {
     mergeClass: (...cssClasses: any[]) => string;
 }
 /** vue.ts的一个混合上下文，也是index.ts 文件中二层函数的入参混合体。 */
-type ISharedRenderlessFunctionParams<CT> = {
+type ISharedRenderlessFunctionParams<CT = null> = {
     api: object;
     props: object;
     state: object;

package/types/skeleton-item.type.d.ts

@@ -0,0 +1,38 @@
+import { ExtractPropTypes } from 'vue';
+import { PropType } from '@opentiny/vue-common';
+
+type VariantType = 'image' | 'circle' | 'square';
+type SizeType = 'large' | 'medium' | 'small';
+declare const $constants: {};
+declare const skeletonItemProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    modelValue: StringConstructor;
+    variant: {
+        type: PropType<VariantType>;
+        default: string;
+    };
+    size: {
+        type: PropType<SizeType>;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+type ISkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>;
+type ISkeletonItemConstants = typeof $constants;
+interface ISkeletonItemState {
+    isActive: boolean;
+}
+interface ISkeletonItemApi {
+    state: ISkeletonItemState;
+}
+
+export { ISkeletonItemApi, ISkeletonItemConstants, ISkeletonItemProps, ISkeletonItemState };

package/types/skeleton.type.d.ts

@@ -0,0 +1,45 @@
+import { ExtractPropTypes } from 'vue';
+import { PropType } from '@opentiny/vue-common';
+
+declare const $constants: {};
+declare const skeletonProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    modelValue: StringConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    avatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowsWidth: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+type ISkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+type ISkeletonConstants = typeof $constants;
+interface ISkeletonApi {
+    toPxStyle: (value: string | number) => string | undefined;
+}
+
+export { ISkeletonApi, ISkeletonConstants, ISkeletonProps };

package/types/slider.type.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, ComputedRef } from 'vue';
+import { PropType, ExtractPropTypes, CSSProperties, ComputedRef } from 'vue';
 import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
 declare const $constants: {
@@ -9,6 +9,7 @@ declare const $constants: {
     PC_SLIDER_CLS: string;
     PC_RANGE_CLS: string;
     PC_BUTTON_CLS: string;
+    PC_LABEL_CLS: string;
     PC_LEFT_SVG_CLS: string;
     PC_RIGHT_SVG_CLS: string;
     MOBILE_TIP_CLS: string;
@@ -40,6 +41,7 @@ declare const sliderProps: {
             PC_SLIDER_CLS: string;
             PC_RANGE_CLS: string;
             PC_BUTTON_CLS: string;
+            PC_LABEL_CLS: string;
             PC_LEFT_SVG_CLS: string;
             PC_RIGHT_SVG_CLS: string;
             MOBILE_TIP_CLS: string;
@@ -118,6 +120,13 @@ declare const sliderProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    changeCompat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    marks: {
+        type: PropType<Record<number, string>>;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -126,15 +135,41 @@ declare const sliderProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const getActiveButtonValue: (state: ISliderRenderlessParams['state']) => () => number | number[];
+interface IMarkListItem {
+    value: number;
+    label: string;
+    percent: number;
+    positionStyle: {
+        [key: string]: string;
+    };
+}
+declare const getMarkList: ({ props }: Pick<ISliderRenderlessParams, 'props'>) => () => IMarkListItem[];
+declare const handleSlotInputFocus: (state: ISliderRenderlessParams['state']) => () => void;
+declare const handleSlotInputBlur: ({ state, api }: Pick<ISliderRenderlessParams, 'api' | 'state'>) => () => void;
+declare const updateSlotValue: ({ state }: Pick<ISliderRenderlessParams, 'state'>) => () => void;
+declare const handleSlotInput: ({ state, api }: Pick<ISliderRenderlessParams, 'api' | 'state'>) => (event: Event, isLeftInput?: boolean) => void;
+
 type ISliderProps = ExtractPropTypes<typeof sliderProps>;
 type ISliderConstants = typeof $constants;
 interface ISliderState {
     tipStyle: object;
-    barStyle: object;
+    barStyle: CSSProperties;
     moveStyle: object;
     points: object[];
     labels: object[];
-    isInit: boolean;
     isDrag: boolean;
     sliderSize: number;
     inputValue: [number, number];
@@ -156,11 +191,12 @@ interface ISliderState {
     rangeDiff: ComputedRef<number>;
     tipValue: ComputedRef<string>;
     formDisabled: ComputedRef<boolean>;
-    disabled: ComputedRef<boolean>;
+    disabled: boolean;
     /** 使用这个值作为插槽中输入的值，而不是直接用activeValue，来实现在输入时不会被max min属性计算而改变 */
-    slotValue: number;
+    slotValue: number | number[] | string;
     /** 是否正在输入 */
     isSlotTyping: boolean;
+    markList: ReturnType<ISliderApi['getMarkList']>;
 }
 interface ISliderApi {
     state: ISliderState;
@@ -171,7 +207,7 @@ interface ISliderApi {
     bindResize: () => void;
     setButtonStyle: () => void;
     calculateValue: (event: Event) => number;
-    getActiveButtonValue: () => number;
+    getActiveButtonValue: ReturnType<typeof getActiveButtonValue>;
     getActiveButtonIndex: (event: Event) => number;
     setTipStyle: () => void;
     customAfterAppearHook: () => void;
@@ -185,15 +221,18 @@ interface ISliderApi {
     bindMouseMove: () => void;
     bindMouseDown: () => void;
     setActiveButtonValue: (currentValue: number) => void;
-    initSlider: (inputValue: number | [number, number]) => void;
+    initSlider: (inputValue: number | number[]) => void;
     watchModelValue: () => void;
     watchActiveValue: () => void;
     getPoints: () => void;
     getLabels: () => void;
     inputValueChange: () => void;
-    handleSlotInputFocus: () => void;
-    handleSlotInputBlur: () => void;
-    handleSlotInput: (event: Event) => void;
+    inputOnChange: () => void;
+    handleSlotInputFocus: ReturnType<typeof handleSlotInputFocus>;
+    handleSlotInputBlur: ReturnType<typeof handleSlotInputBlur>;
+    handleSlotInput: ReturnType<typeof handleSlotInput>;
+    getMarkList: ReturnType<typeof getMarkList>;
+    updateSlotValue: ReturnType<typeof updateSlotValue>;
 }
 type ISliderRenderlessParams = ISharedRenderlessFunctionParams<ISliderConstants> & {
     state: ISliderState;

package/types/steps.type.d.ts

@@ -14,7 +14,7 @@ declare const stepsProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ObjectConstructor | ArrayConstructor)[];
+    data: (ArrayConstructor | ObjectConstructor)[];
     space: (StringConstructor | NumberConstructor)[];
     active: {
         type: NumberConstructor;
@@ -55,6 +55,12 @@ declare const stepsProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
+declare const updateStartIndex: ({ state, props }: Pick<IStepsRenderlessParams, 'state' | 'props'>) => () => void;
+declare const isVisibleHandler: ({ state, props }: Pick<IStepsRenderlessParams, 'state' | 'props'>) => (index: number) => IStepsVisibleConfig;
+declare const computedRightNodePos: ({ state, props }: Pick<IStepsRenderlessParams, 'state' | 'props'>) => () => IStepsNodePosConfig[];
+declare const handleMouseenter: ({ state, vm }: Pick<IStepsRenderlessParams, 'state' | 'vm'>) => (e: MouseEvent, placement: string) => void;
+declare const handleMouseleave: (state: IStepsRenderlessParams['state']) => () => void;
+
 type IStepsProps = ExtractPropTypes<typeof stepsProps>;
 type IStepsRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
 interface IStepsState {
@@ -62,12 +68,17 @@ interface IStepsState {
     endIndex: number;
     rightNodePositions: IStepsNodePosConfig[];
     computedSpace: number | string;
+    popoverVisible: boolean;
+    popoverContent: string | null;
+    popoverPlacement: string;
 }
 interface IStepsApi {
     state: IStepsState;
-    updateStartIndex: () => void;
-    isVisibleHandler: (index: number) => IStepsVisibleConfig;
-    computedRightNodePos: () => IStepsNodePosConfig[];
+    updateStartIndex: ReturnType<typeof updateStartIndex>;
+    isVisibleHandler: ReturnType<typeof isVisibleHandler>;
+    handleMouseenter: ReturnType<typeof handleMouseenter>;
+    handleMouseleave: ReturnType<typeof handleMouseleave>;
+    computedRightNodePos: ReturnType<typeof computedRightNodePos>;
 }
 type IStepsRenderlessParams = ISharedRenderlessFunctionParams<never> & {
     props: IStepsProps;

package/types/switch.type.d.ts

@@ -30,7 +30,7 @@ declare const switchProps: {
     };
     falseColor: StringConstructor;
     falseValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     mini: {
@@ -38,7 +38,7 @@ declare const switchProps: {
         default: boolean;
     };
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     size: (StringConstructor | NumberConstructor)[];
@@ -48,7 +48,7 @@ declare const switchProps: {
     };
     trueColor: StringConstructor;
     trueValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     beforeChange: FunctionConstructor;

package/types/tab-bar.type.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { ITabsVm } from './tabs.type.js';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { t as tabBarProps } from './index-e0250f63.js';
+import { t as tabBarProps } from './index-b012f687.js';
 
 /**
  * Copyright (c) 2022 - present TinyVue Authors.

package/types/tab-nav.type.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { ITabsProps, ITabsVm } from './tabs.type.js';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { a as tabNavPcProps } from './index-e0250f63.js';
+import { a as tabNavPcProps } from './index-b012f687.js';
 
 /**
  * Copyright (c) 2022 - present TinyVue Authors.
@@ -17,6 +17,7 @@ import { a as tabNavPcProps } from './index-e0250f63.js';
 
 declare const computedNavStyle: (state: ITabNavRenderlessParams['state']) => {
     transform: string;
+    width?: string;
 };
 declare const scrollIntoView: ({ parent, vm, state }: Pick<ITabNavRenderlessParams, 'parent' | 'vm' | 'state'>) => () => void;
 declare const computedSizeName: (state: ITabNavRenderlessParams['state']) => 'width' | 'height';
@@ -46,6 +47,10 @@ type ITabNavProps = {
 } & ExtractPropTypes<typeof tabNavPcProps> & ITabsProps;
 interface ITabNavStyle {
 }
+interface ITabLineStyle {
+    width: number;
+    offset: number;
+}
 interface ITabNavScrollable {
     prev: number;
     next: boolean;
@@ -53,7 +58,7 @@ interface ITabNavScrollable {
 interface ITabNavState {
     dragging: boolean;
     navOffset: number;
-    lineOffset: number;
+    lineStyle: ITabLineStyle;
     scrollable: boolean | ITabNavScrollable;
     isFocus: boolean;
     focusable: boolean;