256 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			256 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
'use strict';
 | 
						|
 | 
						|
Object.defineProperty(exports, "__esModule", {
 | 
						|
  value: true
 | 
						|
});
 | 
						|
 | 
						|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 | 
						|
 | 
						|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 | 
						|
 | 
						|
var _classnames = require('classnames');
 | 
						|
 | 
						|
var _classnames2 = _interopRequireDefault(_classnames);
 | 
						|
 | 
						|
var _react = require('react');
 | 
						|
 | 
						|
var _react2 = _interopRequireDefault(_react);
 | 
						|
 | 
						|
var _propTypes = require('prop-types');
 | 
						|
 | 
						|
var _propTypes2 = _interopRequireDefault(_propTypes);
 | 
						|
 | 
						|
var _util = require('./util');
 | 
						|
 | 
						|
var _util2 = _interopRequireDefault(_util);
 | 
						|
 | 
						|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 | 
						|
 | 
						|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 | 
						|
 | 
						|
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 | 
						|
 | 
						|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint no-nested-ternary: 0 */
 | 
						|
 | 
						|
 | 
						|
var TableRow = function (_Component) {
 | 
						|
  _inherits(TableRow, _Component);
 | 
						|
 | 
						|
  function TableRow(props) {
 | 
						|
    _classCallCheck(this, TableRow);
 | 
						|
 | 
						|
    var _this = _possibleConstructorReturn(this, (TableRow.__proto__ || Object.getPrototypeOf(TableRow)).call(this, props));
 | 
						|
 | 
						|
    _this.rowClick = function () {
 | 
						|
      return _this.__rowClick__REACT_HOT_LOADER__.apply(_this, arguments);
 | 
						|
    };
 | 
						|
 | 
						|
    _this.expandRow = function () {
 | 
						|
      return _this.__expandRow__REACT_HOT_LOADER__.apply(_this, arguments);
 | 
						|
    };
 | 
						|
 | 
						|
    _this.rowDoubleClick = function () {
 | 
						|
      return _this.__rowDoubleClick__REACT_HOT_LOADER__.apply(_this, arguments);
 | 
						|
    };
 | 
						|
 | 
						|
    _this.rowMouseOut = function () {
 | 
						|
      return _this.__rowMouseOut__REACT_HOT_LOADER__.apply(_this, arguments);
 | 
						|
    };
 | 
						|
 | 
						|
    _this.rowMouseOver = function () {
 | 
						|
      return _this.__rowMouseOver__REACT_HOT_LOADER__.apply(_this, arguments);
 | 
						|
    };
 | 
						|
 | 
						|
    _this.clickNum = 0;
 | 
						|
    return _this;
 | 
						|
  }
 | 
						|
 | 
						|
  _createClass(TableRow, [{
 | 
						|
    key: '__rowMouseOver__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowMouseOver__REACT_HOT_LOADER__() {
 | 
						|
      return this.__rowMouseOver__REACT_HOT_LOADER__.apply(this, arguments);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowMouseOut__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowMouseOut__REACT_HOT_LOADER__() {
 | 
						|
      return this.__rowMouseOut__REACT_HOT_LOADER__.apply(this, arguments);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowDoubleClick__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowDoubleClick__REACT_HOT_LOADER__() {
 | 
						|
      return this.__rowDoubleClick__REACT_HOT_LOADER__.apply(this, arguments);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__expandRow__REACT_HOT_LOADER__',
 | 
						|
    value: function __expandRow__REACT_HOT_LOADER__() {
 | 
						|
      return this.__expandRow__REACT_HOT_LOADER__.apply(this, arguments);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowClick__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowClick__REACT_HOT_LOADER__() {
 | 
						|
      return this.__rowClick__REACT_HOT_LOADER__.apply(this, arguments);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowClick__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowClick__REACT_HOT_LOADER__(e) {
 | 
						|
      var _this2 = this;
 | 
						|
 | 
						|
      var rowIndex = this.props.index + 1;
 | 
						|
      var cellIndex = e.target.cellIndex;
 | 
						|
      if (this.props.onRowClick) this.props.onRowClick(rowIndex, cellIndex, e);
 | 
						|
      var _props = this.props,
 | 
						|
          selectRow = _props.selectRow,
 | 
						|
          unselectableRow = _props.unselectableRow,
 | 
						|
          isSelected = _props.isSelected,
 | 
						|
          onSelectRow = _props.onSelectRow,
 | 
						|
          onExpandRow = _props.onExpandRow,
 | 
						|
          dbClickToEdit = _props.dbClickToEdit;
 | 
						|
 | 
						|
      if (selectRow) {
 | 
						|
        if (selectRow.clickToSelect && !unselectableRow) {
 | 
						|
          onSelectRow(rowIndex, !isSelected, e);
 | 
						|
        } else if (selectRow.clickToSelectAndEditCell && !unselectableRow) {
 | 
						|
          this.clickNum++;
 | 
						|
          /** if clickToSelectAndEditCell is enabled,
 | 
						|
           *  there should be a delay to prevent a selection changed when
 | 
						|
           *  user dblick to edit cell on same row but different cell
 | 
						|
          **/
 | 
						|
          setTimeout(function () {
 | 
						|
            if (_this2.clickNum === 1) {
 | 
						|
              onSelectRow(rowIndex, !isSelected, e);
 | 
						|
              onExpandRow(e, rowIndex, cellIndex);
 | 
						|
            }
 | 
						|
            _this2.clickNum = 0;
 | 
						|
          }, 200);
 | 
						|
        } else {
 | 
						|
          if (dbClickToEdit) {
 | 
						|
            this.expandRow(e, rowIndex, cellIndex);
 | 
						|
          }
 | 
						|
        }
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__expandRow__REACT_HOT_LOADER__',
 | 
						|
    value: function __expandRow__REACT_HOT_LOADER__(event, rowIndex, cellIndex) {
 | 
						|
      var _this3 = this;
 | 
						|
 | 
						|
      this.clickNum++;
 | 
						|
      setTimeout(function () {
 | 
						|
        if (_this3.clickNum === 1) {
 | 
						|
          _this3.props.onExpandRow(event, rowIndex, cellIndex);
 | 
						|
        }
 | 
						|
        _this3.clickNum = 0;
 | 
						|
      }, 200);
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowDoubleClick__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowDoubleClick__REACT_HOT_LOADER__(e) {
 | 
						|
      if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'SELECT' && e.target.tagName !== 'TEXTAREA') {
 | 
						|
        if (this.props.onRowDoubleClick) {
 | 
						|
          this.props.onRowDoubleClick(this.props.index, e);
 | 
						|
        }
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowMouseOut__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowMouseOut__REACT_HOT_LOADER__(e) {
 | 
						|
      var rowIndex = this.props.index;
 | 
						|
      if (this.props.onRowMouseOut) {
 | 
						|
        this.props.onRowMouseOut(rowIndex, e);
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: '__rowMouseOver__REACT_HOT_LOADER__',
 | 
						|
    value: function __rowMouseOver__REACT_HOT_LOADER__(e) {
 | 
						|
      var rowIndex = this.props.index;
 | 
						|
      if (this.props.onRowMouseOver) {
 | 
						|
        this.props.onRowMouseOver(rowIndex, e);
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: 'render',
 | 
						|
    value: function render() {
 | 
						|
      this.clickNum = 0;
 | 
						|
      var _props2 = this.props,
 | 
						|
          selectRow = _props2.selectRow,
 | 
						|
          row = _props2.row,
 | 
						|
          isSelected = _props2.isSelected,
 | 
						|
          className = _props2.className,
 | 
						|
          index = _props2.index,
 | 
						|
          hidden = _props2.hidden;
 | 
						|
      var style = this.props.style;
 | 
						|
 | 
						|
      var backgroundColor = null;
 | 
						|
      var selectRowClass = null;
 | 
						|
 | 
						|
      if (selectRow) {
 | 
						|
        backgroundColor = _util2.default.isFunction(selectRow.bgColor) ? selectRow.bgColor(row, isSelected) : isSelected ? selectRow.bgColor : null;
 | 
						|
 | 
						|
        selectRowClass = _util2.default.isFunction(selectRow.className) ? selectRow.className(row, isSelected) : isSelected ? selectRow.className : null;
 | 
						|
      }
 | 
						|
 | 
						|
      if (_util2.default.isFunction(style)) {
 | 
						|
        style = style(row, index);
 | 
						|
      } else {
 | 
						|
        style = _extends({}, style) || {};
 | 
						|
      }
 | 
						|
      // the bgcolor of row selection always overwrite the bgcolor defined by global.
 | 
						|
      if (style && backgroundColor && isSelected) {
 | 
						|
        style.backgroundColor = backgroundColor;
 | 
						|
      }
 | 
						|
      var trCss = {
 | 
						|
        style: _extends({}, style),
 | 
						|
        className: (0, _classnames2.default)(selectRowClass, className)
 | 
						|
      };
 | 
						|
 | 
						|
      return _react2.default.createElement(
 | 
						|
        'tr',
 | 
						|
        _extends({}, trCss, {
 | 
						|
          onMouseOver: this.rowMouseOver,
 | 
						|
          onMouseOut: this.rowMouseOut,
 | 
						|
          onClick: this.rowClick,
 | 
						|
          hidden: hidden,
 | 
						|
          onDoubleClick: this.rowDoubleClick }),
 | 
						|
        this.props.children
 | 
						|
      );
 | 
						|
    }
 | 
						|
  }]);
 | 
						|
 | 
						|
  return TableRow;
 | 
						|
}(_react.Component);
 | 
						|
 | 
						|
TableRow.propTypes = {
 | 
						|
  index: _propTypes2.default.number,
 | 
						|
  row: _propTypes2.default.any,
 | 
						|
  style: _propTypes2.default.any,
 | 
						|
  isSelected: _propTypes2.default.bool,
 | 
						|
  enableCellEdit: _propTypes2.default.bool,
 | 
						|
  onRowClick: _propTypes2.default.func,
 | 
						|
  onRowDoubleClick: _propTypes2.default.func,
 | 
						|
  onSelectRow: _propTypes2.default.func,
 | 
						|
  onExpandRow: _propTypes2.default.func,
 | 
						|
  onRowMouseOut: _propTypes2.default.func,
 | 
						|
  onRowMouseOver: _propTypes2.default.func,
 | 
						|
  unselectableRow: _propTypes2.default.bool,
 | 
						|
  hidden: _propTypes2.default.bool
 | 
						|
};
 | 
						|
TableRow.defaultProps = {
 | 
						|
  onRowClick: undefined,
 | 
						|
  onRowDoubleClick: undefined,
 | 
						|
  hidden: false
 | 
						|
};
 | 
						|
var _default = TableRow;
 | 
						|
exports.default = _default;
 | 
						|
;
 | 
						|
 | 
						|
var _temp = function () {
 | 
						|
  if (typeof __REACT_HOT_LOADER__ === 'undefined') {
 | 
						|
    return;
 | 
						|
  }
 | 
						|
 | 
						|
  __REACT_HOT_LOADER__.register(TableRow, 'TableRow', '/Users/allen/Node/react-bootstrap-table-new/react-bootstrap-table/src/TableRow.js');
 | 
						|
 | 
						|
  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/allen/Node/react-bootstrap-table-new/react-bootstrap-table/src/TableRow.js');
 | 
						|
}();
 | 
						|
 | 
						|
; |