easy3wui 1.5.55 → 1.5.56-beta.2

package/lib/Easy3wEditBigTable/index.js

@@ -1,1166 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _modal = require('antd/lib/modal');
-
-var _modal2 = _interopRequireDefault(_modal);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-require('antd/lib/modal/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _antd = require('antd');
-
-var _reactDataGrid = require('react-data-grid');
-
-var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
-
-var _reactDataGridAddons = require('react-data-grid-addons');
-
-var _xlsx = require('xlsx');
-
-var _xlsx2 = _interopRequireDefault(_xlsx);
-
-var _numeral = require('numeral');
-
-var _numeral2 = _interopRequireDefault(_numeral);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Easy3wEditBigTableForm = require('./Easy3wEditBigTableForm');
-
-var _Easy3wEditBigTableForm2 = _interopRequireDefault(_Easy3wEditBigTableForm);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-/* eslint-disable no-alert */
-var Selectors = _reactDataGridAddons.Data.Selectors;
-
-var Easy3wEditBigTable = function (_Component) {
-  (0, _inherits3['default'])(Easy3wEditBigTable, _Component);
-
-  function Easy3wEditBigTable(props) {
-    (0, _classCallCheck3['default'])(this, Easy3wEditBigTable);
-
-    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
-
-    _initialiseProps.call(_this);
-
-    var bidPureComponent = _this.props.bidPureComponent;
-
-    if (bidPureComponent && typeof bidPureComponent === 'function') {
-      bidPureComponent(_this);
-    }
-    var dataList = _this.props.dataList;
-
-    var rows = _this.touchLoopDataNum(dataList); // 表格数据
-    // const rowsView = this.getRows(rows); // 表格显示数据
-    _this.state = {
-      // 表格选择
-      arrValues: [], // 表格选择行索引
-      arrValuesInfo: [], // 表格选择行数据
-      // 表格数据
-      rows: rows, // 表格数据 原始数据
-      rowsView: rows, // 表格数据 显示数据
-      // 表格列
-      // 查询条件
-      filters: {},
-      // 排序--sort
-      sortColumn: null, // 排序列
-      sortDirection: null, // 排序方向
-      // 批量录入
-      visible: false, // 隐藏批量录入Modal
-      // 保存标识
-      saveFlag: true // 保存标识 true 已保存 false 未保存
-    };
-    return _this;
-  }
-
-  Easy3wEditBigTable.prototype.componentDidMount = function componentDidMount() {};
-
-  Easy3wEditBigTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    var dataUpdateTime = this.props.dataUpdateTime;
-
-    if (dataUpdateTime !== nextProps.dataUpdateTime) {
-      // const rows = this.getRows(); // 显示行数据
-      var rows = this.touchLoopDataNum(nextProps.dataList); // 表格数据
-      var rowsView = this.getRows(rows); // 表格显示数据
-      this.touchSetState({ rows: rows, rowsView: rowsView });
-    }
-  };
-
-  Easy3wEditBigTable.prototype.componentWillUnmount = function componentWillUnmount() {
-    var objToolbarProps = this.props.objToolbarProps;
-
-    var _ref = objToolbarProps || {},
-        _ref$unloadSaveFlag = _ref.unloadSaveFlag,
-        unloadSaveFlag = _ref$unloadSaveFlag === undefined ? true : _ref$unloadSaveFlag;
-    // unloadSaveFlag 是否在卸载后保存 true 需要保存 false 不需要保存
-
-
-    var saveFlag = this.state.saveFlag;
-    // saveFlag 是否已保存 true 已保存 false 未保存
-
-    var saveEditBigTableZJ = this.saveEditBigTableZJ;
-
-    if (unloadSaveFlag) {
-      if (saveFlag) {
-        // 已保存
-      } else {
-        // 有变更-未保存
-        _modal2['default'].confirm({
-          title: '提示',
-          content: '表格数据未保存, 是否保存？',
-          okText: '保存',
-          cancelText: '取消',
-          onOk: function onOk() {
-            saveEditBigTableZJ();
-          }
-        });
-      }
-    }
-  };
-  // 绑定组件
-
-  // 获取列表
-
-  // 表格编辑
-
-  // #region 表格选择
-  // 表格选择---选择
-
-  // 表格选择---取消选择
-
-  // 改变选择状态
-
-  // #endregion 表格选择
-  // #region 右上角按钮处理--toolbar
-  // 新增
-
-  // 复制
-
-  // 删除
-
-  // 导入
-
-  // 导出--数据
-
-  // 批量录入--显示批量录入Modal
-
-  // 批量录入--隐藏批量录入Modal
-
-  // 批量录入--确认回调
-
-  // #endregion 右上角按钮处理--toolbar
-  // #region 数据处理
-  // 表格视图数据
-
-  // 数据长度
-
-  // 表格数据函数
-
-  // 数据循环--设置数据序号
-
-  // 设置组件state
-
-  // 数据循环--处理后的数据
-
-  // 导入导出表头
-
-  // #endregion 数据处理
-
-  // #region 查询条件
-  // 表头排序
-
-  // 获取查询内容
-
-  // 筛选条件变更
-
-  // 清空筛选条件
-
-  // #endregion 查询条件
-
-  // #region toolbar处理
-
-  // #endregion toolbar处理
-  // #region 设置ReactDataGrid属性
-  // 在单元格设置为活动状态之前调用，返回一个布尔值以确定单元格是否可编辑
-
-  // 表格行渲染
-
-  // 创建columns
-
-  // #endregion 设置ReactDataGrid属性
-  // #region 保存
-  // 保存表格数据
-
-  // 保存表格数据
-
-  // 设置保存标识
-
-  // #endregion 保存
-  // #region 校验数据
-  // 校验处理
-
-  // 校验数据
-
-  // #endregion 校验数据
-  // 转换数字
-
-
-  Easy3wEditBigTable.prototype.render = function render() {
-    var _this2 = this;
-
-    var visible = this.state.visible;
-    var _props = this.props,
-        totalFlag = _props.totalFlag,
-        objOtherProps = _props.objOtherProps,
-        objToolbarProps = _props.objToolbarProps,
-        strReactDataGridStyle = _props.strReactDataGridStyle,
-        strAddReactDataGridStyle = _props.strAddReactDataGridStyle;
-
-    var objReactDataGridProps = this.getReactDataGridProps();
-    var columns = this.createColumns(); // 表头
-    var objTotal = totalFlag ? this.touchLoopData() : {}; // 循环数据获取
-    return _react2['default'].createElement(
-      'div',
-      { className: (0, _classnames2['default'])(['Easy3wEditBigTable']) },
-      _react2['default'].createElement(
-        'style',
-        null,
-        strReactDataGridStyle || (strAddReactDataGridStyle || '') + '\n              .custom-edit-cell {  \n                background-color: #f6ffed;\n              }\n            '
-      ),
-      _react2['default'].createElement(_reactDataGrid2['default'], (0, _extends3['default'])({}, this.props, {
-        ref: this.ReactDataGridRef,
-        columns: columns // 表头
-        // rows={rows}
-        , rowGetter: this.rowGetter // 获取行数据
-        , rowsCount: this.getSize() // 行数
-        , onGridSort: this.onGridSort
-      }, objReactDataGridProps, objOtherProps)),
-      totalFlag ? _react2['default'].createElement(
-        'div',
-        null,
-        objTotal && Object.keys(objTotal).map(function (key, index) {
-          return _react2['default'].createElement(
-            'span',
-            { key: key },
-            index === 0 ? '' : '；',
-            _react2['default'].createElement(
-              'span',
-              null,
-              objTotal[key].name,
-              '\uFF1A'
-            ),
-            _react2['default'].createElement(
-              'span',
-              null,
-              objTotal[key].numberFormat ? _this2.touchFormatNum(objTotal[key].value) : objTotal[key].value
-            )
-          );
-        })
-      ) : '',
-      visible ? _react2['default'].createElement(_Easy3wEditBigTableForm2['default'] // 批量录入Modal
-      , { visible: visible // 是否显示
-        , objOtherParameters: (0, _extends3['default'])({}, objToolbarProps, { // 工具栏属性
-          columns: columns // 表头
-        }) // 其他参数
-        , bidPureComponent: function bidPureComponent(that) {
-          return _this2.bidPureComponent('Easy3wEditBigTableForm', that);
-        } // 绑定组件
-        , confirmCallback: this.confirmCallbackBatchEditBigTable,
-        hideModal: this.hideModalBatchEditBigTable
-      }) : ''
-    );
-  };
-
-  return Easy3wEditBigTable;
-}(_react.Component);
-
-Easy3wEditBigTable.defaultProps = {
-  rowKey: 'autoAddNumber_idx_edit' // 表格主键 原始数据索引
-};
-
-var _initialiseProps = function _initialiseProps() {
-  var _this3 = this;
-
-  this.bidPureComponent = function (pureComponentName, that) {
-    _this3[pureComponentName] = that;
-  };
-
-  this.ReactDataGridRef = function (ref) {
-    if (ref) {
-      _this3.ReactDataGridRef = ref;
-    }
-  };
-
-  this.onGridRowsUpdated = function (objUpdated) {
-    var fromRow = objUpdated.fromRow,
-        toRow = objUpdated.toRow,
-        fromRowData = objUpdated.fromRowData,
-        action = objUpdated.action,
-        cellKey = objUpdated.cellKey;
-    var updated = objUpdated.updated;
-
-    if (action === 'COPY_PASTE') {
-      updated[cellKey] = fromRowData[cellKey];
-    }
-    var touchAutoCompute = _this3.props.touchAutoCompute;
-    var _state = _this3.state,
-        rows = _state.rows,
-        rowsView = _state.rowsView;
-
-
-    for (var i = fromRow; i <= toRow;) {
-      var objRowToUpdate = rowsView[i] || {};
-      // let rowToUpdate = rows[i];
-      // let updatedRow = update(rowToUpdate, {$merge: updated});
-      // rows[i] = updatedRow;
-
-      if (touchAutoCompute && typeof touchAutoCompute === 'function') {
-        // 数据变更-自动计算行数据
-        updated = touchAutoCompute((0, _extends3['default'])({}, objUpdated, { toRowData: (0, _extends3['default'])({}, objRowToUpdate) }));
-      }
-      var autoAddNumberIdxEdit = objRowToUpdate.autoAddNumber_idx_edit;
-
-      rows[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, rows[autoAddNumberIdxEdit], updated);
-      rowsView[i] = (0, _extends3['default'])({}, objRowToUpdate, updated);
-      i += 1;
-    }
-
-    _this3.onGridRowsUpdatedZJ('onGridRowsUpdated', rows, rowsView);
-  };
-
-  this.onRowsSelected = function (rows) {
-    var _state2 = _this3.state,
-        arrValues = _state2.arrValues,
-        arrValuesInfo = _state2.arrValuesInfo;
-    var _props2 = _this3.props,
-        rowKey = _props2.rowKey,
-        onRowsSelectedCb = _props2.onRowsSelectedCb;
-
-    var arrValuesNew = []; // 表格选择行索引
-    var arrValuesInfoNew = []; // 表格选择行数据
-    rows.map(function (r) {
-      arrValuesNew.push(r.row[rowKey]);
-      arrValuesInfoNew.push(r.row);
-      return r;
-    });
-    arrValues = arrValues.concat(arrValuesNew); // 表格选择行索引
-    arrValuesInfo = arrValuesInfo.concat(arrValuesInfoNew); // 表格选择行数据
-    if (onRowsSelectedCb && typeof onRowsSelectedCb === 'function') {
-      // 表格选择回调函数
-      onRowsSelectedCb('onRowsSelected', arrValues, arrValuesInfo, arrValuesNew, arrValuesInfoNew);
-    }
-    _this3.onSelectedRowsChange(arrValues, arrValuesInfo);
-  };
-
-  this.onRowsDeselected = function (rows) {
-    var arrValuesInfo = _this3.state.arrValuesInfo;
-    var _props3 = _this3.props,
-        rowKey = _props3.rowKey,
-        onRowsSelectedCb = _props3.onRowsSelectedCb;
-
-    var arrValuesNew = []; // 表格选择行索引
-    var arrValuesInfoNew = []; // 表格选择行数据
-    var arrSelected = []; // 已选择的行索引
-    var arrSelectedInfo = []; // 已选择的行数据
-    arrValuesInfo.filter(function (item) {
-      var flag = true;
-      rows.map(function (r) {
-        var row = r.row;
-
-        if (item[rowKey] === row[rowKey]) {
-          // 删除已取消选择的行
-          flag = false;
-          arrSelected.push(item[rowKey]);
-          arrSelectedInfo.push(item);
-        }
-        return r;
-      });
-      if (flag) {
-        arrValuesNew.push(item[rowKey]);
-        arrValuesInfoNew.push(item);
-      }
-      return flag;
-    });
-    if (onRowsSelectedCb && typeof onRowsSelectedCb === 'function') {
-      // 表格选择回调函数
-      onRowsSelectedCb('onRowsDeselected', arrValuesNew, arrValuesInfoNew, arrSelected, arrSelectedInfo);
-    }
-    _this3.onSelectedRowsChange(arrValuesNew, arrValuesInfoNew);
-  };
-
-  this.onSelectedRowsChange = function (arrValues, arrValuesInfo) {
-    _this3.setState({ arrValues: arrValues, arrValuesInfo: arrValuesInfo });
-  };
-
-  this.touchAddRow = function () {
-    var _state3 = _this3.state,
-        rows = _state3.rows,
-        rowsView = _state3.rowsView;
-
-    var intRows = rows.length;
-    var objNewRow = {
-      autoAddNumber_idx_edit: intRows || 0, // 自动添加序号 原始数据的索引
-      autoAddNumber_idx_view: intRows + 1 // 自动添加序号 显示数据的索引
-    };
-    var intRowsView = rowsView.length;
-    var objNewRowView = {
-      autoAddNumber_idx_edit: intRows || 0, // 自动添加序号 原始数据的索引
-      autoAddNumber_idx_view: intRowsView + 1 // 自动添加序号 显示数据的索引
-    };
-    // objNewRow[rowKey] = require('uuid/v1')(); // 自定义主键
-    _this3.onGridRowsUpdatedZJ('touchAddRow', [].concat(rows, [objNewRow]), [].concat(rowsView, [objNewRowView]));
-  };
-
-  this.touchCopyRow = function () {
-    var _state4 = _this3.state,
-        rows = _state4.rows,
-        rowsView = _state4.rowsView;
-    var arrValues = _this3.state.arrValues;
-
-    if (arrValues.length) {
-      var newArr = []; // 复制的新数组
-      arrValues.forEach(function (key) {
-        var newRow = (0, _extends3['default'])({}, rows[key]);
-        newArr.push(newRow);
-        return key;
-      });
-      rows = [].concat(rows, newArr);
-      rowsView = [].concat(rowsView, newArr);
-      _this3.onGridRowsUpdatedZJ('touchCopyRow', rows, rowsView);
-    } else {
-      _modal2['default'].error({
-        title: '错误',
-        content: '请选择要复制的行'
-      });
-    }
-  };
-
-  this.deleteRow = function () {
-    var rows = _this3.state.rows;
-    var _state5 = _this3.state,
-        arrValues = _state5.arrValues,
-        arrValuesInfo = _state5.arrValuesInfo;
-    var _props4 = _this3.props,
-        objToolbarProps = _props4.objToolbarProps,
-        rowKey = _props4.rowKey;
-    var deleteRowInterface = objToolbarProps.deleteRowInterface;
-
-    if (arrValues.length) {
-      var arrRows = []; // 删除数据后的新数组
-      rows = rows.map(function (row, index) {
-        var flag = true;
-        arrValues.map(function (key) {
-          if (key === row[rowKey]) {
-            // 删除选择的行
-            flag = false;
-          }
-          return key;
-        });
-        if (flag) {
-          arrRows.push((0, _extends3['default'])({}, row, { autoAddNumber_idx_edit: index }));
-        }
-        return flag;
-      });
-      var rowsView = _this3.getRows(rows); // 表格显示数据
-      if (deleteRowInterface && typeof deleteRowInterface === 'function') {
-        // 删除行接口
-        deleteRowInterface(arrValuesInfo, arrValues);
-      }
-      _this3.onGridRowsUpdatedZJ('deleteRow', rows, rowsView);
-      _this3.onSelectedRowsChange([], []); // 选择行清空
-    } else {
-      _modal2['default'].error({
-        title: '错误',
-        content: '请选择要删除的行'
-      });
-    }
-  };
-
-  this.touchImport = function () {
-    var input = document.getElementById('touchImportExcel');
-    // input.type = 'file';
-    input.onchange = function (e) {
-      var file = e.target.files[0];
-      var reader = new FileReader();
-      reader.onload = function (event) {
-        var _getHearder = _this3.getHearder(),
-            arrColumnsKey = _getHearder.arrColumnsKey;
-
-        var data = event.target.result;
-        var workbook = _xlsx2['default'].read(data, { type: 'binary' });
-        var firstSheetName = workbook.SheetNames[0];
-        var worksheet = workbook.Sheets[firstSheetName];
-        var rows = _xlsx2['default'].utils.sheet_to_json(worksheet, { header: arrColumnsKey });
-        rows.shift(); // 去掉表头
-        var rowsView = _this3.getRows(rows); // 表格显示数据
-        _this3.onGridRowsUpdatedZJ('touchImport', rows, rowsView);
-      };
-      reader.readAsBinaryString(file);
-    };
-    input.click();
-  };
-
-  this.touchExport = function () {
-    var _getHearder2 = _this3.getHearder(),
-        objSheet = _getHearder2.objSheet,
-        arrColInfo = _getHearder2.arrColInfo;
-    // const filterDataList = this.getRows();
-
-
-    var rowsView = _this3.state.rowsView;
-    // 计算 rowsView 中所有对象字段最多的长度
-
-    var maxFieldsLength = 0;
-    rowsView.forEach(function (item) {
-      var fieldsLength = Object.keys(item).length;
-      if (fieldsLength > maxFieldsLength) {
-        maxFieldsLength = fieldsLength;
-      }
-      return item;
-    });
-    if (maxFieldsLength > arrColInfo.length) {
-      for (var i = arrColInfo.length; i < maxFieldsLength;) {
-        arrColInfo.push({ hidden: true });
-        i += 1;
-      }
-    }
-    // 创建工作簿和工作表
-    var worksheet = _xlsx2['default'].utils.json_to_sheet([objSheet].concat(rowsView), { skipHeader: true });
-    worksheet['!cols'] = arrColInfo;
-    var workbook = _xlsx2['default'].utils.book_new();
-    _xlsx2['default'].utils.book_append_sheet(workbook, worksheet, 'Sheet1');
-
-    // 生成Excel文件并触发下载
-    _xlsx2['default'].writeFile(workbook, 'exported_data.xlsx');
-  };
-
-  this.showModalBatchEditBigTable = function () {
-    _this3.setState({
-      visible: true // 显示批量录入Modal
-    });
-  };
-
-  this.hideModalBatchEditBigTable = function () {
-    _this3.setState({
-      visible: false // 隐藏批量录入Modal
-    });
-  };
-
-  this.confirmCallbackBatchEditBigTable = function (objFormData, objColumn) {
-    var _state6 = _this3.state,
-        rows = _state6.rows,
-        rowsView = _state6.rowsView;
-    var _props5 = _this3.props,
-        touchAutoCompute = _props5.touchAutoCompute,
-        rowKey = _props5.rowKey;
-    // const rows = this.getRows();
-
-    rowsView.map(function (row, index) {
-      var autoAddNumberIdxEdit = row.autoAddNumber_idx_edit;
-
-      var updated = (0, _extends3['default'])({}, objFormData);
-      if (touchAutoCompute && typeof touchAutoCompute === 'function') {
-        // 数据变更-自动计算行数据
-        // action 改变的动作类型，'CELL_UPDATE' 单元格更新，'CELL_BATCH_CHANGE' 单元格批量更新 CELL_UPDATE, COLUMN_FILL, COPY_PASTE, CELL_DRAG
-        // cellKey 改变的单元格的key
-        // fromRow 改变的单元格的原来行序号
-        // fromRowData 改变的单元格的原来行数据
-        // fromRowId 改变的单元格的原来行id(行唯一标识)
-        // rowIds 所有被选中的行id
-        // toRow 改变的单元格的新行序号
-        // toRowId 改变的单元格的新行id
-        // updated 改变的单元格的新值
-        updated = touchAutoCompute({
-          cellKey: objColumn.key,
-          fromRow: index,
-          toRow: index,
-          fromRowId: row[rowKey],
-          toRowId: row[rowKey],
-          rowIds: [row[rowKey]],
-          updated: updated,
-          action: 'CELL_BATCH_CHANGE',
-          fromRowData: row,
-          toRowData: row
-        });
-      }
-      rows[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, rows[autoAddNumberIdxEdit], updated);
-      rowsView[index] = (0, _extends3['default'])({}, rowsView[index], updated);
-      return row;
-    });
-    _this3.onGridRowsUpdatedZJ('confirmCallbackBatchEditBigTable', rows, rowsView);
-  };
-
-  this.getRows = function (rows) {
-    var _state7 = _this3.state,
-        filters = _state7.filters,
-        sortColumn = _state7.sortColumn,
-        sortDirection = _state7.sortDirection;
-    // 预处理数据，替换 null或undefined 值, 避免查询时报错
-
-    var cleanedRows = (rows || _this3.state.rows).map(function (row) {
-      var cleanedRow = {};
-      Object.keys(row).forEach(function (key) {
-        cleanedRow[key] = row[key] === null || row[key] === undefined ? '' : row[key]; // 将 null或undefined 替换为空字符串或其他默认值
-      });
-      return cleanedRow;
-    });
-    return Selectors.getRows({ rows: cleanedRows, filters: filters, sortColumn: sortColumn, sortDirection: sortDirection });
-  };
-
-  this.getSize = function () {
-    var rowsView = _this3.state.rowsView;
-
-    return rowsView.length;
-  };
-
-  this.rowGetter = function (rowIdx) {
-    var rowsView = _this3.state.rowsView;
-    // autoAddNumber_idx_view 自动添加序号 显示数据的索引
-
-    if (rowsView[rowIdx]) {
-      rowsView[rowIdx].autoAddNumber_idx_view = rowIdx + 1;
-    }
-    return rowsView[rowIdx];
-  };
-
-  this.touchLoopDataNum = function (dataList) {
-    var arrDataList = [];
-    dataList.map(function (row, index) {
-      // autoAddNumber_idx_edit 自动添加序号 原始数据的索引
-      arrDataList.push((0, _extends3['default'])({}, row, { autoAddNumber_idx_edit: index }));
-      return row;
-    });
-    return arrDataList;
-  };
-
-  this.touchSetState = function (objState, callback) {
-    // objState 要设置的state对象
-    // callback 回调函数 非必须
-    if (callback && typeof callback === 'function') {
-      _this3.setState(objState, callback);
-    } else {
-      _this3.setState(objState);
-    }
-  };
-
-  this.touchLoopData = function () {
-    var rowsView = _this3.state.rowsView;
-
-    var objTotal = {}; // 总计对象
-    rowsView.map(function (row, index) {
-      _this3.columns.map(function (item, idx) {
-        var name = item.name,
-            key = item.key,
-            totalFlag = item.totalFlag,
-            numberFormat = item.numberFormat;
-
-        if (totalFlag && typeof totalFlag === 'boolean') {
-          if (index === 0) {
-            objTotal[key] = {}; // 初始值
-            objTotal[key].name = name; // 初始值
-            objTotal[key].value = 0; // 初始值
-            objTotal[key].numberFormat = numberFormat; // 格式化
-          }
-          var intData = Number(row[key]) || 0;
-          objTotal[key].value = (objTotal[key].value || 0) + intData;
-        }
-        return idx;
-      });
-      return index;
-    });
-    return objTotal;
-  };
-
-  this.getHearder = function () {
-    var columns = _this3.props.columns;
-    var _props6 = _this3.props,
-        arrColumnsKey = _props6.arrColumnsKey,
-        objSheet = _props6.objSheet,
-        arrColInfo = _props6.arrColInfo;
-
-
-    var arrColumnsKeyNew = ['id'];
-    var objSheetNew = { id: 'id' };
-    // 定义列信息，隐藏第一列（A列）
-    var arrColInfoNew = [{ hidden: true }];
-    columns.forEach(function (column) {
-      var key = column.key,
-          name = column.name,
-          hiddeKeys = column.hiddeKeys;
-
-      objSheetNew[key] = name;
-      arrColumnsKeyNew.push(key);
-      arrColInfoNew.push({});
-      if (hiddeKeys) {
-        var arrHiddenKeys = hiddeKeys.split(',');
-        arrHiddenKeys.map(function (item) {
-          if (item === key) {
-            // 隐藏列与显示列相同，则不添加入表头
-          } else {
-            objSheetNew[item] = item;
-            arrColumnsKeyNew.push(item);
-            arrColInfoNew.push({
-              hidden: true
-            });
-          }
-          return item;
-        });
-      }
-    });
-
-    return { arrColumnsKey: arrColumnsKey || arrColumnsKeyNew, objSheet: objSheet || objSheetNew, arrColInfo: arrColInfo || arrColInfoNew };
-  };
-
-  this.onGridSort = function (sortColumn, sortDirection) {
-    _this3.setState({ sortColumn: sortColumn, sortDirection: sortDirection }, function () {
-      var rowsView = _this3.getRows();
-      _this3.touchSetState({ rowsView: rowsView });
-    });
-  };
-
-  this.getValidFilterValues = function (columnId) {
-    var rows = _this3.state.rows;
-    var columns = _this3.props.columns;
-
-    var column = columns.find(function (item) {
-      return item.key === columnId;
-    });
-    var options = column.options,
-        isTransformFlag = column.isTransformFlag;
-
-    var values = [];
-    rows.map(function (r) {
-      if (r[columnId] === '' || r[columnId] === null || r[columnId] === undefined) {
-        return r;
-      } else {
-        values.push(r[columnId]);
-        return r;
-      }
-    });
-    var arrOptionsLabel = [];
-    var arrValues = values.filter(function (item, i, a) {
-      var flag = i === a.indexOf(item);
-      if (flag && isTransformFlag) {
-        var strLabel = '';
-        var isLabel = false;
-        options.map(function (option) {
-          if (option.value === item) {
-            strLabel = option.label;
-            isLabel = true;
-          }
-          return option;
-        });
-        arrOptionsLabel.push(isLabel ? strLabel : item);
-      }
-      return flag;
-    });
-    // arrOptionsLabel label数组
-    // arrValues // value数组
-    return isTransformFlag ? arrOptionsLabel : arrValues;
-  };
-
-  this.handleFilterChange = function (filter) {
-    var newFilters = (0, _extends3['default'])({}, _this3.state.filters);
-    if (filter.filterTerm) {
-      var filterTerm = filter.filterTerm,
-          column = filter.column;
-      var options = column.options,
-          isTransformFlag = column.isTransformFlag;
-
-      if (options instanceof Array && options.length > 0 && filterTerm instanceof Array && isTransformFlag) {
-        var arrFilterTerm = [];
-        filterTerm.map(function (item) {
-          var isFlag = false;
-          options.map(function (option) {
-            if (item.label === option.label) {
-              arrFilterTerm.push({ value: option.value, label: option.value });
-              isFlag = true;
-            }
-            return option;
-          });
-          if (!isFlag) {
-            arrFilterTerm.push((0, _extends3['default'])({}, item));
-          }
-          return item;
-        });
-        filter.filterTerm = arrFilterTerm;
-        filter.rawValue = arrFilterTerm;
-      }
-      newFilters[filter.column.key] = filter;
-    } else {
-      delete newFilters[filter.column.key];
-    }
-    _this3.setState({ filters: newFilters }, function () {
-      var rowsView = _this3.getRows();
-      _this3.touchSetState({ rowsView: rowsView });
-    });
-  };
-
-  this.onClearFilters = function () {
-    // all filters removed
-    _this3.setState({ filters: {} }, function () {
-      var rowsView = _this3.getRows();
-      _this3.touchSetState({ rowsView: rowsView });
-    });
-  };
-
-  this.getToolbar = function () {
-    var objToolbarProps = _this3.props.objToolbarProps;
-    var addRowFlag = objToolbarProps.addRowFlag,
-        addRowButtonText = objToolbarProps.addRowButtonText,
-        touchAddRow = objToolbarProps.touchAddRow,
-        enableFilter = objToolbarProps.enableFilter,
-        filterRowsButtonText = objToolbarProps.filterRowsButtonText,
-        arrBtn = objToolbarProps.arrBtn,
-        batchFlag = objToolbarProps.batchFlag,
-        batchButtonText = objToolbarProps.batchButtonText,
-        showModalBatchEditBigTable = objToolbarProps.showModalBatchEditBigTable,
-        saveFlag = objToolbarProps.saveFlag,
-        saveButtonText = objToolbarProps.saveButtonText,
-        deleteFlag = objToolbarProps.deleteFlag,
-        deleteButtonText = objToolbarProps.deleteButtonText,
-        deleteRow = objToolbarProps.deleteRow,
-        importFlag = objToolbarProps.importFlag,
-        importButtonText = objToolbarProps.importButtonText,
-        touchImport = objToolbarProps.touchImport,
-        exportFlag = objToolbarProps.exportFlag,
-        exportButtonText = objToolbarProps.exportButtonText,
-        touchExport = objToolbarProps.touchExport;
-
-    var toolbarProps = {};
-    if (addRowFlag) {
-      // 新增按钮
-      toolbarProps.onAddRow = touchAddRow || _this3.touchAddRow;
-      toolbarProps.addRowButtonText = addRowButtonText || '新增';
-    } else if (enableFilter) {
-      // 筛选按钮
-      toolbarProps.enableFilter = enableFilter;
-      toolbarProps.filterRowsButtonText = filterRowsButtonText || '筛选';
-    }
-    var toolbar = _react2['default'].createElement(
-      _reactDataGridAddons.Toolbar,
-      (0, _extends3['default'])({}, toolbarProps, {
-        // 行数
-        numberOfRows: _this3.getSize()
-      }),
-      arrBtn && arrBtn.map(function (btn) {
-        return _react2['default'].createElement(
-          'button',
-          { type: 'button', className: 'btn', onClick: btn.onClick },
-          btn.text
-        );
-      }),
-      batchFlag ? _react2['default'].createElement(
-        'button',
-        { type: 'button', className: 'btn', onClick: showModalBatchEditBigTable || _this3.showModalBatchEditBigTable },
-        batchButtonText || '批量录入'
-      ) : '',
-      saveFlag ? _react2['default'].createElement(
-        'button',
-        { type: 'button', className: 'btn', onClick: _this3.saveEditBigTableZJ },
-        saveButtonText || '保存'
-      ) : '',
-      deleteFlag ? _react2['default'].createElement(
-        'button',
-        { type: 'button', className: 'btn', onClick: deleteRow || _this3.deleteRow },
-        deleteButtonText || '删除'
-      ) : '',
-      importFlag ? _react2['default'].createElement(
-        'button',
-        { type: 'button', className: 'btn', onClick: touchImport || _this3.touchImport },
-        _react2['default'].createElement('input', { type: 'file', id: 'touchImportExcel', accept: '.xlsx, .xls', style: { display: 'none' } }),
-        importButtonText || '导入'
-      ) : '',
-      exportFlag ? _react2['default'].createElement(
-        'button',
-        { type: 'button', className: 'btn', onClick: touchExport || _this3.touchExport },
-        exportButtonText || '导出'
-      ) : ''
-    );
-    return toolbar;
-  };
-
-  this.onCheckCellIsEditable = function (obj) {
-    var column = obj.column;
-    // column：当前列的信息。
-    // idx：当前单元格的索引。
-    // row：当前行的数据。
-    // rowIdx：当前行的索引
-
-    var editable = column.editable,
-        editor = column.editor,
-        onCheckCellIsEditable = column.onCheckCellIsEditable;
-
-    var editableFlag = false; // 单元格是否可编辑 true 允许编辑 false 禁止编辑
-    if (editable || editor) {
-      // 单元格可编辑
-      editableFlag = true;
-      if (onCheckCellIsEditable && typeof onCheckCellIsEditable === 'function') {
-        editableFlag = onCheckCellIsEditable(obj); // 自定义单元格是否可编辑
-      }
-    } else {
-      editableFlag = false;
-    }
-    return editableFlag;
-  };
-
-  this.touchRowRenderer = function (obj) {
-    var _props7 = _this3.props,
-        onCheckCellIsEditable = _props7.onCheckCellIsEditable,
-        touchSetRowClass = _props7.touchSetRowClass,
-        touchSetRowStyle = _props7.touchSetRowStyle;
-    var renderBaseRow = obj.renderBaseRow,
-        columns = obj.columns,
-        row = obj.row,
-        idx = obj.idx;
-
-    var onCheckCellIsEditableNew = onCheckCellIsEditable || _this3.onCheckCellIsEditable;
-    var columnsNew = [];
-    // 单元格样式
-    columns.map(function (column, index) {
-      var touchSetCellClass = column.touchSetCellClass;
-
-      var cellClass = column.cellClass || '';
-
-      // 单元格样式
-      if (touchSetCellClass && typeof touchSetCellClass === 'function') {
-        cellClass += touchSetCellClass({ column: column, idx: idx, row: row, columnIndex: index });
-      }
-      // 编辑单元格样式
-      if (onCheckCellIsEditableNew({ column: column, idx: idx, row: row })) {
-        cellClass += 'custom-edit-cell'; // 编辑单元格样式
-      }
-      columnsNew.push((0, _extends3['default'])({}, column, { cellClass: cellClass }));
-      return column;
-    });
-    // 行样式-行class
-    var rowClass = '';
-    if (touchSetRowClass && typeof touchSetRowClass === 'function') {
-      rowClass = touchSetRowClass({ row: row, idx: idx, obj: obj });
-    }
-    // 行样式-行style
-    var rowStyle = {};
-    if (touchSetRowStyle && typeof touchSetRowStyle === 'function') {
-      rowStyle = touchSetRowStyle({ row: row, idx: idx, obj: obj });
-    }
-
-    return _react2['default'].createElement(
-      'span',
-      { className: rowClass, style: rowStyle },
-      renderBaseRow((0, _extends3['default'])({}, obj, {
-        columns: [].concat(columnsNew)
-      }))
-    );
-  };
-
-  this.getReactDataGridProps = function () {
-    var arrValues = _this3.state.arrValues;
-    var _props8 = _this3.props,
-        enableCellSelect = _props8.enableCellSelect,
-        rowKey = _props8.rowKey,
-        objToolbarProps = _props8.objToolbarProps,
-        rowSelection = _props8.rowSelection,
-        onCheckCellIsEditable = _props8.onCheckCellIsEditable,
-        touchRowRenderer = _props8.touchRowRenderer;
-
-    var objReactDataGridProps = {}; // ReactDataGrid属性对象
-    // toolbar属性
-    if (objToolbarProps) {
-      var enableFilter = objToolbarProps.enableFilter;
-
-      objReactDataGridProps.toolbar = _this3.getToolbar();
-      if (enableFilter) {
-        objReactDataGridProps.onAddFilter = _this3.handleFilterChange;
-        objReactDataGridProps.getValidFilterValues = _this3.getValidFilterValues;
-        objReactDataGridProps.onClearFilters = _this3.onClearFilters;
-      }
-    }
-    // 单元格选择
-    if (enableCellSelect && typeof enableCellSelect === 'boolean') {
-      objReactDataGridProps.enableCellSelect = enableCellSelect;
-      objReactDataGridProps.onGridRowsUpdated = _this3.onGridRowsUpdated; // 表格编辑
-      objReactDataGridProps.onCheckCellIsEditable = onCheckCellIsEditable || _this3.onCheckCellIsEditable; // 单元格是否可编辑
-      // if (onCheckCellIsEditable) {
-      // }
-      objReactDataGridProps.rowRenderer = touchRowRenderer || _this3.touchRowRenderer; // 表格行渲染
-    }
-    // 表格行选择
-    if (rowSelection && typeof rowSelection === 'boolean') {
-      objReactDataGridProps.rowSelection = { // 表格选择
-        showCheckbox: true,
-        enableShiftSelect: true,
-        onRowsSelected: _this3.onRowsSelected,
-        onRowsDeselected: _this3.onRowsDeselected,
-        selectBy: {
-          keys: {
-            rowKey: rowKey,
-            values: arrValues
-          }
-          // indexes: this.state.arrValues,
-        }
-      };
-    } else if (rowSelection) {
-      objReactDataGridProps.rowSelection = rowSelection;
-    }
-
-    return objReactDataGridProps;
-  };
-
-  this.createColumns = function () {
-    var _props9 = _this3.props,
-        autoAddNumber = _props9.autoAddNumber,
-        columns = _props9.columns;
-    // 自动添加序号
-
-    var columnsNew = [].concat(columns);
-    if (autoAddNumber && typeof autoAddNumber === 'boolean') {
-      var objColumns = columns && columns.length > 0 ? columns[0] : {};
-      var _objColumns$frozen = objColumns.frozen,
-          frozen = _objColumns$frozen === undefined ? false : _objColumns$frozen;
-
-      columnsNew = [{ name: '序号', key: 'autoAddNumber_idx_view', resizable: true, width: 50, frozen: frozen }].concat(columnsNew);
-    }
-    _this3.columns = columnsNew;
-    return columnsNew;
-  };
-
-  this.onGridRowsUpdatedZJ = function (operationType, rows, rowsView) {
-    var onGridRowsUpdated = _this3.props.onGridRowsUpdated;
-
-    if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-      // 数据变更-回调函数
-      onGridRowsUpdated(operationType, rows);
-      _this3.touchSetState({
-        rows: rows, // 表格数据
-        rowsView: rowsView, // 表格视图数据
-        saveFlag: false // 保存标识 true 已保存 false 未保存
-      });
-    }
-  };
-
-  this.saveEditBigTableZJ = function () {
-    var objToolbarProps = _this3.props.objToolbarProps;
-
-    var _ref2 = objToolbarProps || {},
-        saveEditBigTable = _ref2.saveEditBigTable;
-
-    if (saveEditBigTable && typeof saveEditBigTable === 'function') {
-      // 数据变更-回调函数
-      saveEditBigTable('saveEditBigTableZJ', function () {
-        return _this3.touchSetState({ saveFlag: true });
-      });
-    }
-  };
-
-  this.touchSetSaveFlag = function (saveFlag) {
-    _this3.setState({
-      saveFlag: saveFlag // 保存标识 true 已保存 false 未保存
-    });
-  };
-
-  this.checkReactDataGridData = function () {
-    var clearFiltersFlag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
-    if (clearFiltersFlag) {
-      _this3.onClearFilters(); // 清空筛选条件
-    }
-    _this3.checkData(); // 校验数据
-  };
-
-  this.checkData = function () {
-    var rows = _this3.state.rows;
-    var columns = _this3.props.columns;
-
-    var strCheckFailRows = ''; // 校验失败的行号
-    var arrRequiredMessage = []; // 必填提示信息
-    rows.forEach(function (row, rowIndex) {
-      var boolcheckFailFlag = false; // 校验失败标识
-      columns.forEach(function (column, columnIndex) {
-        var key = column.key,
-            strName = column.strName,
-            name = column.name;
-
-        var editable = _this3.onCheckCellIsEditable({ column: column, idx: columnIndex, row: row, rowIdx: rowIndex });
-        if (editable) {
-          // 编辑的单元格
-          var required = column.required;
-
-          if (required && typeof required === 'function') {
-            required = required({ row: row, rowIndex: rowIndex, column: column, columnIndex: columnIndex });
-          }
-          // key 字段
-          // required 必填
-          // strName 字串名称
-          // name 字段名称
-          if (required && !row[key]) {
-            boolcheckFailFlag = true;
-            var strRequiredMessage = '\u8BF7\u5F55\u5165\u7B2C' + (rowIndex + 1) + '\u884C\u7684' + (strName || name) + ';';
-            arrRequiredMessage.push(strRequiredMessage);
-          }
-        }
-      });
-      if (boolcheckFailFlag) {
-        if (strCheckFailRows) {
-          strCheckFailRows += ',' + (rowIndex + 1);
-        } else {
-          strCheckFailRows = '' + (rowIndex + 1);
-        }
-      }
-    });
-    if (strCheckFailRows) {
-      // 校验失败
-      _modal2['default'].error({
-        title: '校验失败',
-        content: _react2['default'].createElement(
-          'div',
-          null,
-          arrRequiredMessage.map(function (item, index) {
-            return index === 0 ? _react2['default'].createElement(
-              'span',
-              null,
-              item
-            ) : _react2['default'].createElement(
-              'span',
-              null,
-              _react2['default'].createElement('br', null),
-              item
-            );
-          })
-        )
-      });
-      console.error(arrRequiredMessage, strCheckFailRows);
-    }
-    return { arrRequiredMessage: arrRequiredMessage, strCheckFailRows: strCheckFailRows };
-  };
-
-  this.touchFormatNum = function (num) {
-    return num !== '' && !isNaN(num) && isFinite(num) ? (0, _numeral2['default'])(num).format('0,0.00') : num || '';
-  };
-};
-
-exports['default'] = Easy3wEditBigTable;
-module.exports = exports['default'];