props.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. value: {
  12. type: String,
  13. default: () => defProps.collapseItem.value
  14. },
  15. // 标题下方的描述信息
  16. label: {
  17. type: String,
  18. default: () => defProps.collapseItem.label
  19. },
  20. // 是否禁用折叠面板
  21. disabled: {
  22. type: Boolean,
  23. default: () => defProps.collapseItem.disabled
  24. },
  25. // 是否展示右侧箭头并开启点击反馈
  26. isLink: {
  27. type: Boolean,
  28. default: () => defProps.collapseItem.isLink
  29. },
  30. // 是否开启点击反馈
  31. clickable: {
  32. type: Boolean,
  33. default: () => defProps.collapseItem.clickable
  34. },
  35. // 是否显示内边框
  36. border: {
  37. type: Boolean,
  38. default: () => defProps.collapseItem.border
  39. },
  40. // 标题的对齐方式
  41. align: {
  42. type: String,
  43. default: () => defProps.collapseItem.align
  44. },
  45. // 唯一标识符
  46. name: {
  47. type: [String, Number],
  48. default: () => defProps.collapseItem.name
  49. },
  50. // 标题左侧图片,可为绝对路径的图片或内置图标
  51. icon: {
  52. type: String,
  53. default: () => defProps.collapseItem.icon
  54. },
  55. // 面板展开收起的过渡时间,单位ms
  56. duration: {
  57. type: Number,
  58. default: () => defProps.collapseItem.duration
  59. },
  60. // 显示右侧图标
  61. showRight: {
  62. type: Boolean,
  63. default: () => defProps.collapseItem.showRight
  64. },
  65. }
  66. })