@alifd/next/es/table/column.js

A configurable component library for web built on React.

import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';

var _class, _temp;

import React from 'react';
import PropTypes from 'prop-types';

/**
 * Table.Column
 * @order 0
 **/
var Column = (_temp = _class = function (_React$Component) {
  _inherits(Column, _React$Component);

  function Column() {
    _classCallCheck(this, Column);

    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
  }

  Column.prototype.render = function render() {
    return null;
  };

  return Column;
}(React.Component), _class.propTypes = {
  /**
   * 指定列对应的字段，支持`a.b`形式的快速取值
   */
  dataIndex: PropTypes.string,
  /**
   * 行渲染的逻辑
   * value, rowIndex, record, context四个属性只可读不可被更改
   * Function(value, index, record) => Element
   */
  cell: PropTypes.oneOfType([PropTypes.element, PropTypes.node, PropTypes.func]),
  /**
   * 表头显示的内容
   */
  title: PropTypes.oneOfType([PropTypes.element, PropTypes.node, PropTypes.func]),
  /**
   * 写到 header 单元格上的title属性
   */
  htmlTitle: PropTypes.string,
  /**
   * 是否支持排序
   */
  sortable: PropTypes.bool,
  /**
   * 排序的方向。
   * 设置 ['desc', 'asc']，表示降序、升序
   * 设置 ['desc', 'asc', 'default']，表示表示降序、升序、不排序
   * @version 1.23
   */
  sortDirections: PropTypes.arrayOf(PropTypes.oneOf(['desc', 'asc', 'default'])),
  /**
   * 列宽，注意在锁列的情况下一定需要配置宽度
   */
  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
  /**
   * 单元格的对齐方式
   */
  align: PropTypes.oneOf(['left', 'center', 'right']),
  /**
   * 单元格标题的对齐方式, 不配置默认读取align值
   */
  alignHeader: PropTypes.oneOf(['left', 'center', 'right']),
  /**
   * 生成标题过滤的菜单, 格式为`[{label:'xxx', value:'xxx'}]`
   */
  filters: PropTypes.arrayOf(PropTypes.shape({
    label: PropTypes.string,
    value: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
  })),
  /**
   * 过滤的模式是单选还是多选
   */
  filterMode: PropTypes.oneOf(['single', 'multiple']),
  /**
   * filter 模式下传递给 Menu 菜单的属性， 默认继承 `Menu` 组件的API
   * @property {Boolean} subMenuSelectable 默认为`false` subMenu是否可选择
   * @property {Boolean} isSelectIconRight 默认为`false` 是否将选中图标居右。注意：SubMenu 上的选中图标一直居左，不受此API控制
   */
  filterMenuProps: PropTypes.object,
  filterProps: PropTypes.object,
  /**
   * 是否支持锁列,可选值为`left`,`right`, `true`
   */
  lock: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
  /**
   * 是否支持列宽调整, 当该值设为true，table的布局方式会修改为fixed.
   */
  resizable: PropTypes.bool,
  /**
   * （推荐使用）是否支持异步列宽调整, 当该值设为true，table的布局方式会修改为fixed.
   * @version 1.24
   */
  asyncResizable: PropTypes.bool,
  /**
   * header cell 横跨的格数，设置为0表示不出现此 th
   */
  colSpan: PropTypes.number,
  /**
   * 设置该列单元格的word-break样式，对于id类、中文类适合用all，对于英文句子适合用word
   * @enumdesc all, word
   * @default all
   * @version 1.23
   */
  wordBreak: PropTypes.oneOf(['all', 'word'])
}, _class.contextTypes = {
  parent: PropTypes.any
}, _class.defaultProps = {
  cell: function cell(value) {
    return value;
  },
  filterMode: 'multiple',
  filterMenuProps: {
    subMenuSelectable: false
  },
  filterProps: {},
  resizable: false,
  asyncResizable: false
}, _class._typeMark = 'column', _temp);
Column.displayName = 'Column';
export { Column as default };