ssc-refer/es/refer/TableRender.react.js

React refer component for SSC 3.0

'use strict';

import cx from 'classnames';
import { noop } from 'lodash';
import React, { PropTypes } from 'react';

import Table from 'bee-table';

//import renderContainer from '../containers/renderContainer';


var TableRender = React.createClass({
  displayName: 'TableRender',

  propTypes: {
    /**
     * callback sub component onClick event
     */
    onClickItem: PropTypes.func
  },

  getDefaultProps: function getDefaultProps() {
    return {
      onClick: noop,
      onClickItem: noop
    };
  },
  render: function render() {
    var _props = this.props,
        children = _props.children,
        tableColumns = _props.tableColumns;

    children.forEach(function (item, index) {
      item.key = index + 1 + '';
    });

    return React.createElement(
      'div',
      { className: 'col-md-12' },
      React.createElement(Table, {
        useFixedHeader: true,
        scroll: { x: true, y: 400 },
        emptyText: function emptyText() {
          return '加载中...';
        },
        columns: tableColumns,
        data: children,
        onRowClick: this._handleClick
      })
    );
  },
  _handleClick: function _handleClick(record, index, e) {
    var _props2 = this.props,
        disabled = _props2.disabled,
        onClickItem = _props2.onClickItem;

    e.preventDefault();
    !disabled && onClickItem(record);
  }
});

// const TableRender = renderContainer(BaseTableRender);

// export {BaseTableRender};
export default TableRender;