import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
    props: {
        // 滑块的移动过渡时间，单位ms
        duration: {
            type: Number,
            default: () => defProps.tabs.duration
        },
        // tabs标签数组
        list: {
            type: Array,
            default: () => defProps.tabs.list
        },
        // 滑块颜色
        lineColor: {
            type: String,
            default: () => defProps.tabs.lineColor
        },
        // 菜单选择中时的样式
        activeStyle: {
            type: [String, Object],
            default: () => defProps.tabs.activeStyle
        },
        // 菜单非选中时的样式
        inactiveStyle: {
            type: [String, Object],
            default: () => defProps.tabs.inactiveStyle
        },
        // 滑块长度
        lineWidth: {
            type: [String, Number],
            default: () => defProps.tabs.lineWidth
        },
        // 滑块高度
        lineHeight: {
            type: [String, Number],
            default: () => defProps.tabs.lineHeight
        },
        // 滑块背景显示大小，当滑块背景设置为图片时使用
        lineBgSize: {
            type: String,
            default: () => defProps.tabs.lineBgSize
        },
        // 菜单item的样式
        itemStyle: {
            type: [String, Object],
            default: () => defProps.tabs.itemStyle
        },
        // 菜单是否可滚动
        scrollable: {
            type: Boolean,
            default: () => defProps.tabs.scrollable
        },
		// 当前选中标签的索引
		current: {
			type: [Number, String],
			default: () => defProps.tabs.current
		},
		// 默认读取的键名
		keyName: {
			type: String,
			default: () => defProps.tabs.keyName
		},
        // 左侧图标样式
        iconStyle: {
            type: [String, Object],
            default: () => defProps.tabs.iconStyle
        }
    }
})
