props.js 2.7 KB

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