|
- import {defineMixin} from '../../libs/vue'
- import SubsectionDefaultProps from './subsection'
- import { registerComponentProps } from '../../libs/config/props.js'
-
- const defProps = registerComponentProps(SubsectionDefaultProps)
- export const props = defineMixin({
- props: {
- // tab的数据
- list: {
- type: Array,
- default: () => defProps.subsection.list
- },
- // 当前活动的tab的index
- current: {
- type: [String, Number],
- default: () => defProps.subsection.current
- },
- // 激活的颜色
- activeColor: {
- type: String,
- default: () => defProps.subsection.activeColor
- },
- // 未激活的颜色
- inactiveColor: {
- type: String,
- default: () => defProps.subsection.inactiveColor
- },
- // 模式选择,mode=button为按钮形式,mode=subsection时为分段模式
- mode: {
- type: String,
- default: () => defProps.subsection.mode
- },
- // 字体大小
- fontSize: {
- type: [String, Number],
- default: () => defProps.subsection.fontSize
- },
- // 激活tab的字体是否加粗
- bold: {
- type: Boolean,
- default: () => defProps.subsection.bold
- },
- // mode = button时,组件背景颜色
- bgColor: {
- type: String,
- default: () => defProps.subsection.bgColor
- },
- // 从list元素对象中读取的键名
- keyName: {
- type: String,
- default: () => defProps.subsection.keyName
- },
- // 从`list`元素对象中读取激活时的颜色 如果存在字段 优先级大于 activeColor
- activeColorKeyName: {
- type: String,
- default: () => defProps.subsection.activeColorKeyName
- },
- // 从`list`元素对象中读取未激活时的颜色 如果存在字段 优先级大于 inactiveColor
- inactiveColorKeyName: {
- type: String,
- default: () => defProps.subsection.inactiveColorKeyName
- },
- // 是否禁用
- disabled: {
- type: Boolean,
- default: () => defProps.subsection.disabled
- }
- }
- })
|