easy3wui 1.5.63 → 1.5.64-beta.2

package/lib/Easy3wEditBigTable/index.js

@@ -2,14 +2,14 @@
 
 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 _extends4 = require('babel-runtime/helpers/extends');
+
+var _extends5 = _interopRequireDefault(_extends4);
+
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -65,57 +65,540 @@ var Easy3wEditBigTable = function (_Component) {
 
     var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
 
-    _initialiseProps.call(_this);
+    _this.bidPureComponent = function (pureComponentName, that) {
+      _this[pureComponentName] = that;
+    };
+
+    _this.touchDP = function () {
+      var rows = _this.props.rows;
+
+      var arrOriginalRows = [].concat(rows); // 原始数据
+      var _this$state = _this.state,
+          objFilters = _this$state.objFilters,
+          sortColumns = _this$state.sortColumns;
+
+      var arrRows = [].concat(arrOriginalRows);
+      if (objFilters.enabled) {
+        // 启用筛选条件
+        arrRows = _this.touchFilter(objFilters, arrOriginalRows);
+      }
+      if (sortColumns.length > 0) {
+        // 有排序字段
+        arrRows = _this.touchSort(sortColumns[0], arrOriginalRows);
+      }
+      return arrRows;
+    };
+
+    _this.touchFilter = function (objFilters, arrRows) {
+      var objFiltersNew = (0, _extends5['default'])({}, objFilters);
+      delete objFiltersNew.enabled;
+      var arrFilterKeys = Object.keys(objFiltersNew);
+      return arrRows.filter(function (r) {
+        var filterFlag = true;
+        arrFilterKeys.map(function (key) {
+          filterFlag = filterFlag && (objFilters[key] || objFilters[key] === 0 ? r[key] && r[key].includes(objFilters[key]) : true);
+          return key;
+        });
+        return filterFlag;
+      });
+    };
+
+    _this.touchSort = function (objSortColumns, arrRows) {
+      var columnKey = objSortColumns.columnKey,
+          direction = objSortColumns.direction;
+
+      var dataType = 'number'; // 默认数据类型
+      _this.props.columns.map(function (column) {
+        if (column.key === columnKey) {
+          dataType = column.dataType || dataType; // 获取数据类型
+        }
+        return true;
+      });
+      return arrRows.sort(function (a, b) {
+        // const comparator = getComparator(objSortColumns.columnKey);
+        var compResult = 0; // 比较结果
+        switch (dataType) {
+          case 'string':
+            // 字符串排序
+            // #region 特殊值处理
+            if (a[columnKey] === null && b[columnKey] === null) {
+              compResult = 0;
+            } else if (a[columnKey] === null) {
+              compResult = 1;
+            } else if (b[columnKey] === null) {
+              compResult = -1;
+            } else if (a[columnKey] === undefined && b[columnKey] === undefined) {
+              compResult = 0;
+            } else if (a[columnKey] === undefined) {
+              compResult = 1;
+            } else if (b[columnKey] === undefined) {
+              compResult = -1;
+              // #endregion 特殊值处理
+            } else {
+              compResult = a[columnKey].localeCompare(b[columnKey]); // 字符串排序
+            }
+            break;
+          case 'boolean':
+            // 布尔值排序
+            compResult = a[columnKey] === b[columnKey] ? 0 : a[columnKey] ? 1 : -1; // 布尔值排序
+            break;
+          case 'date':
+            // 日期排序
+            compResult = new Date(a[columnKey]).getTime() - new Date(b[columnKey]).getTime(); // 日期排序
+            break;
+          case 'number':
+            // 数字排序
+            compResult = a[columnKey] - b[columnKey]; // 数字排序
+            break;
+          default:
+            // throw new Error(`unsupported sortColumn: "${columnKey}"`);
+            // 没有找到对应字段，返回0，参数位置不变
+            compResult = 0;
+            break;
+        }
+        if (compResult !== 0) {
+          return direction === 'ASC' ? compResult : -compResult;
+        } else {
+          return compResult;
+        }
+      });
+    };
+
+    _this.touchcountTotal = function () {
+      var rowsView = [].concat(_this.arrRows);
+      var objTotal = {}; // 总计对象
+      rowsView.map(function (row, index) {
+        _this.props.columns.map(function (item, idx) {
+          var key = item.key,
+              totalFlag = item.totalFlag;
+
+          if (totalFlag && typeof totalFlag === 'boolean') {
+            if (index === 0) {
+              objTotal[key] = 0;
+            }
+            var intData = Number(row[key]) || 0;
+            objTotal[key] += intData;
+          }
+          return idx;
+        });
+        return index;
+      });
+      return objTotal;
+    };
+
+    _this.touchFilters = function () {
+      var objFilters = _this.state.objFilters;
+
+      _this.setState({
+        objFilters: (0, _extends5['default'])({}, objFilters, {
+          enabled: !objFilters.enabled
+        })
+      });
+    };
+
+    _this.touchFiltersChange = function (fieldId, value) {
+      var _extends2;
+
+      var objFilters = _this.state.objFilters;
+
+      _this.setState({
+        objFilters: (0, _extends5['default'])({}, objFilters, (_extends2 = {}, _extends2[fieldId] = value, _extends2))
+      });
+    };
+
+    _this.touchClearFilters = function () {
+      var objFilters = _this.state.objFilters;
+
+      _this.setState({
+        objFilters: {
+          enabled: objFilters.enabled
+        }
+      });
+    };
+
+    _this.touchSortColumnsChange = function (sort) {
+      _this.setState({
+        sortColumns: sort
+      });
+    };
+
+    _this.getToolbar = function () {
+      var objToolbarProps = _this.props.objToolbarProps;
+      var addRowFlag = objToolbarProps.addRowFlag,
+          addRowButtonText = objToolbarProps.addRowButtonText,
+          touchAddRow = objToolbarProps.touchAddRow,
+          enableFilter = objToolbarProps.enableFilter,
+          filterRowsButtonText = objToolbarProps.filterRowsButtonText,
+          filterRowsClearButtonText = objToolbarProps.filterRowsClearButtonText,
+          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 toolbar = _react2['default'].createElement(
+        'div',
+        { className: 'reactGridToolbar' },
+        addRowFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: touchAddRow || _this.touchAddRow },
+          addRowButtonText || '新增'
+        ) : '',
+        enableFilter ? _react2['default'].createElement(
+          'span',
+          null,
+          _react2['default'].createElement(
+            'button',
+            { type: 'button', className: 'btn', onClick: _this.touchFilters },
+            filterRowsButtonText || '筛选'
+          ),
+          _react2['default'].createElement(
+            'button',
+            { type: 'button', className: 'btn', onClick: _this.touchClearFilters },
+            filterRowsClearButtonText || '清空筛选条件'
+          )
+        ) : '',
+        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: _this.saveEditBigTableZJ },
+          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.touchAddRow = function () {
+      var _ref;
+
+      var rowKey = _this.props.rowKey;
+      var rows = _this.props.rows;
+
+      _this.saveEditBigTableModelZJ('touchAddRow', [].concat(rows, [(_ref = {}, _ref[rowKey] = 'add_' + (rows.length - 1) + '_' + new Date().getTime(), _ref)]));
+    };
+
+    _this.touchCopyRow = function () {
+      var _this$props = _this.props,
+          rows = _this$props.rows,
+          rowKey = _this$props.rowKey;
+      var arrValuesInfo = _this.state.arrValuesInfo;
+
+      if (arrValuesInfo.length) {
+        var arrNew = []; // 复制的新数组
+        arrValuesInfo.forEach(function (item, index) {
+          var _extends3;
+
+          var newRow = (0, _extends5['default'])({}, item, (_extends3 = {}, _extends3[rowKey] = item[rowKey] + '_copy_' + index + '_' + new Date().getTime(), _extends3));
+          arrNew.push(newRow);
+          return item;
+        });
+        _this.saveEditBigTableModelZJ('touchCopyRow', [].concat(rows, arrNew));
+      } else {
+        _modal2['default'].error({
+          title: '错误',
+          content: '请选择要复制的行'
+        });
+      }
+    };
+
+    _this.deleteRow = function () {
+      var rows = _this.props.rows;
+      var _this$state2 = _this.state,
+          arrValues = _this$state2.arrValues,
+          arrValuesInfo = _this$state2.arrValuesInfo;
+      var _this$props2 = _this.props,
+          objToolbarProps = _this$props2.objToolbarProps,
+          rowKey = _this$props2.rowKey;
+      var deleteRowInterface = objToolbarProps.deleteRowInterface;
+
+      if (arrValues.length) {
+        var arrRows = []; // 删除数据后的新数组
+        rows.map(function (row) {
+          var flag = true;
+          arrValues.map(function (key) {
+            if (key === row[rowKey]) {
+              // 删除选择的行
+              flag = false;
+            }
+            return key;
+          });
+          if (flag) {
+            arrRows.push((0, _extends5['default'])({}, row));
+          }
+          return flag;
+        });
+        if (deleteRowInterface && typeof deleteRowInterface === 'function') {
+          // 删除行接口
+          deleteRowInterface(arrValuesInfo, arrValues);
+        } else {
+          _this.saveEditBigTableModelZJ('deleteRow', arrRows);
+        }
+        _this.onSelectedRowsChange([], []); // 选择行清空
+      } else {
+        _modal2['default'].error({
+          title: '错误',
+          content: '请选择要删除的行'
+        });
+      }
+    };
+
+    _this.getHearder = function () {
+      var _this$props3 = _this.props,
+          columns = _this$props3.columns,
+          arrColumnsKey = _this$props3.arrColumnsKey,
+          objSheet = _this$props3.objSheet,
+          arrColInfo = _this$props3.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.touchImport = function () {
+      var input = document.getElementById('touchImportExcel');
+      input.onchange = function (e) {
+        var file = e.target.files[0];
+        var reader = new FileReader();
+        reader.onload = function (event) {
+          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(); // 去掉表头
+          // const rowsView = this.getRows(rows); // 表格显示数据
+          _this.saveEditBigTableModelZJ('touchImport', rows);
+        };
+        reader.readAsBinaryString(file);
+      };
+      input.click();
+    };
+
+    _this.touchExport = function () {
+      var _this$getHearder2 = _this.getHearder(),
+          objSheet = _this$getHearder2.objSheet,
+          arrColInfo = _this$getHearder2.arrColInfo;
+
+      var rowsView = [].concat(_this.arrRows);
+      // 计算 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 () {
+      _this.setState({
+        visible: true // 显示批量录入Modal
+      });
+    };
+
+    _this.hideModalBatchEditBigTable = function () {
+      _this.setState({
+        visible: false // 隐藏批量录入Modal
+      });
+    };
+
+    _this.confirmCallbackBatchEditBigTable = function (objFormData, objColumn) {
+      var _this$props4 = _this.props,
+          rows = _this$props4.rows,
+          touchAutoCompute = _this$props4.touchAutoCompute,
+          rowKey = _this$props4.rowKey;
+
+      var rowsView = [].concat(_this.arrRows);
+      rowsView.map(function (row, index) {
+        var rowId = row[rowKey];
+        // const { [rowKey]:  } = row;
+        var updated = (0, _extends5['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[rowId] = (0, _extends5['default'])({}, rows[rowId], updated);
+        rowsView[index] = (0, _extends5['default'])({}, rowsView[index], updated);
+        return row;
+      });
+      _this.saveEditBigTableModelZJ('confirmCallbackBatchEditBigTable', rows);
+    };
+
+    _this.saveEditBigTableModelZJ = function (operationType, rows) {
+      var saveEditBigTableModel = _this.props.saveEditBigTableModel;
+
+      if (saveEditBigTableModel && typeof saveEditBigTableModel === 'function') {
+        // 数据变更-回调函数
+        saveEditBigTableModel(operationType, rows);
+      }
+    };
+
+    _this.saveEditBigTableZJ = function () {
+      var objToolbarProps = _this.props.objToolbarProps;
+
+      var _ref2 = objToolbarProps || {},
+          saveEditBigTable = _ref2.saveEditBigTable;
+
+      if (saveEditBigTable && typeof saveEditBigTable === 'function') {
+        // 数据变更-回调函数
+        saveEditBigTable('saveEditBigTableZJ', function () {
+          return _this.touchSetState({ saveFlag: true });
+        });
+      }
+    };
+
+    _this.touchSetSaveFlag = function (saveFlag) {
+      _this.setState({
+        saveFlag: saveFlag // 保存标识 true 已保存 false 未保存
+      });
+    };
+
+    _this.touchSelectedRowsChange = function (selectedRows) {
+      var rowKey = _this.props.rowKey;
+
+      var arrValuesInfo = Array.from(selectedRows);
+      var arrValues = [];
+      arrValuesInfo.map(function (item) {
+        arrValues.push(item[rowKey]);
+        return item;
+      });
+      _this.setState({
+        // 表格选择
+        selectedRows: selectedRows, // 选中的行
+        arrValues: arrValues, // 表格选择行索引
+        arrValuesInfo: arrValuesInfo // 表格选择行数据
+      });
+    };
 
     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 = {
+      sortColumns: [], // 排序字段
+      objFilters: {
+        enabled: false // 是否启用筛选条件
+      }, // 筛选条件
       // 表格选择
+      selectedRows: new Set(), // 选中的行
       arrValues: [], // 表格选择行索引
-      arrValuesInfo: [], // 表格选择行数据
-      // 表格数据
-      rows: rows, // 表格数据 原始数据
-      rowsView: rows, // 表格数据 显示数据
-      // 表格列
-      // 查询条件
-      filters: {},
-      // 排序--sort
-      sortColumn: null, // 排序列
-      sortDirection: null, // 排序方向
-      // 批量录入
-      visible: false, // 隐藏批量录入Modal
-      // 保存标识
-      saveFlag: true // 保存标识 true 已保存 false 未保存
+      arrValuesInfo: [] // 表格选择行数据
     };
     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;
+    var _ref3 = objToolbarProps || {},
+        _ref3$unloadSaveFlag = _ref3.unloadSaveFlag,
+        unloadSaveFlag = _ref3$unloadSaveFlag === undefined ? true : _ref3$unloadSaveFlag;
     // unloadSaveFlag 是否在卸载后保存 true 需要保存 false 不需要保存
 
 
@@ -143,154 +626,124 @@ var Easy3wEditBigTable = function (_Component) {
   };
   // 绑定组件
 
-  // 获取列表
-
-  // 表格编辑
 
-  // #region 表格选择
-  // 表格选择---选择
+  // #region 数据处理
+  // 数据处理
 
-  // 表格选择---取消选择
+  // 筛选
 
-  // 改变选择状态
+  // 排序
 
-  // #endregion 表格选择
-  // #region 右上角按钮处理--toolbar
-  // 新增
+  // 计算总计数据
 
-  // 复制
+  // #endregion 数据处理
 
-  // 删除
+  // #region 筛选
+  // 切换筛选
 
-  // 导入
+  // 筛选条件变更
 
-  // 导出--数据
+  // 清空筛选条件
 
-  // 批量录入--显示批量录入Modal
+  // #endregion 筛选
 
-  // 批量录入--隐藏批量录入Modal
+  // #region 排序字段变化时触发
 
-  // 批量录入--确认回调
+  // #endregion 排序字段变化时触发
 
-  // #endregion 右上角按钮处理--toolbar
-  // #region 数据处理
-  // 表格视图数据
-
-  // 数据长度
+  // #region toolbar处理
 
-  // 表格数据函数
+  // #endregion toolbar处理
 
-  // 数据循环--设置数据序号
+  // #region 右上角按钮处理--toolbar
+  // 新增
 
-  // 设置组件state
+  // 复制
 
-  // 数据循环--处理后的数据
+  // 删除
 
   // 导入导出表头
 
-  // #endregion 数据处理
-
-  // #region 查询条件
-  // 表头排序
-
-  // 获取查询内容
+  // 导入--数据
 
-  // 筛选条件变更
-
-  // 清空筛选条件
-
-  // #endregion 查询条件
+  // 导出--数据
 
-  // #region toolbar处理
+  // 批量录入--显示批量录入Modal
 
-  // #endregion toolbar处理
-  // #region 设置ReactDataGrid属性
-  // 在单元格设置为活动状态之前调用，返回一个布尔值以确定单元格是否可编辑
+  // 批量录入--隐藏批量录入Modal
 
-  // 表格行渲染
+  // 批量录入--确认回调 ---待完善
 
-  // 创建columns
+  // #endregion 右上角按钮处理--toolbar
 
-  // #endregion 设置ReactDataGrid属性
   // #region 保存
-  // 保存表格数据
+  // 保存表格数据-存model onGridRowsUpdated --> saveEditBigTableModel
 
-  // 保存表格数据
+  // 保存表格数据-存后端
 
   // 设置保存标识
 
   // #endregion 保存
-  // #region 校验数据
-  // 校验处理
 
-  // 校验数据
+  // #region 行选择
 
-  // #endregion 校验数据
-  // 转换数字
 
-  // 变量 num 是一个有效的数字，即非空、不为 NaN 且是有限值
+  // #endregion 行选择
 
+  //
 
   Easy3wEditBigTable.prototype.render = function render() {
     var _this2 = this;
 
-    var visible = this.state.visible;
+    var _state = this.state,
+        visible = _state.visible,
+        objFilters = _state.objFilters,
+        sortColumns = _state.sortColumns,
+        selectedRows = _state.selectedRows;
     var _props = this.props,
-        totalFlag = _props.totalFlag,
-        objOtherProps = _props.objOtherProps,
+        columns = _props.columns,
+        rows = _props.rows,
         objToolbarProps = _props.objToolbarProps,
-        strReactDataGridStyle = _props.strReactDataGridStyle,
-        strAddReactDataGridStyle = _props.strAddReactDataGridStyle;
-
-    var objReactDataGridProps = this.getReactDataGridProps();
-    var columns = this.createColumns(); // 表头
-    var objTotal = totalFlag ? this.touchLoopData() : {}; // 循环数据获取
+        rowKey = _props.rowKey,
+        topTotalFlag = _props.topTotalFlag,
+        bottomTotalFlag = _props.bottomTotalFlag;
+    // #region 表格数据处理，排序(sort)、筛选(filter)
+
+    this.arrRows = this.touchDP();
+    var objPrps = {};
+    // #region 总计行
+    if (topTotalFlag) {
+      var arrTotalRows = [this.touchcountTotal()];
+      objPrps.topSummaryRows = arrTotalRows;
+    }
+    if (bottomTotalFlag) {
+      var _arrTotalRows = [this.touchcountTotal()];
+      objPrps.bottomSummaryRows = _arrTotalRows;
+    }
+    // #endregion 总计行
     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,
+      objToolbarProps ? this.getToolbar() : '',
+      _react2['default'].createElement(_reactDataGrid2['default'], (0, _extends5['default'])({}, objPrps, {
         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,
-              ' ',
-              objTotal[key].unit || ''
-            )
-          );
-        })
-      ) : '',
+        , rows: this.arrRows // 行数据
+        , headerRowHeight: objFilters.enabled ? 70 : undefined // 表头高度
+        // 排序
+        , sortColumns: sortColumns // 排序字段
+        , onSortColumnsChange: this.touchSortColumnsChange // 排序字段变化时触发
+        // 行选择
+        , rowKeyGetter: function rowKeyGetter(row) {
+          return row[rowKey];
+        },
+        selectedRows: selectedRows,
+        onSelectedRowsChange: this.touchSelectedRowsChange
+      })),
       visible ? _react2['default'].createElement(_Easy3wEditBigTableForm2['default'] // 批量录入Modal
       , { visible: visible // 是否显示
-        , objOtherParameters: (0, _extends3['default'])({}, objToolbarProps, { // 工具栏属性
+        , objOtherParameters: {
           columns: columns // 表头
-        }) // 其他参数
+        } // 其他参数
         , bidPureComponent: function bidPureComponent(that) {
           return _this2.bidPureComponent('Easy3wEditBigTableForm', that);
         } // 绑定组件
@@ -304,882 +757,7 @@ var Easy3wEditBigTable = function (_Component) {
 }(_react.Component);
 
 Easy3wEditBigTable.defaultProps = {
-  rowKey: 'autoAddNumber_idx_edit' // 表格主键 原始数据索引
+  rowKey: 'id' // 表格主键 原始数据索引
 };
-
-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((row, index) => {
-      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(arrRows); // 表格显示数据
-      if (deleteRowInterface && typeof deleteRowInterface === 'function') {
-        // 删除行接口
-        deleteRowInterface(arrValuesInfo, arrValues);
-      }
-      _this3.onGridRowsUpdatedZJ('deleteRow', arrRows, 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) {
-        if (row[key] === null || row[key] === undefined) {
-          cleanedRow[key] = '';
-        } else if (key === sortColumn) {
-          cleanedRow[key] = _this3.checkNum(row[key]) ? Number(row[key]) : row[key] || ''; // 排序字段类型转换
-        } else {
-          cleanedRow[key] = row[key];
-        }
-      });
-      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,
-            unit = item.unit;
-
-        if (totalFlag && typeof totalFlag === 'boolean') {
-          if (index === 0) {
-            objTotal[key] = {}; // 初始值
-            objTotal[key].name = name; // 初始值
-            objTotal[key].value = 0; // 初始值
-            objTotal[key].numberFormat = numberFormat; // 格式化
-            objTotal[key].unit = unit; // 格式化
-          }
-          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 _this3.checkNum(num) ? (0, _numeral2['default'])(num).format('0,0.00') : num || '';
-  };
-
-  this.checkNum = function (num) {
-    return num !== '' && !isNaN(num) && isFinite(num);
-    // return num !== '' && !isNaN(num) && isFinite(num) ? true : false;
-  };
-};
-
 exports['default'] = Easy3wEditBigTable;
 module.exports = exports['default'];