@opensig/opendesign
Version:
170 lines (169 loc) • 3.56 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const TabVariantTypes = ["solid", "text", "button"];
const tabProps = {
/**
* @zh-CN 选中页签值 v-model
* @en-US Selected tab value v-model
*/
modelValue: {
type: [String, Number],
default: void 0
},
/**
* @zh-CN 页签类型
* @en-US Tab variant
* @default 'text'
* @since 1.2.0 新增button模式
*/
variant: {
type: String,
default: "text"
},
/**
* @zh-CN 页签尺寸
* @en-US Tab size
*/
size: {
type: String
},
/**
* @zh-CN 圆角值(仅button模式可用)
* @en-US Border radius(Only available in button mode)
* @since 1.2.0
*/
round: {
type: String
},
/**
* @zh-CN 是否首次激活后再渲染
* @en-US Whether to render the tab content after the first activation
*/
lazy: {
type: Boolean
},
/**
* @zh-CN 是否可添加页签
* @en-US Whether tabs can be added
*/
addable: {
type: Boolean
},
/**
* @zh-CN 是否激活新添加的页签
* @en-US Whether to activate the newly added tab
*/
addInactive: {
type: Boolean
},
/**
* @zh-CN 最大展示个数,超过时使用“更多”展示
* @en-US Max display count; show via Show more when exceeded.
* @since 1.2.0
*/
maxShow: {
type: Number
},
/**
* @zh-CN 超出个数隐藏时按钮的文案,默认“更多”
* @en-US The button text when items are hidden for exceeding the maximum count, with the default value of “more”.
* @since 1.2.0
*/
moreLabel: {
type: String
},
/**
* @zh-CN 是否展示nav线(button模式不可用)
* @en-US Whether to show the nav line(Unavailable in button mode)
* @default true
* @since 1.2.0
*/
line: {
type: Boolean,
default: true
},
/**
* @zh-CN 是否是反色模式的button
* @en-US Whether inverse mode button
* @default false
* @since 1.2.0
*/
buttonInverse: {
type: Boolean,
default: false
},
/**
* @zh-CN 头部自定义样式类名
* @en-US Header custom style class name
* @since 1.2.0
*/
headerClass: {
type: [String, Array, Object]
}
};
const tabPaneProps = {
/**
* @zh-CN 页签值
* @en-US Tab value
*/
value: {
type: [String, Number],
default: void 0
},
/**
* @zh-CN 页签标题
* @en-US Tab title
*/
label: {
type: String,
default: void 0
},
/**
* @zh-CN 页签切换时过渡动画
* @en-US Transition animation for tab switching
* @default 'o-fade-in'
*/
transition: {
type: String,
default: "o-fade-in"
},
/**
* @zh-CN 是否禁用选中该页签
* @en-US Whether to disable selecting this tab
* @default false
*/
disabled: {
type: Boolean,
default: false
},
/**
* @zh-CN 是否可以删除该页签
* @en-US Whether the tab can be deleted
* @default false
*/
closable: {
type: Boolean,
default: false
},
/**
* @zh-CN 是否在首次激活时才渲染页签内容
* @en-US Whether to render the tab content only when the tab is first activated
* @default false
*/
lazy: {
type: Boolean,
default: false
},
/**
* @zh-CN 是否在隐藏时卸载页签内容
* @en-US Whether to unmount the tab content when hidden
* @default false
*/
unmountOnHide: {
type: Boolean,
default: false
}
};
exports.TabVariantTypes = TabVariantTypes;
exports.tabPaneProps = tabPaneProps;
exports.tabProps = tabProps;