props.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. // 菜单标题和选项的激活态颜色
  6. activeColor: {
  7. type: String,
  8. default: '#2979ff'
  9. },
  10. // 菜单标题和选项的未激活态颜色
  11. inactiveColor: {
  12. type: String,
  13. default: '#606266'
  14. },
  15. // 点击遮罩是否关闭菜单
  16. closeOnClickMask: {
  17. type: Boolean,
  18. default: true
  19. },
  20. // 点击当前激活项标题是否关闭菜单
  21. closeOnClickSelf: {
  22. type: Boolean,
  23. default: true
  24. },
  25. // 过渡时间
  26. duration: {
  27. type: [Number, String],
  28. default: 300
  29. },
  30. // 标题菜单的高度
  31. height: {
  32. type: [Number, String],
  33. default: 40
  34. },
  35. // 是否显示下边框
  36. borderBottom: {
  37. type: Boolean,
  38. default: false
  39. },
  40. // 标题的字体大小
  41. titleSize: {
  42. type: [Number, String],
  43. default: 14
  44. },
  45. // 下拉出来的内容部分的圆角值
  46. borderRadius: {
  47. type: [Number, String],
  48. default: 0
  49. },
  50. // 菜单右侧的icon图标
  51. menuIcon: {
  52. type: String,
  53. default: 'arrow-down'
  54. },
  55. // 菜单右侧图标的大小
  56. menuIconSize: {
  57. type: [Number, String],
  58. default: 14
  59. }
  60. }
  61. })