1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- 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
- }
- }
- })
|