tabs.scheme.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. export const propsScheme = {
  2. modelValue: {
  3. type: [Number, String],
  4. intro: '选中选项卡的name'
  5. },
  6. type: {
  7. type: String,
  8. intro: '风格类型'
  9. },
  10. closable: {
  11. type: Boolean,
  12. default: false,
  13. intro: '标签是否可关闭'
  14. },
  15. addable: {
  16. type: Boolean,
  17. default: false,
  18. intro: '标签是否可增加'
  19. },
  20. editable: {
  21. type: Boolean,
  22. default: false,
  23. intro: '标签是否同时可增加和关闭'
  24. },
  25. tabPosition: {
  26. type: String,
  27. default: 'top',
  28. intro: '选项卡所在位置'
  29. },
  30. stretch: {
  31. type: Boolean,
  32. default: false,
  33. intro: '标签的宽度是否自撑开'
  34. },
  35. beforeLeave: {
  36. type: Function,
  37. intro: '切换标签之前的钩子函数,若返回 false 或者返回被 reject 的 Promise,则阻止切换。'
  38. },
  39. underline: {
  40. type: Boolean,
  41. default: true,
  42. intro: '是否显示灰色分割线'
  43. },
  44. height: {
  45. type: String,
  46. intro: 'tabs的高度'
  47. }
  48. }
  49. export const slotsScheme = {
  50. default: {}
  51. }
  52. export const eventsScheme = {
  53. tabClick: { cbVar: 'pane: TabsPaneContext, ev: Event', intro: 'tab 被选中时触发' },
  54. tabChange: { cbVar: 'name: TabPanelName', intro: 'activeName 改变时触发' },
  55. tabRemove: { intro: '点击 tab 移除按钮时触发' },
  56. tabAdd: { intro: '点击 tab 新增按钮时触发' },
  57. edit: { cbVar: "paneName: TabPanelName | undefined, action: 'remove' | 'add'", intro: '点击 tab 的新增或移除按钮后触发' }
  58. }
  59. export const componentScheme = {
  60. propsScheme,
  61. slotsScheme,
  62. eventsScheme
  63. }