mk-component/lib/components/datagrid/grid.js

- 1、npm install mk-component --save

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');

var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports.default = GridComponent;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _fixedDataTable = require('fixed-data-table-2');

var _sequenceColumn = require('./sequenceColumn');

var _sequenceColumn2 = _interopRequireDefault(_sequenceColumn);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function GridComponent(props) {
	var key = props.key,
	    rowsCount = props.rowsCount,
	    headerHeight = props.headerHeight,
	    rowHeight = props.rowHeight,
	    groupHeaderHeight = props.groupHeaderHeight,
	    footerHeight = props.footerHeight,
	    width = props.width,
	    height = props.height,
	    heightFromRowsCount = props.heightFromRowsCount,
	    readonly = props.readonly,
	    enableSequence = props.enableSequence,
	    startSequence = props.startSequence,
	    enableAddDelrow = props.enableAddDelrow,
	    sequenceFooter = props.sequenceFooter,
	    onAddrow = props.onAddrow,
	    onDelrow = props.onDelrow,
	    onRowClick = props.onRowClick,
	    onRowDoubleClick = props.onRowDoubleClick,
	    onRowMouseEnter = props.onRowMouseEnter,
	    onRowMouseLeave = props.onRowMouseLeave,
	    onScrollEnd = props.onScrollEnd,
	    scrollToRow = props.scrollToRow,
	    scrollToColumn = props.scrollToColumn,
	    columns = props.columns,
	    other = (0, _objectWithoutProperties3.default)(props, ['key', 'rowsCount', 'headerHeight', 'rowHeight', 'groupHeaderHeight', 'footerHeight', 'width', 'height', 'heightFromRowsCount', 'readonly', 'enableSequence', 'startSequence', 'enableAddDelrow', 'sequenceFooter', 'onAddrow', 'onDelrow', 'onRowClick', 'onRowDoubleClick', 'onRowMouseEnter', 'onRowMouseLeave', 'onScrollEnd', 'scrollToRow', 'scrollToColumn', 'columns']);

	//高度根据行数计算

	if (heightFromRowsCount) {
		height = headerHeight + 2 + rowHeight * rowsCount + footerHeight;
	}

	columns = [].concat((0, _toConsumableArray3.default)(columns));
	if (enableSequence) {
		if (columns.length > 0 && columns[0].props && columns[0].props.children) {
			columns[0].props.children.splice(0, 0, (0, _sequenceColumn2.default)({
				startSequence: startSequence,
				enableAddDelrow: readonly === false ? enableAddDelrow : false,
				footer: sequenceFooter,
				onAddrow: onAddrow,
				onDelrow: onDelrow
			}));
		} else {
			columns.splice(0, 0, (0, _sequenceColumn2.default)({
				startSequence: startSequence,
				enableAddDelrow: readonly === false ? enableAddDelrow : false,
				footer: sequenceFooter,
				onAddrow: onAddrow,
				onDelrow: onDelrow
			}));
		}
	}
	return _react2.default.createElement(
		_fixedDataTable.Table,
		(0, _extends3.default)({}, other, {
			key: key,
			rowsCount: height == 0 || width == 0 ? 0 : rowsCount,
			headerHeight: headerHeight,
			rowHeight: rowHeight,
			groupHeaderHeight: groupHeaderHeight,
			footerHeight: footerHeight,
			width: width,
			height: height,
			scrollToRow: height != 0 && width != 0 ? scrollToRow : undefined,
			scrollToColumn: height != 0 && width != 0 ? scrollToColumn : undefined,
			onRowDoubleClick: readonly === false ? undefined : onRowDoubleClick,
			onRowClick: readonly === false ? undefined : onRowClick,
			onRowMouseEnter: readonly === false ? undefined : onRowMouseEnter,
			onRowMouseLeave: readonly === false ? undefined : onRowMouseLeave,
			scrollEnd: onScrollEnd
		}),
		columns
	);
}
module.exports = exports['default'];