|
- import { defineMixin } from '../../libs/vue'
- import TabsDefaultProps from './tabs'
- import { registerComponentProps } from '../../libs/config/props.js'
-
- const defProps = registerComponentProps(TabsDefaultProps)
- 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
- },
- // 形态模式,可选:capsule/card/pill-arrow/tag
- shapeMode: {
- type: String,
- default: () => defProps.tabs.shapeMode
- }
- }
- })
|