98 lines
2.7 KiB
JavaScript
98 lines
2.7 KiB
JavaScript
import { defineMixin } from '../../libs/vue'
|
||
import defProps from '../../libs/config/props.js'
|
||
export const props = defineMixin({
|
||
props: {
|
||
// 标题
|
||
title: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.title
|
||
},
|
||
// 标题的样式
|
||
titleStyle: {
|
||
type: [Object, String],
|
||
default: () => {
|
||
return defProps.collapseItem.titleStyle
|
||
}
|
||
},
|
||
// 标题右侧内容
|
||
value: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.value
|
||
},
|
||
// 标题下方的描述信息
|
||
label: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.label
|
||
},
|
||
// 是否禁用折叠面板
|
||
disabled: {
|
||
type: Boolean,
|
||
default: () => defProps.collapseItem.disabled
|
||
},
|
||
// 是否展示右侧箭头并开启点击反馈
|
||
isLink: {
|
||
type: Boolean,
|
||
default: () => defProps.collapseItem.isLink
|
||
},
|
||
// 是否开启点击反馈
|
||
clickable: {
|
||
type: Boolean,
|
||
default: () => defProps.collapseItem.clickable
|
||
},
|
||
// 是否显示内边框
|
||
border: {
|
||
type: Boolean,
|
||
default: () => defProps.collapseItem.border
|
||
},
|
||
// 标题的对齐方式
|
||
align: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.align
|
||
},
|
||
// 唯一标识符
|
||
name: {
|
||
type: [String, Number],
|
||
default: () => defProps.collapseItem.name
|
||
},
|
||
// 标题左侧图片，可为绝对路径的图片或内置图标
|
||
icon: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.icon
|
||
},
|
||
// 面板展开收起的过渡时间，单位ms
|
||
duration: {
|
||
type: Number,
|
||
default: () => defProps.collapseItem.duration
|
||
},
|
||
// 显示右侧图标
|
||
showRight: {
|
||
type: Boolean,
|
||
default: () => defProps.collapseItem.showRight
|
||
},
|
||
// 左侧图标样式
|
||
iconStyle: {
|
||
type: [Object, String],
|
||
default: () => {
|
||
return defProps.collapseItem.iconStyle
|
||
}
|
||
},
|
||
// 右侧箭头图标的样式
|
||
rightIconStyle: {
|
||
type: [Object, String],
|
||
default: () => {
|
||
return defProps.collapseItem.rightIconStyle
|
||
}
|
||
},
|
||
cellCustomStyle: {
|
||
type: [Object, String],
|
||
default: () => {
|
||
return defProps.collapseItem.cellCustomStyle
|
||
}
|
||
},
|
||
cellCustomClass: {
|
||
type: String,
|
||
default: () => defProps.collapseItem.cellCustomClass
|
||
}
|
||
}
|
||
})
|