Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 

101 linhas
2.9 KiB

  1. import { defineMixin } from '../../libs/vue'
  2. import CollapseItemDefaultProps from './collapseItem'
  3. import { registerComponentProps } from '../../libs/config/props.js'
  4. const defProps = registerComponentProps(CollapseItemDefaultProps)
  5. export const props = defineMixin({
  6. props: {
  7. // 标题
  8. title: {
  9. type: String,
  10. default: () => defProps.collapseItem.title
  11. },
  12. // 标题的样式
  13. titleStyle: {
  14. type: [Object, String],
  15. default: () => {
  16. return defProps.collapseItem.titleStyle
  17. }
  18. },
  19. // 标题右侧内容
  20. value: {
  21. type: String,
  22. default: () => defProps.collapseItem.value
  23. },
  24. // 标题下方的描述信息
  25. label: {
  26. type: String,
  27. default: () => defProps.collapseItem.label
  28. },
  29. // 是否禁用折叠面板
  30. disabled: {
  31. type: Boolean,
  32. default: () => defProps.collapseItem.disabled
  33. },
  34. // 是否展示右侧箭头并开启点击反馈
  35. isLink: {
  36. type: Boolean,
  37. default: () => defProps.collapseItem.isLink
  38. },
  39. // 是否开启点击反馈
  40. clickable: {
  41. type: Boolean,
  42. default: () => defProps.collapseItem.clickable
  43. },
  44. // 是否显示内边框
  45. border: {
  46. type: Boolean,
  47. default: () => defProps.collapseItem.border
  48. },
  49. // 标题的对齐方式
  50. align: {
  51. type: String,
  52. default: () => defProps.collapseItem.align
  53. },
  54. // 唯一标识符
  55. name: {
  56. type: [String, Number],
  57. default: () => defProps.collapseItem.name
  58. },
  59. // 标题左侧图片,可为绝对路径的图片或内置图标
  60. icon: {
  61. type: String,
  62. default: () => defProps.collapseItem.icon
  63. },
  64. // 面板展开收起的过渡时间,单位ms
  65. duration: {
  66. type: Number,
  67. default: () => defProps.collapseItem.duration
  68. },
  69. // 显示右侧图标
  70. showRight: {
  71. type: Boolean,
  72. default: () => defProps.collapseItem.showRight
  73. },
  74. // 左侧图标样式
  75. iconStyle: {
  76. type: [Object, String],
  77. default: () => {
  78. return defProps.collapseItem.iconStyle
  79. }
  80. },
  81. // 右侧箭头图标的样式
  82. rightIconStyle: {
  83. type: [Object, String],
  84. default: () => {
  85. return defProps.collapseItem.rightIconStyle
  86. }
  87. },
  88. cellCustomStyle: {
  89. type: [Object, String],
  90. default: () => {
  91. return defProps.collapseItem.cellCustomStyle
  92. }
  93. },
  94. cellCustomClass: {
  95. type: String,
  96. default: () => defProps.collapseItem.cellCustomClass
  97. }
  98. }
  99. })