props.js
2.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
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
}
}
})