props.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. import { defineProps } from '../../libs/util/props';
  2. export default defineProps('table', {
  3. // 显示的数据
  4. data: {
  5. type: Array,
  6. default: () => []
  7. },
  8. // 设置圆角值
  9. round: {
  10. type: [String, Number],
  11. default: 0
  12. },
  13. // 是否带有边框
  14. border: {
  15. type: Boolean,
  16. default: true
  17. },
  18. // 是否允许横向滚动
  19. scrollX: {
  20. type: Boolean,
  21. default: true
  22. },
  23. // 是否为斑马纹表格
  24. stripe: {
  25. type: Boolean,
  26. default: false
  27. },
  28. // Table 的高度,单位为px
  29. height: {
  30. type: [String, Number],
  31. default: null
  32. },
  33. // 行高,单位为px
  34. rowHeight: {
  35. type: [String, Number],
  36. default: 40
  37. },
  38. // 是否显示表头
  39. showHeader: {
  40. type: Boolean,
  41. default: true
  42. },
  43. // 表头对齐方式
  44. headerCellStyle: {
  45. type: Object,
  46. default: () => ({})
  47. },
  48. cellStyle: {
  49. type: Object,
  50. default: () => ({})
  51. },
  52. // 是否超出隐藏
  53. ellipsis: {
  54. type: Boolean,
  55. default: true
  56. },
  57. // 空数据时显示的文本
  58. emptyText: {
  59. type: String,
  60. default: () => uni.$u.$t('uTable.emptyText')
  61. },
  62. // 空数据区域高度,单位为px
  63. emptyHeight: {
  64. type: [String, Number],
  65. default: 200
  66. },
  67. // 行数据的Key,用于优化Table的渲染
  68. rowKey: {
  69. type: String,
  70. default: 'id'
  71. },
  72. // 默认选中的行
  73. defaultSelection: {
  74. type: Array,
  75. default: () => []
  76. },
  77. // 自定义类名
  78. customClass: {
  79. type: String,
  80. default: ''
  81. },
  82. // 定义需要用到的外部样式
  83. customStyle: {
  84. type: [Object, String],
  85. default: () => ({})
  86. },
  87. // 合并单元格配置
  88. spanMethod: {
  89. type: [Function, null],
  90. default: null
  91. },
  92. // 合并配置数组(简化版)
  93. mergeConfig: {
  94. type: Array,
  95. default: () => []
  96. },
  97. // 是否显示表尾合计行
  98. showSummary: {
  99. type: Boolean,
  100. default: false
  101. },
  102. // 表尾合计行第一列的文本
  103. sumText: {
  104. type: String,
  105. default: '合计'
  106. },
  107. // 自定义的合计计算方法
  108. summaryMethod: {
  109. type: [Function, null],
  110. default: null
  111. },
  112. // 需要合计的列(prop数组)
  113. summaryColumns: {
  114. type: Array,
  115. default: () => []
  116. }
  117. });