d-render/esm/cip-table/table-props.js

基于 Element Plus 二次封装的数据驱动渲染组件库 - 表单、搜索表单、表格配置化渲染

const tableProps = {
  data: {
    // table的数据
    type: Array,
    required: true,
    default: () => []
  },
  seqLabel: { type: String },
  // 序号列的列名，未传时使用 locale `dr.table.index`
  size: { type: String, validate: (val) => ["large", "default", "small"].includes(val) },
  border: { type: Boolean, default: void 0 },
  showDisabledButton: { type: Boolean, default: void 0 },
  // 是否展示在table中disabled的按钮
  dangerButton: { type: Boolean, default: void 0 },
  // 是否不讲danger按钮转换为primary按钮
  columns: { type: Array, default: () => [] },
  // table 数据列的配置
  offset: Number,
  // table第一行数据的偏移量, 设置该值将在左侧添加一个序号列
  hideIndex: Boolean,
  // 补充控制序号列，优先级高于offset,即当offset存在但hideIndex为true时依然不渲染序号列
  indexFixed: Boolean,
  // 序号列左侧悬浮
  height: String,
  // table的高度 可使用css的calc方法
  selectType: {
    // table 是否可以选择
    type: String,
    validate: (val) => ["checkbox", "radio"].includes(val)
  },
  selectable: Function,
  // table 是否可复选 需要与selectType = checkbox 配合使用 function(row,index)
  reserveSelection: { type: Boolean, default: false },
  // selectType为checkbox时，切换分页(data变化)是否保留跨页选中状态，需配合rowKey使用，默认不开启
  selectRadio: [String, Number],
  // table为单选时的选中列的value
  selectLabel: String,
  // table为单选时的选中列的展示值
  // table 为 checkbox 多选时的选中行集合（数组项类型为 IAnyObject，即 data 中的行对象），支持 v-model:selectColumns 双向绑定：
  // 用户勾选/取消会自动 emit 更新该数组；父组件修改该数组也会驱动当前页勾选回显
  // （对象引用优先匹配，其次按 rowKey 匹配，故程序化回显强烈建议配置 rowKey）
  // 显式赋值为 null/[] 会清空全部（含跨页）选中；未绑定（undefined）时不触发回显同步，与旧版本行为一致
  selectColumns: Array,
  tableHeaderLabel: String,
  // table所有列是否添加一个父title
  inForm: Boolean,
  // 是否为表单的输入或展示
  rowKey: [String, Function],
  // 每一行的唯一主键 可为空 [建议写]，也可传函数 (row) => unknown 自定义取值
  treeProps: {
    // 树形table的配置 { children: 'children', hasChildren: 'hasChildren' }
    type: Object,
    default: () => ({})
  },
  defaultExpendAll: Boolean,
  withTableHandle: Boolean,
  // 是否需要自带的处理列
  handlerWidth: {
    // 自带的处理列的宽度
    type: [String, Number]
    // default: '136px'
  },
  handlerHeaderAlign: { type: String },
  handlerAlign: { type: String },
  handlerLimit: { type: Number, default: 3 },
  fieldKey: String,
  // form下使用时的data所在的键值
  ruleKey: String,
  // form下当前data的检验规则key, 此处为空时使用fieldKey
  dependOnValues: Object,
  // form 下对外部数据的依赖
  editType: { type: String, default: "all" },
  defaultAlign: { type: String },
  /** 筛选值，单选为 string、多选为 string[]，支持 v-model:filterModel 与搜索表单同步 */
  filterModel: { type: Object }
};

export { tableProps };