easy3wui 1.5.55-beta15 → 1.5.55-beta16

package/lib/Easy3wEditBigTable/index.js

@@ -2,14 +2,6 @@
 
 exports.__esModule = true;
 
-var _modal = require('antd/lib/modal');
-
-var _modal2 = _interopRequireDefault(_modal);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -22,8 +14,6 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-require('antd/lib/modal/style');
-
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -54,839 +44,668 @@ var Selectors = _reactDataGridAddons.Data.Selectors;
 var Easy3wEditBigTable = function (_Component) {
   (0, _inherits3['default'])(Easy3wEditBigTable, _Component);
 
-  function Easy3wEditBigTable(props) {
+  function Easy3wEditBigTable() {
     (0, _classCallCheck3['default'])(this, Easy3wEditBigTable);
-
-    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
-
-    _this.bidPureComponent = function (pureComponentName, that) {
-      _this[pureComponentName] = that;
-    };
-
-    _this.ReactDataGridRef = function (ref) {
-      if (ref) {
-        _this.ReactDataGridRef = ref;
-      }
-    };
-
-    _this.onGridRowsUpdated = function (objUpdated) {
-      var fromRowData = objUpdated.fromRowData;
-      var updated = objUpdated.updated;
-      var _this$props = _this.props,
-          touchAutoCompute = _this$props.touchAutoCompute,
-          onGridRowsUpdated = _this$props.onGridRowsUpdated,
-          dataList = _this$props.dataList;
-
-      if (touchAutoCompute && typeof touchAutoCompute === 'function') {
-        // 数据变更-自动计算行数据
-        updated = touchAutoCompute(objUpdated);
-      }
-      var autoAddNumberIdxEdit = fromRowData.autoAddNumber_idx_edit;
-
-      dataList[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, fromRowData, updated);
-      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-        // 数据变更-回调函数
-        onGridRowsUpdated('onGridRowsUpdated', dataList);
-      }
-    };
-
-    _this.onGridSort = function (sortColumn, sortDirection) {
-      _this.setState({ sortColumn: sortColumn, sortDirection: sortDirection });
-    };
-
-    _this.onRowsSelected = function (rows) {
-      var _this$state = _this.state,
-          arrValues = _this$state.arrValues,
-          arrValuesInfo = _this$state.arrValuesInfo;
-      var _this$props2 = _this.props,
-          rowKey = _this$props2.rowKey,
-          onRowsSelectedCb = _this$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);
-      }
-      _this.onSelectedRowsChange(arrValues, arrValuesInfo);
-    };
-
-    _this.onRowsDeselected = function (rows) {
-      var arrValuesInfo = _this.state.arrValuesInfo;
-      var _this$props3 = _this.props,
-          rowKey = _this$props3.rowKey,
-          onRowsSelectedCb = _this$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);
-      }
-      _this.onSelectedRowsChange(arrValuesNew, arrValuesInfoNew);
-    };
-
-    _this.onSelectedRowsChange = function (arrValues, arrValuesInfo) {
-      _this.setState({ arrValues: arrValues, arrValuesInfo: arrValuesInfo });
-    };
-
-    _this.touchAddRow = function () {
-      var _this$props4 = _this.props,
-          onGridRowsUpdated = _this$props4.onGridRowsUpdated,
-          dataList = _this$props4.dataList;
-
-      var dataListNew = [].concat(dataList, [{}]);
-      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-        // 数据变更-回调函数
-        onGridRowsUpdated('touchAddRow', dataListNew);
-      }
-    };
-
-    _this.touchCopyRow = function () {
-      var _this$props5 = _this.props,
-          onGridRowsUpdated = _this$props5.onGridRowsUpdated,
-          dataList = _this$props5.dataList;
-      var arrValues = _this.state.arrValues;
-
-      if (arrValues.length) {
-        var newArr = []; // 复制的新数组
-        arrValues.forEach(function (key) {
-          var newRow = (0, _extends3['default'])({}, dataList[key]);
-          newArr.push(newRow);
-          return key;
-        });
-        var dataListNew = [].concat(dataList, newArr);
-        if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-          // 数据变更-回调函数
-          onGridRowsUpdated('touchCopyRow', dataListNew);
-        }
-      } else {
-        _modal2['default'].error({
-          title: '错误',
-          content: '请选择要复制的行'
-        });
-      }
-    };
-
-    _this.deleteRow = function () {
-      var _this$props6 = _this.props,
-          dataList = _this$props6.dataList,
-          onGridRowsUpdated = _this$props6.onGridRowsUpdated,
-          objToolbarProps = _this$props6.objToolbarProps,
-          rowKey = _this$props6.rowKey;
-      var deleteRowInterface = objToolbarProps.deleteRowInterface;
-      var arrValues = _this.state.arrValues;
-
-      if (arrValues.length) {
-        // const dataListNew = []; // 删除选择行后的新数组
-        var dataListDel = []; // 要删除的行数组
-        var dataListNew = dataList.filter(function (row) {
-          var flag = true;
-          arrValues.map(function (key) {
-            if (key === row[rowKey]) {
-              dataListDel.push(row);
-              // 删除选择的行
-              flag = false;
-            }
-            return key;
-          });
-          return flag;
-        });
-        if (deleteRowInterface && typeof deleteRowInterface === 'function') {
-          // 删除行接口
-          deleteRowInterface(dataListDel, arrValues);
-        }
-        if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-          // 数据变更-回调函数
-          onGridRowsUpdated('deleteRow', dataListNew);
-        }
-        _this.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 onGridRowsUpdated = _this.props.onGridRowsUpdated;
-
-          var _this$getHearder = _this.getHearder(),
-              arrColumnsKey = _this$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();
-          if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-            // 数据变更-回调函数
-            onGridRowsUpdated('touchImport', rows);
-          }
-        };
-        reader.readAsBinaryString(file);
-      };
-      input.click();
-    };
-
-    _this.touchExport = function () {
-      var _this$getHearder2 = _this.getHearder(),
-          objSheet = _this$getHearder2.objSheet,
-          arrColInfo = _this$getHearder2.arrColInfo;
-
-      var filterDataList = _this.getRows();
-      // 计算 filterDataList 中所有对象字段最多的长度
-      var maxFieldsLength = 0;
-      filterDataList.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(filterDataList), { 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 () {
-      _this.setState({
-        visible: true // 显示批量录入Modal
-      });
-    };
-
-    _this.hideModalBatchEditBigTable = function () {
-      _this.setState({
-        visible: false // 隐藏批量录入Modal
-      });
-    };
-
-    _this.confirmCallbackBatchEditBigTable = function (objFormData, objColumn) {
-      var _this$props7 = _this.props,
-          touchAutoCompute = _this$props7.touchAutoCompute,
-          onGridRowsUpdated = _this$props7.onGridRowsUpdated,
-          dataList = _this$props7.dataList,
-          rowKey = _this$props7.rowKey;
-      // if (touchAutoCompute && typeof touchAutoCompute === 'function') { // 数据变更-自动计算行数据
-      //   updated = touchAutoCompute(objUpdated);
-      // }
-
-      var rows = _this.getRows();
-      rows.map(function (row) {
-        var autoAddNumberIdxEdit = row.autoAddNumber_idx_edit,
-            autoAddNumberIdxView = row.autoAddNumber_idx_view;
-
-        var updated = (0, _extends3['default'])({}, objFormData);
-        if (touchAutoCompute && typeof touchAutoCompute === 'function') {
-          // 数据变更-自动计算行数据
-          // action 改变的动作类型，'CELL_UPDATE' 单元格更新，'CELL_BATCH_CHANGE' 单元格批量更新
-          // cellKey 改变的单元格的key
-          // fromRow 改变的单元格的原来行序号
-          // fromRowData 改变的单元格的原来行数据
-          // fromRowId 改变的单元格的原来行id(行唯一标识)
-          // rowIds 所有被选中的行id
-          // toRow 改变的单元格的新行序号
-          // toRowId 改变的单元格的新行id
-          // updated 改变的单元格的新值
-          updated = touchAutoCompute({ cellKey: objColumn.key, fromRow: autoAddNumberIdxView, toRow: autoAddNumberIdxView, fromRowId: row[rowKey], toRowId: row[rowKey], rowIds: [row[rowKey]], updated: updated, action: 'CELL_BATCH_CHANGE', fromRowData: row });
-        }
-        dataList[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, row, updated);
-        return row;
-      });
-      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
-        // 数据变更-回调函数
-        onGridRowsUpdated('confirmCallbackBatchEditBigTable', dataList);
-      }
-    };
-
-    _this.getRows = function () {
-      var _this$state2 = _this.state,
-          filters = _this$state2.filters,
-          sortColumn = _this$state2.sortColumn,
-          sortDirection = _this$state2.sortDirection;
-      var _this$props8 = _this.props,
-          dataList = _this$props8.dataList,
-          enableCellSelect = _this$props8.enableCellSelect,
-          rowSelection = _this$props8.rowSelection;
-
-      var rows = dataList;
-      if (enableCellSelect || rowSelection) {
-        rows = _this.touchLoopDataBefore();
-      }
-      return Selectors.getRows({ rows: rows, filters: filters, sortColumn: sortColumn, sortDirection: sortDirection });
-    };
-
-    _this.getSize = function () {
-      return _this.getRows().length;
-    };
-
-    _this.rowGetter = function (rowIdx) {
-      var rows = _this.getRows();
-      // autoAddNumber_idx_view 自动添加序号 序号列使用
-      return (0, _extends3['default'])({}, rows[rowIdx], { autoAddNumber_idx_view: rowIdx + 1 });
-    };
-
-    _this.touchLoopDataBefore = function () {
-      var dataList = _this.props.dataList;
-
-      dataList.map(function (row, index) {
-        // autoAddNumber_idx_edit 自动添加序号 数据更新时使用确定当前更新的行
-        dataList[index] = (0, _extends3['default'])({}, row, { autoAddNumber_idx_edit: index });
-        return row;
-      });
-      return dataList;
-    };
-
-    _this.touchLoopData = function () {
-      var rows = _this.getRows();
-      var objTotal = {}; // 总计对象
-      rows.map(function (row, index) {
-        _this.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 = _this.props.columns;
-      var _this$props9 = _this.props,
-          arrColumnsKey = _this$props9.arrColumnsKey,
-          objSheet = _this$props9.objSheet,
-          arrColInfo = _this$props9.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.handleFilterChange = function (filter) {
-      var newFilters = (0, _extends3['default'])({}, _this.state.filters);
-      if (filter.filterTerm) {
-        newFilters[filter.column.key] = filter;
-      } else {
-        delete newFilters[filter.column.key];
-      }
-      _this.setState({ filters: newFilters });
-    };
-
-    _this.onClearFilters = function () {
-      // all filters removed
-      _this.setState({ filters: {} });
-    };
-
-    _this.getToolbar = function () {
-      var objToolbarProps = _this.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,
-          saveEditBigTable = objToolbarProps.saveEditBigTable,
-          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 || _this.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: _this.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 || _this.showModalBatchEditBigTable },
-          batchButtonText || '批量录入'
-        ) : '',
-        saveFlag ? _react2['default'].createElement(
-          'button',
-          { type: 'button', className: 'btn', onClick: saveEditBigTable },
-          saveButtonText || '保存'
-        ) : '',
-        deleteFlag ? _react2['default'].createElement(
-          'button',
-          { type: 'button', className: 'btn', onClick: deleteRow || _this.deleteRow },
-          deleteButtonText || '删除'
-        ) : '',
-        importFlag ? _react2['default'].createElement(
-          'button',
-          { type: 'button', className: 'btn', onClick: touchImport || _this.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 || _this.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 onCheckCellIsEditable = _this.props.onCheckCellIsEditable;
-      var renderBaseRow = obj.renderBaseRow,
-          columns = obj.columns,
-          row = obj.row,
-          idx = obj.idx;
-
-      var onCheckCellIsEditableNew = onCheckCellIsEditable || _this.onCheckCellIsEditable;
-      var columnsNew = [].concat(columns);
-      columns.map(function (column, index) {
-        if (onCheckCellIsEditableNew({ column: column, idx: idx, row: row })) {
-          columnsNew[index] = (0, _extends3['default'])({}, column, { cellClass: (column.cellClass || '') + ' custom-edit-cell' });
-        }
-        return column;
-      });
-      return _react2['default'].createElement(
-        'span',
-        null,
-        renderBaseRow((0, _extends3['default'])({}, obj, {
-          columns: [].concat(columnsNew)
-        }))
-      );
-    };
-
-    _this.getReactDataGridProps = function () {
-      var arrValues = _this.state.arrValues;
-      var _this$props10 = _this.props,
-          enableCellSelect = _this$props10.enableCellSelect,
-          rowKey = _this$props10.rowKey,
-          objToolbarProps = _this$props10.objToolbarProps,
-          rowSelection = _this$props10.rowSelection,
-          onCheckCellIsEditable = _this$props10.onCheckCellIsEditable,
-          touchRowRenderer = _this$props10.touchRowRenderer;
-
-      var objReactDataGridProps = {}; // ReactDataGrid属性对象
-      // toolbar属性
-      if (objToolbarProps) {
-        var enableFilter = objToolbarProps.enableFilter;
-
-        objReactDataGridProps.toolbar = _this.getToolbar();
-        if (enableFilter) {
-          objReactDataGridProps.onAddFilter = _this.handleFilterChange;
-          objReactDataGridProps.onClearFilters = _this.onClearFilters;
-        }
-      }
-      // 单元格选择
-      if (enableCellSelect && typeof enableCellSelect === 'boolean') {
-        objReactDataGridProps.enableCellSelect = enableCellSelect;
-        objReactDataGridProps.onGridRowsUpdated = _this.onGridRowsUpdated; // 表格编辑
-        objReactDataGridProps.onCheckCellIsEditable = onCheckCellIsEditable || _this.onCheckCellIsEditable; // 单元格是否可编辑
-        // if (onCheckCellIsEditable) {
-        // }
-        objReactDataGridProps.rowRenderer = touchRowRenderer || _this.touchRowRenderer; // 表格行渲染
-      }
-      // 表格行选择
-      if (rowSelection && typeof rowSelection === 'boolean') {
-        objReactDataGridProps.rowSelection = { // 表格选择
-          showCheckbox: true,
-          enableShiftSelect: true,
-          onRowsSelected: _this.onRowsSelected,
-          onRowsDeselected: _this.onRowsDeselected,
-          selectBy: {
-            keys: {
-              rowKey: rowKey || 'id',
-              values: arrValues
-            }
-            // indexes: this.state.arrValues,
-          }
-        };
-      } else if (rowSelection) {
-        objReactDataGridProps.rowSelection = rowSelection;
-      }
-
-      return objReactDataGridProps;
-    };
-
-    _this.createColumns = function () {
-      var _this$props11 = _this.props,
-          autoAddNumber = _this$props11.autoAddNumber,
-          columns = _this$props11.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);
-      }
-      _this.columns = columnsNew;
-      return columnsNew;
-    };
-
-    _this.checkReactDataGridData = function () {
-      var clearFiltersFlag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
-      if (clearFiltersFlag) {
-        _this.onClearFilters(); // 清空筛选条件
-      }
-      _this.checkData(); // 校验数据
-    };
-
-    _this.checkData = function () {
-      var _this$props12 = _this.props,
-          columns = _this$props12.columns,
-          dataList = _this$props12.dataList;
-
-      var strCheckFailRows = ''; // 校验失败的行号
-      var arrRequiredMessage = []; // 必填提示信息
-      dataList.forEach(function (row, index) {
-        var boolcheckFailFlag = false; // 校验失败标识
-        columns.forEach(function (item) {
-          var key = item.key,
-              required = item.required,
-              strName = item.strName,
-              name = item.name;
-          // key 字段
-          // required 必填
-          // strName 字串名称
-          // name 字段名称
-
-          if (required && !row[key]) {
-            boolcheckFailFlag = true;
-            var strRequiredMessage = '\u8BF7\u5F55\u5165\u7B2C' + (index + 1) + '\u884C\u7684' + (strName || name) + ';';
-            arrRequiredMessage.push(strRequiredMessage);
-          }
-        });
-        if (boolcheckFailFlag) {
-          if (strCheckFailRows) {
-            strCheckFailRows += ',' + (index + 1);
-          } else {
-            strCheckFailRows = '' + (index + 1);
-          }
-        }
-      });
-      _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 !isNaN(num) && isFinite(num) ? (0, _numeral2['default'])(num).format('0,0.00') : num || '';
-    };
-
-    var bidPureComponent = _this.props.bidPureComponent;
-
-    if (bidPureComponent && typeof bidPureComponent === 'function') {
-      bidPureComponent(_this);
-    }
-    _this.state = {
-      // 表格选择
-      arrValues: [], // 表格选择行索引
-      arrValuesInfo: [], // 表格选择行数据
-      // 查询条件
-      filters: {},
-      // 排序--sort
-      sortColumn: null, // 排序列
-      sortDirection: null, // 排序方向
-      // 批量录入
-      visible: false // 隐藏批量录入Modal
-    };
-    return _this;
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
   }
 
-  Easy3wEditBigTable.prototype.componentDidMount = function componentDidMount() {};
-
-  Easy3wEditBigTable.prototype.componentWillUnmount = function componentWillUnmount() {};
-  // 绑定组件
-
-  // 获取列表
-
-  // 表格编辑
-
-  // 表头排序
-
-  // #region 表格选择
-  // 表格选择---选择
-
-  // 表格选择---取消选择
-
-  // 改变选择状态
-
-  // #endregion 表格选择
-  // #region 右上角按钮处理--toolbar
-  // 新增
-
-  // 复制
-
-  // 删除
-
-  // 导入
-
-  // 导出--数据
-
-  // 批量录入--显示批量录入Modal
-
-  // 批量录入--隐藏批量录入Modal
-
-  // 批量录入--确认回调
-
-  // #endregion 右上角按钮处理--toolbar
-  // #region 数据处理
-
-  // 数据长度
-
-  // 表格数据函数
-
-  // 数据循环--处理前的数据
-
-  // 数据循环--处理后的数据
-
-  // 导入导出表头
-
-  // #endregion 数据处理
-  // #region 查询条件
-  // 筛选条件变更
-
-  // 清空筛选条件
-
-  // #endregion 查询条件
-
-  // #region toolbar处理
-
-  // #endregion toolbar处理
-  // #region 设置ReactDataGrid属性
-  // 在单元格设置为活动状态之前调用，返回一个布尔值以确定单元格是否可编辑
-
-  // 表格行渲染
-
-  // 创建columns
-
-  // #endregion 设置ReactDataGrid属性
-  // #region 校验数据
-  // 校验处理
-
-  // 校验数据
-
-  // #endregion 校验数据
-  // 转换数字
-
-
+  // static defaultProps = {
+  //   rowKey: 'autoAddNumber_idx_edit',
+  // };
+  // constructor(props) {
+  //   super(props);
+  //   const { bidPureComponent } = this.props;
+  //   if (bidPureComponent && typeof bidPureComponent === 'function') {
+  //     bidPureComponent(this);
+  //   }
+  //   this.state = {
+  //     // 表格选择
+  //     arrValues: [], // 表格选择行索引
+  //     arrValuesInfo: [], // 表格选择行数据
+  //     // 查询条件
+  //     filters: {},
+  //     // 排序--sort
+  //     sortColumn: null, // 排序列
+  //     sortDirection: null, // 排序方向
+  //     // 批量录入
+  //     visible: false, // 隐藏批量录入Modal
+  //   };
+  // }
+  // componentDidMount() {
+  // }
+  // componentWillUnmount() {
+  // }
+  // // 绑定组件
+  // bidPureComponent = (pureComponentName, that) => {
+  //   this[pureComponentName] = that;
+  // }
+  // // 获取列表
+  // ReactDataGridRef = (ref) => {
+  //   if (ref) {
+  //     this.ReactDataGridRef = ref;
+  //   }
+  // }
+  // // 表格编辑
+  // onGridRowsUpdated = (objUpdated) => {
+  //   const { fromRowData } = objUpdated;
+  //   let { updated } = objUpdated;
+  //   const { touchAutoCompute, onGridRowsUpdated, dataList } = this.props;
+  //   if (touchAutoCompute && typeof touchAutoCompute === 'function') { // 数据变更-自动计算行数据
+  //     updated = touchAutoCompute(objUpdated);
+  //   }
+  //   const { autoAddNumber_idx_edit: autoAddNumberIdxEdit } = fromRowData;
+  //   dataList[autoAddNumberIdxEdit] = { ...fromRowData, ...updated };
+  //   if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //     onGridRowsUpdated('onGridRowsUpdated', dataList);
+  //   }
+  // }
+  // // 表头排序
+  // onGridSort = (sortColumn, sortDirection) => {
+  //   this.setState({ sortColumn, sortDirection });
+  // };
+  // // #region 表格选择
+  // // 表格选择---选择
+  // onRowsSelected = (rows) => {
+  //   let { arrValues, arrValuesInfo } = this.state;
+  //   const { rowKey, onRowsSelectedCb } = this.props;
+  //   const arrValuesNew = []; // 表格选择行索引
+  //   const arrValuesInfoNew = []; // 表格选择行数据
+  //   rows.map((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);
+  //   }
+  //   this.onSelectedRowsChange(arrValues, arrValuesInfo);
+  // }
+  // // 表格选择---取消选择
+  // onRowsDeselected = (rows) => {
+  //   const { arrValuesInfo } = this.state;
+  //   const { rowKey, onRowsSelectedCb } = this.props;
+  //   const arrValuesNew = []; // 表格选择行索引
+  //   const arrValuesInfoNew = []; // 表格选择行数据
+  //   const arrSelected = []; // 已选择的行索引
+  //   const arrSelectedInfo = []; // 已选择的行数据
+  //   arrValuesInfo.filter((item) => {
+  //     let flag = true;
+  //     rows.map((r) => {
+  //       const { row } = r;
+  //       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);
+  //   }
+  //   this.onSelectedRowsChange(arrValuesNew, arrValuesInfoNew);
+  // }
+  // // 改变选择状态
+  // onSelectedRowsChange = (arrValues, arrValuesInfo) => {
+  //   this.setState({ arrValues, arrValuesInfo });
+  // }
+  // // #endregion 表格选择
+  // // #region 右上角按钮处理--toolbar
+  // // 新增
+  // touchAddRow = () => {
+  //   const { onGridRowsUpdated, dataList } = this.props;
+  //   const dataListNew = [...dataList, {}];
+  //   if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //     onGridRowsUpdated('touchAddRow', dataListNew);
+  //   }
+  // }
+  // // 复制
+  // touchCopyRow = () => {
+  //   const { onGridRowsUpdated, dataList } = this.props;
+  //   const { arrValues } = this.state;
+  //   if (arrValues.length) {
+  //     const newArr = []; // 复制的新数组
+  //     arrValues.forEach((key) => {
+  //       const newRow = { ...dataList[key] };
+  //       newArr.push(newRow);
+  //       return key;
+  //     });
+  //     const dataListNew = [...dataList, ...newArr];
+  //     if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //       onGridRowsUpdated('touchCopyRow', dataListNew);
+  //     }
+  //   } else {
+  //     Modal.error({
+  //       title: '错误',
+  //       content: '请选择要复制的行',
+  //     });
+  //   }
+  // }
+  // // 删除
+  // deleteRow = () => {
+  //   const { dataList, onGridRowsUpdated, objToolbarProps, rowKey } = this.props;
+  //   const { deleteRowInterface } = objToolbarProps;
+  //   const { arrValues } = this.state;
+  //   if (arrValues.length) {
+  //     // const dataListNew = []; // 删除选择行后的新数组
+  //     const dataListDel = []; // 要删除的行数组
+  //     const dataListNew = dataList.filter((row) => {
+  //       let flag = true;
+  //       arrValues.map((key) => {
+  //         if (key === row[rowKey]) {
+  //           dataListDel.push(row);
+  //           // 删除选择的行
+  //           flag = false;
+  //         }
+  //         return key;
+  //       });
+  //       return flag;
+  //     });
+  //     if (deleteRowInterface && typeof deleteRowInterface === 'function') { // 删除行接口
+  //       deleteRowInterface(dataListDel, arrValues);
+  //     }
+  //     if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //       onGridRowsUpdated('deleteRow', dataListNew);
+  //     }
+  //     this.onSelectedRowsChange([], []); // 选择行清空
+  //   } else {
+  //     Modal.error({
+  //       title: '错误',
+  //       content: '请选择要删除的行',
+  //     });
+  //   }
+  // }
+  // // 导入
+  // touchImport = () => {
+  //   const input = document.getElementById('touchImportExcel');
+  //   // input.type = 'file';
+  //   input.onchange = (e) => {
+  //     const file = e.target.files[0];
+  //     const reader = new FileReader();
+  //     reader.onload = (event) => {
+  //       const { onGridRowsUpdated } = this.props;
+  //       const { arrColumnsKey } = this.getHearder();
+  //       const data = event.target.result;
+  //       const workbook = XLSX.read(data, { type: 'binary' });
+  //       const firstSheetName = workbook.SheetNames[0];
+  //       const worksheet = workbook.Sheets[firstSheetName];
+  //       const rows = XLSX.utils.sheet_to_json(worksheet, { header: arrColumnsKey });
+  //       rows.shift();
+  //       if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //         onGridRowsUpdated('touchImport', rows);
+  //       }
+  //     };
+  //     reader.readAsBinaryString(file);
+  //   };
+  //   input.click();
+  // }
+  // // 导出--数据
+  // touchExport = () => {
+  //   const { objSheet, arrColInfo } = this.getHearder();
+  //   const filterDataList = this.getRows();
+  //   // 计算 filterDataList 中所有对象字段最多的长度
+  //   let maxFieldsLength = 0;
+  //   filterDataList.forEach((item) => {
+  //     const fieldsLength = Object.keys(item).length;
+  //     if (fieldsLength > maxFieldsLength) {
+  //       maxFieldsLength = fieldsLength;
+  //     }
+  //     return item;
+  //   });
+  //   if (maxFieldsLength > arrColInfo.length) {
+  //     for (let i = arrColInfo.length; i < maxFieldsLength;) {
+  //       arrColInfo.push({ hidden: true });
+  //       i += 1;
+  //     }
+  //   }
+  //   // 创建工作簿和工作表
+  //   const worksheet = XLSX.utils.json_to_sheet([objSheet, ...filterDataList], { skipHeader: true });
+  //   worksheet['!cols'] = arrColInfo;
+  //   const workbook = XLSX.utils.book_new();
+  //   XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
+
+  //   // 生成Excel文件并触发下载
+  //   XLSX.writeFile(workbook, 'exported_data.xlsx');
+  // }
+  // // 批量录入--显示批量录入Modal
+  // showModalBatchEditBigTable = () => {
+  //   this.setState({
+  //     visible: true, // 显示批量录入Modal
+  //   });
+  // }
+  // // 批量录入--隐藏批量录入Modal
+  // hideModalBatchEditBigTable = () => {
+  //   this.setState({
+  //     visible: false, // 隐藏批量录入Modal
+  //   });
+  // }
+  // // 批量录入--确认回调
+  // confirmCallbackBatchEditBigTable = (objFormData, objColumn) => {
+  //   const { touchAutoCompute, onGridRowsUpdated, dataList, rowKey } = this.props;
+  //   // if (touchAutoCompute && typeof touchAutoCompute === 'function') { // 数据变更-自动计算行数据
+  //   //   updated = touchAutoCompute(objUpdated);
+  //   // }
+  //   const rows = this.getRows();
+  //   rows.map((row) => {
+  //     const { autoAddNumber_idx_edit: autoAddNumberIdxEdit, autoAddNumber_idx_view: autoAddNumberIdxView } = row;
+  //     let updated = { ...objFormData };
+  //     if (touchAutoCompute && typeof touchAutoCompute === 'function') { // 数据变更-自动计算行数据
+  //       // action 改变的动作类型，'CELL_UPDATE' 单元格更新，'CELL_BATCH_CHANGE' 单元格批量更新
+  //       // cellKey 改变的单元格的key
+  //       // fromRow 改变的单元格的原来行序号
+  //       // fromRowData 改变的单元格的原来行数据
+  //       // fromRowId 改变的单元格的原来行id(行唯一标识)
+  //       // rowIds 所有被选中的行id
+  //       // toRow 改变的单元格的新行序号
+  //       // toRowId 改变的单元格的新行id
+  //       // updated 改变的单元格的新值
+  //       updated = touchAutoCompute({ cellKey: objColumn.key, fromRow: autoAddNumberIdxView, toRow: autoAddNumberIdxView, fromRowId: row[rowKey], toRowId: row[rowKey], rowIds: [row[rowKey]], updated, action: 'CELL_BATCH_CHANGE', fromRowData: row });
+  //     }
+  //     dataList[autoAddNumberIdxEdit] = { ...row, ...updated };
+  //     return row;
+  //   });
+  //   if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') { // 数据变更-回调函数
+  //     onGridRowsUpdated('confirmCallbackBatchEditBigTable', dataList);
+  //   }
+  // }
+  // // #endregion 右上角按钮处理--toolbar
+  // // #region 数据处理
+  // getRows = () => {
+  //   const { filters, sortColumn, sortDirection } = this.state;
+  //   const { dataList, enableCellSelect, rowSelection } = this.props;
+  //   let rows = dataList;
+  //   if (enableCellSelect || rowSelection) {
+  //     rows = this.touchLoopDataBefore();
+  //   }
+  //   return Selectors.getRows({ rows, filters, sortColumn, sortDirection });
+  // }
+  // // 数据长度
+  // getSize = () => {
+  //   return this.getRows().length;
+  // }
+  // // 表格数据函数
+  // rowGetter = (rowIdx) => {
+  //   const rows = this.getRows();
+  //   // autoAddNumber_idx_view 自动添加序号 序号列使用
+  //   return { ...rows[rowIdx], autoAddNumber_idx_view: rowIdx + 1 };
+  // }
+  // // 数据循环--处理前的数据
+  // touchLoopDataBefore = () => {
+  //   const { dataList } = this.props;
+  //   dataList.map((row, index) => {
+  //     // autoAddNumber_idx_edit 自动添加序号 数据更新时使用确定当前更新的行
+  //     dataList[index] = { ...row, autoAddNumber_idx_edit: index };
+  //     return row;
+  //   });
+  //   return dataList;
+  // }
+  // // 数据循环--处理后的数据
+  // touchLoopData = () => {
+  //   const rows = this.getRows();
+  //   const objTotal = {}; // 总计对象
+  //   rows.map((row, index) => {
+  //     this.columns.map((item, idx) => {
+  //       const { name, key, totalFlag, numberFormat } = item;
+  //       if (totalFlag && typeof totalFlag === 'boolean') {
+  //         if (index === 0) {
+  //           objTotal[key] = {}; // 初始值
+  //           objTotal[key].name = name; // 初始值
+  //           objTotal[key].value = 0; // 初始值
+  //           objTotal[key].numberFormat = numberFormat; // 格式化
+  //         }
+  //         const intData = Number(row[key]) || 0;
+  //         objTotal[key].value = (objTotal[key].value || 0) + intData;
+  //       }
+  //       return idx;
+  //     });
+  //     return index;
+  //   });
+  //   return objTotal;
+  // }
+  // // 导入导出表头
+  // getHearder = () => {
+  //   const { columns } = this.props;
+  //   const { arrColumnsKey, objSheet, arrColInfo } = this.props;
+
+  //   const arrColumnsKeyNew = ['id'];
+  //   const objSheetNew = { id: 'id' };
+  //   // 定义列信息，隐藏第一列（A列）
+  //   const arrColInfoNew = [
+  //     { hidden: true }, // A列
+  //   ];
+  //   columns.forEach((column) => {
+  //     const { key, name, hiddeKeys } = column;
+  //     objSheetNew[key] = name;
+  //     arrColumnsKeyNew.push(key);
+  //     arrColInfoNew.push({});
+  //     if (hiddeKeys) {
+  //       const arrHiddenKeys = hiddeKeys.split(',');
+  //       arrHiddenKeys.map((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 };
+  // }
+  // // #endregion 数据处理
+  // // #region 查询条件
+  // // 筛选条件变更
+  // handleFilterChange = (filter) => {
+  //   const newFilters = Object.assign({}, this.state.filters);
+  //   if (filter.filterTerm) {
+  //     newFilters[filter.column.key] = filter;
+  //   } else {
+  //     delete newFilters[filter.column.key];
+  //   }
+  //   this.setState({ filters: newFilters });
+  // }
+  // // 清空筛选条件
+  // onClearFilters = () => {
+  //   // all filters removed
+  //   this.setState({ filters: {} });
+  // }
+  // // #endregion 查询条件
+
+  // // #region toolbar处理
+  // getToolbar = () => {
+  //   const { objToolbarProps } = this.props;
+  //   const {
+  //     // 新增
+  //     addRowFlag, // 新增按钮标识 非必须
+  //     addRowButtonText, // 新增按钮文字 非必须
+  //     touchAddRow, // 新增按钮点击事件 非必须
+  //     // 筛选
+  //     enableFilter, // 筛选按钮标识 非必须
+  //     filterRowsButtonText, // 筛选按钮文字 非必须
+  //     // 自定义按钮
+  //     arrBtn, // 自定义按钮数组 非必须
+  //     // 按钮标识 保存 删除 导入 导出
+  //     batchFlag, // 批量录入按钮标识 非必须
+  //     batchButtonText, // 批量录入按钮文字 非必须
+  //     showModalBatchEditBigTable, // 批量录入按钮点击事件 非必须
+  //     saveFlag, // 保存按钮标识 非必须
+  //     saveButtonText, // 保存按钮文字 非必须
+  //     saveEditBigTable, // 保存按钮点击事件 必须
+  //     deleteFlag, // 删除按钮标识 非必须
+  //     deleteButtonText, // 删除按钮文字 非必须
+  //     deleteRow, // 删除按钮点击事件 非必须
+  //     importFlag, // 导入按钮标识 非必须
+  //     importButtonText, // 导入按钮文字 非必须
+  //     touchImport, // 导入按钮点击事件 非必须
+  //     exportFlag, // 导出按钮标识 非必须
+  //     exportButtonText, // 导出按钮文字 非必须
+  //     touchExport, // 导出按钮点击事件 非必须
+  //   } = objToolbarProps;
+  //   const toolbarProps = {};
+  //   if (addRowFlag) { // 新增按钮
+  //     toolbarProps.onAddRow = touchAddRow || this.touchAddRow;
+  //     toolbarProps.addRowButtonText = addRowButtonText || '新增';
+  //   } else if (enableFilter) { // 筛选按钮
+  //     toolbarProps.enableFilter = enableFilter;
+  //     toolbarProps.filterRowsButtonText = filterRowsButtonText || '筛选';
+  //   }
+  //   const toolbar = (
+  //     <Toolbar
+  //       {...toolbarProps}
+  //       // 行数
+  //       numberOfRows={this.getSize()}
+  //     >
+  //       {/* 自定义按钮 */}
+  //       {
+  //         arrBtn && arrBtn.map(btn => (
+  //           <button type="button" className="btn" onClick={btn.onClick}>
+  //             {btn.text}
+  //           </button>
+  //         ))
+  //       }
+  //       {/* 批量录入 删除 保存 导入 导出 */}
+  //       {
+  //         batchFlag ? (
+  //           <button type="button" className="btn" onClick={showModalBatchEditBigTable || this.showModalBatchEditBigTable}>
+  //             {batchButtonText || '批量录入'}
+  //           </button>
+  //         ) : ''
+  //       }
+  //       {
+  //         saveFlag ? (
+  //           <button type="button" className="btn" onClick={saveEditBigTable}>
+  //             {saveButtonText || '保存'}
+  //           </button>
+  //         ) : ''
+  //       }
+  //       {
+  //         deleteFlag ? (
+  //           <button type="button" className="btn" onClick={deleteRow || this.deleteRow}>
+  //             {deleteButtonText || '删除'}
+  //           </button>
+  //         ) : ''
+  //       }
+  //       {
+  //         importFlag ? (
+  //           <button type="button" className="btn" onClick={touchImport || this.touchImport}>
+  //             <input type="file" id="touchImportExcel" accept=".xlsx, .xls" style={{ display: 'none' }} />
+  //             {importButtonText || '导入'}
+  //           </button>
+  //         ) : ''
+  //       }
+  //       {
+  //         exportFlag ? (
+  //           <button type="button" className="btn" onClick={touchExport || this.touchExport}>
+  //             {exportButtonText || '导出'}
+  //           </button>
+  //         ) : ''
+  //       }
+  //     </Toolbar>
+  //   );
+  //   return toolbar;
+  // }
+  // // #endregion toolbar处理
+  // // #region 设置ReactDataGrid属性
+  // // 在单元格设置为活动状态之前调用，返回一个布尔值以确定单元格是否可编辑
+  // onCheckCellIsEditable = (obj) => {
+  //   const { column } = obj;
+  //   // column：当前列的信息。
+  //   // idx：当前单元格的索引。
+  //   // row：当前行的数据。
+  //   // rowIdx：当前行的索引
+  //   const { editable, editor, onCheckCellIsEditable } = column;
+  //   let editableFlag = false; // 单元格是否可编辑 true 允许编辑 false 禁止编辑
+  //   if (editable || editor) { // 单元格可编辑
+  //     editableFlag = true;
+  //     if (onCheckCellIsEditable && typeof onCheckCellIsEditable === 'function') {
+  //       editableFlag = onCheckCellIsEditable(obj); // 自定义单元格是否可编辑
+  //     }
+  //   } else {
+  //     editableFlag = false;
+  //   }
+  //   return editableFlag;
+  // }
+  // // 表格行渲染
+  // touchRowRenderer = (obj) => {
+  //   const { onCheckCellIsEditable } = this.props;
+  //   const { renderBaseRow, columns, row, idx } = obj;
+  //   const onCheckCellIsEditableNew = onCheckCellIsEditable || this.onCheckCellIsEditable;
+  //   const columnsNew = [...columns];
+  //   columns.map((column, index) => {
+  //     if (onCheckCellIsEditableNew({ column, idx, row })) {
+  //       columnsNew[index] = { ...column, cellClass: `${column.cellClass || ''} custom-edit-cell` };
+  //     }
+  //     return column;
+  //   });
+  //   return (
+  //     <span>
+  //       {renderBaseRow({
+  //         ...obj,
+  //         columns: [...columnsNew],
+  //       })}
+  //     </span>
+  //   );
+  // }
+  // getReactDataGridProps = () => {
+  //   const { arrValues } = this.state;
+  //   const { enableCellSelect, rowKey, objToolbarProps, rowSelection, onCheckCellIsEditable, touchRowRenderer } = this.props;
+  //   const objReactDataGridProps = { }; // ReactDataGrid属性对象
+  //   // toolbar属性
+  //   if (objToolbarProps) {
+  //     const { enableFilter } = objToolbarProps;
+  //     objReactDataGridProps.toolbar = this.getToolbar();
+  //     if (enableFilter) {
+  //       objReactDataGridProps.onAddFilter = this.handleFilterChange;
+  //       objReactDataGridProps.onClearFilters = this.onClearFilters;
+  //     }
+  //   }
+  //   // 单元格选择
+  //   if (enableCellSelect && typeof enableCellSelect === 'boolean') {
+  //     objReactDataGridProps.enableCellSelect = enableCellSelect;
+  //     objReactDataGridProps.onGridRowsUpdated = this.onGridRowsUpdated; // 表格编辑
+  //     objReactDataGridProps.onCheckCellIsEditable = onCheckCellIsEditable || this.onCheckCellIsEditable; // 单元格是否可编辑
+  //     // if (onCheckCellIsEditable) {
+  //     // }
+  //     objReactDataGridProps.rowRenderer = touchRowRenderer || this.touchRowRenderer; // 表格行渲染
+  //   }
+  //   // 表格行选择
+  //   if (rowSelection && typeof rowSelection === 'boolean') {
+  //     objReactDataGridProps.rowSelection = { // 表格选择
+  //       showCheckbox: true,
+  //       enableShiftSelect: true,
+  //       onRowsSelected: this.onRowsSelected,
+  //       onRowsDeselected: this.onRowsDeselected,
+  //       selectBy: {
+  //         keys: {
+  //           rowKey: rowKey || 'id',
+  //           values: arrValues,
+  //         },
+  //         // indexes: this.state.arrValues,
+  //       },
+  //     };
+  //   } else if (rowSelection) {
+  //     objReactDataGridProps.rowSelection = rowSelection;
+  //   }
+
+  //   return objReactDataGridProps;
+  // }
+  // // 创建columns
+  // createColumns = () => {
+  //   const { autoAddNumber, columns } = this.props;
+  //   // 自动添加序号
+  //   let columnsNew = [...columns];
+  //   if (autoAddNumber && typeof autoAddNumber === 'boolean') {
+  //     const objColumns = columns && columns.length > 0 ? columns[0] : {};
+  //     const { frozen = false } = objColumns;
+  //     columnsNew = [
+  //       { name: '序号', key: 'autoAddNumber_idx_view', resizable: true, width: 50, frozen },
+  //       ...columnsNew,
+  //     ];
+  //   }
+  //   this.columns = columnsNew;
+  //   return columnsNew;
+  // }
+  // // #endregion 设置ReactDataGrid属性
+  // // #region 校验数据
+  // // 校验处理
+  // checkReactDataGridData = (clearFiltersFlag = true) => {
+  //   if (clearFiltersFlag) {
+  //     this.onClearFilters(); // 清空筛选条件
+  //   }
+  //   this.checkData(); // 校验数据
+  // }
+  // // 校验数据
+  // checkData = () => {
+  //   const { columns, dataList } = this.props;
+  //   let strCheckFailRows = ''; // 校验失败的行号
+  //   const arrRequiredMessage = []; // 必填提示信息
+  //   dataList.forEach((row, index) => {
+  //     let boolcheckFailFlag = false; // 校验失败标识
+  //     columns.forEach((item) => {
+  //       const { key, required, strName, name } = item;
+  //       // key 字段
+  //       // required 必填
+  //       // strName 字串名称
+  //       // name 字段名称
+  //       if (required && !row[key]) {
+  //         boolcheckFailFlag = true;
+  //         const strRequiredMessage = `请录入第${index + 1}行的${strName || name};`;
+  //         arrRequiredMessage.push(strRequiredMessage);
+  //       }
+  //     });
+  //     if (boolcheckFailFlag) {
+  //       if (strCheckFailRows) {
+  //         strCheckFailRows += `,${index + 1}`;
+  //       } else {
+  //         strCheckFailRows = `${index + 1}`;
+  //       }
+  //     }
+  //   });
+  //   Modal.error({
+  //     title: '校验失败',
+  //     content: (
+  //       <div>
+  //         {arrRequiredMessage.map((item, index) => (index === 0 ? <span>{item}</span> : <span><br />{item}</span>))}
+  //       </div>
+  //     ),
+  //   });
+  //   console.error(arrRequiredMessage, strCheckFailRows);
+  //   return { arrRequiredMessage, strCheckFailRows };
+  // }
+  // // #endregion 校验数据
+  // // 转换数字
+  // touchFormatNum = (num) => {
+  //   return !isNaN(num) && isFinite(num) ? numeral(num).format('0,0.00') : num || '';
+  // }
   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() : {}; // 循环数据获取
+    // const { visible } = this.state;
+    // const { totalFlag, objOtherProps, objToolbarProps, strReactDataGridStyle, strAddReactDataGridStyle } = this.props;
+    // const objReactDataGridProps = this.getReactDataGridProps();
+    // const columns = this.createColumns(); // 表头
+    // const objTotal = totalFlag ? this.touchLoopData() : {}; // 循环数据获取
     return _react2['default'].createElement(
       'div',
       { style: { backgroundColor: '#fff' } },
-      _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
-            )
-          );
-        })
-      ) : ''
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null),
+      'Easy3wEditBigTable',
+      _react2['default'].createElement('br', null)
     );
   };
 
   return Easy3wEditBigTable;
 }(_react.Component);
 
-Easy3wEditBigTable.defaultProps = {
-  rowKey: 'autoAddNumber_idx_edit'
-};
 exports['default'] = Easy3wEditBigTable;
 module.exports = exports['default'];