@bchr/bchr-front-lib 0.5.10 → 0.5.11-alpha-20241223.1

package/lib/base/utils/ExcelKits.js

@@ -0,0 +1,459 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var ExcelJS = _interopRequireWildcard(require("exceljs"));
+
+var _fileSaver = require("file-saver");
+
+var _Values = _interopRequireDefault(require("./Values"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var DEFAULT_BORDER_COLOR_FOR_EXCEL = "CCCCCC";
+var DEFAULT_FG_COLOR_FOR_EXCEL = "FFFFFF";
+var DEFAULT_COL_HEADER_BG_COLOR = "F2F3F5";
+var excelHeaderRowStyle = {
+  font: {
+    size: 10,
+    bold: true
+  },
+  alignment: {
+    vertical: 'middle',
+    horizontal: 'center'
+  },
+  fill: {
+    type: 'pattern',
+    pattern: 'solid',
+    fgColor: {
+      argb: DEFAULT_COL_HEADER_BG_COLOR
+    }
+  },
+  border: {
+    top: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    left: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    bottom: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    right: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    }
+  }
+};
+var excelBodyRowStyle = {
+  font: {
+    size: 10,
+    bold: true
+  },
+  alignment: {
+    vertical: 'middle',
+    horizontal: 'center'
+  },
+  fill: {
+    type: 'pattern',
+    pattern: 'solid',
+    fgColor: {
+      argb: DEFAULT_FG_COLOR_FOR_EXCEL
+    }
+  },
+  border: {
+    top: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    left: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    bottom: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    },
+    right: {
+      style: 'thin',
+      color: {
+        argb: DEFAULT_BORDER_COLOR_FOR_EXCEL
+      }
+    }
+  }
+};
+var ExcelKits = {
+  exportHandsontableData2CSVFile: function exportHandsontableData2CSVFile(handsonTableInstance, fileName) {
+    if (handsonTableInstance === null || handsonTableInstance === void 0) {
+      throw new IllegalArgumentError("HandsontableInstance is null for ExcelKits#exportHandsontableData2CSVFile");
+    }
+
+    if (_Values["default"].isBlankString(fileName)) {
+      fileName = "".concat(t('ui.export.csv.file'), "-") + new Date().getTime();
+    }
+
+    var exportPlugin = handsonTableInstance.getPlugin('exportFile');
+    exportPlugin.downloadFile('csv', {
+      bom: false,
+      columnDelimiter: ',',
+      columnHeaders: false,
+      exportHiddenColumns: true,
+      exportHiddenRows: true,
+      fileExtension: 'csv',
+      filename: fileName,
+      mimeType: 'text/csv',
+      rowDelimiter: '\r\n',
+      rowHeaders: true
+    });
+  },
+  exportHandsontableData2ExcelFile: function exportHandsontableData2ExcelFile(handsontableInstance, fileName) {
+    if (handsontableInstance === null || handsontableInstance === void 0) {
+      throw new IllegalArgumentError("HandsontableInstance is null for ExcelKits#exportHandsontableData2ExcelFile");
+    }
+
+    if (_Values["default"].isBlankString(fileName)) {
+      fileName = t('ui.export.excel.file') + "-" + new Date().getTime();
+    }
+
+    var exportGridColumns = [];
+    var exportGridData = handsontableInstance.hotInstance.getSourceData();
+    window.handsontableInstance = handsontableInstance;
+
+    if (handsontableInstance.columnSettings && handsontableInstance.columnSettings.length) {
+      handsontableInstance.columnSettings.forEach(function (column) {
+        exportGridColumns.push(_objectSpread(_objectSpread({}, column), {}, {
+          dataIndex: column.data
+        }));
+      });
+    }
+
+    console.log('exportGridColumns :', exportGridColumns);
+    console.log('exportGridData :', exportGridData);
+    this.exportTableData2ExcelFile(exportGridColumns, exportGridData, fileName);
+  },
+  exportTableData2ExcelFile: function exportTableData2ExcelFile() {
+    var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var fileName = arguments.length > 2 ? arguments[2] : undefined;
+
+    if (_Values["default"].isBlankString(fileName)) {
+      fileName = "".concat(t('ui.export.excel.file'), "-") + new Date().getTime();
+    }
+
+    var workbook = new ExcelJS.Workbook();
+    var worksheet = workbook.addWorksheet('sheet');
+    var exportGridColumnsData = this.gatherExcelColumnHeaderStructureInfo(this.extractColumns(columns));
+    var totalColumnHeaderRowCount = exportGridColumnsData.totalColumnHeaderRowCount;
+    var columnHeaderData = exportGridColumnsData.columnHeaderData;
+    var rowHeaderArray = exportGridColumnsData.rowHeaderArray;
+    var columnHeaderMergeCellArray = exportGridColumnsData.columnHeaderMergeCellArray;
+    var exportGridData = data;
+    worksheet.columns = columnHeaderData;
+    worksheet.spliceRows(1, 1);
+    worksheet.insertRows(1, rowHeaderArray);
+    exportGridData.forEach(function (gridItem) {
+      worksheet.addRow(gridItem);
+    });
+    columnHeaderMergeCellArray.forEach(function (mergeCells) {
+      worksheet.mergeCells(mergeCells);
+    }); // 设置表头样式
+
+    var headerRows = worksheet.getRows(1, totalColumnHeaderRowCount);
+    headerRows.forEach(function (row, rowIndex) {
+      row.eachCell(function (cell, cellIndex) {
+        cell.style = excelHeaderRowStyle;
+      });
+    }); // 设置表体样式
+
+    var bodyRows = worksheet.getRows(totalColumnHeaderRowCount + 1, totalColumnHeaderRowCount + exportGridData.length + 5);
+    bodyRows.forEach(function (row) {
+      row.eachCell(function (cell, cellIndex) {
+        cell.style = excelBodyRowStyle;
+      });
+    });
+    workbook.xlsx.writeBuffer().then(function (buffer) {
+      (0, _fileSaver.saveAs)(new Blob([buffer], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      }), fileName + ".xlsx");
+    });
+  },
+  extractColumns: function extractColumns(children, level) {
+    var _this = this;
+
+    if (level === void 0) {
+      level = 0;
+    }
+
+    return Array.isArray(children) ? children.map(function (child) {
+      return _this.extractChild(child, level);
+    }) : [children, _this.extractChild(children, level)];
+  },
+  extractChild: function extractChild(child, level) {
+    var _this = this;
+
+    if (level === void 0) {
+      level = 0;
+    }
+
+    return Object.assign(Object.assign({}, child), {
+      level: level,
+      children: child.children && _this.extractColumns(child.children, level + 1)
+    });
+  },
+
+  /**
+   * 收集Excel列头信息(复合表头)
+   * @param gridColumns
+   * @returns {{totalColumnCount: {int}, totalColumnHeaderRowCount: {int}, columnHeaderArray: [] }}
+   */
+  gatherExcelColumnHeaderStructureInfo: function gatherExcelColumnHeaderStructureInfo(gridColumns) {
+    var _this2 = this;
+
+    var _this$getTotalColumnC = this.getTotalColumnCountAndTotalColumnHeaderRowCount(gridColumns, 0, 1),
+        _this$getTotalColumnC2 = _slicedToArray(_this$getTotalColumnC, 2),
+        totalColumnCount = _this$getTotalColumnC2[0],
+        totalColumnHeaderRowCount = _this$getTotalColumnC2[1];
+
+    var columnHeaderArray = [];
+
+    for (var i = 0, count = gridColumns.length; i < count; i++) {
+      var column = gridColumns[i];
+      this.$buildColumnHeaderArray(column, columnHeaderArray);
+    }
+
+    for (var _i2 = 0, _count = columnHeaderArray.length; _i2 < _count; _i2++) {
+      var subArray = columnHeaderArray[_i2];
+      var lastElem = subArray[subArray.length - 1];
+
+      for (var r = subArray.length; r < totalColumnHeaderRowCount; r++) {
+        subArray.push(lastElem);
+      }
+    }
+
+    var columnHeaderMergeCellArray = [];
+    var nextColIndex = 1;
+
+    for (var _i3 = 0, _count2 = gridColumns.length; _i3 < _count2; _i3++) {
+      var gridColumn = gridColumns[_i3];
+      nextColIndex = this.gatherExcelColumnHeaderMergeCellInfo(gridColumn, columnHeaderMergeCellArray, totalColumnHeaderRowCount, 1, nextColIndex);
+    }
+
+    var rowHeaderArray = [];
+
+    var _loop = function _loop(totalColumnHeaderRowStep) {
+      var rowHeaderColumns = [];
+      columnHeaderArray.forEach(function (columns) {
+        rowHeaderColumns.push(columns[totalColumnHeaderRowStep]);
+      });
+      rowHeaderArray.push(rowHeaderColumns);
+    };
+
+    for (var totalColumnHeaderRowStep = 0; totalColumnHeaderRowStep < totalColumnHeaderRowCount; totalColumnHeaderRowStep++) {
+      _loop(totalColumnHeaderRowStep);
+    }
+
+    var columnHeaderData = [];
+    var columnIndex = 0;
+
+    var addColumns = function addColumns(columns, result) {
+      columns.forEach(function (column) {
+        var exporterColumn = _this2.$normalizedExportColumn(column);
+
+        result.push(exporterColumn);
+
+        if (column.children && column.children.length > 1) {
+          var children = exporterColumn.columns = [];
+          addColumns(column.children, children);
+        } else {
+          columnIndex++;
+        }
+      });
+    };
+
+    addColumns(gridColumns, columnHeaderData);
+
+    var autoCreateArrayItems = function autoCreateArrayItems(column, columnStep, columns) {
+      if (column.columns && column.columns.length) {
+        columns.splice.apply(columns, [columnStep, 1].concat(_toConsumableArray(column.columns)));
+      }
+
+      if (columnStep === columns.length - 1) {
+        console.log('success');
+      } else {
+        columnStep++;
+        autoCreateArrayItems(columns[columnStep], columnStep, columns);
+      }
+    };
+
+    autoCreateArrayItems(columnHeaderData[0], 0, columnHeaderData);
+    return {
+      totalColumnCount: totalColumnCount,
+      totalColumnHeaderRowCount: totalColumnHeaderRowCount,
+      columnHeaderArray: columnHeaderArray,
+      columnHeaderData: columnHeaderData,
+      rowHeaderArray: rowHeaderArray,
+      columnHeaderMergeCellArray: columnHeaderMergeCellArray
+    };
+  },
+
+  /**
+   * @return {Array} eg -
+   * [
+   *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+   *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+   *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+   *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+   * ]
+   */
+  gatherExcelColumnHeaderMergeCellInfo: function gatherExcelColumnHeaderMergeCellInfo(gridColumn, columnHeaderMergeCellArray, totalColumnHeaderRowCount) {
+    var currentColumnHeaderRowIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+    var colIndex = arguments.length > 4 ? arguments[4] : undefined;
+    var allChildColumnCount = this.$countAllChildColumnCount(gridColumn);
+
+    if (Array.isArray(gridColumn.children) && gridColumn.children.length) {
+      var gridColumns = gridColumn.children;
+      var gridColumnCount = gridColumns.length;
+      columnHeaderMergeCellArray.push([currentColumnHeaderRowIndex, colIndex, currentColumnHeaderRowIndex, colIndex + allChildColumnCount - 1]);
+
+      for (var i = 0; i < gridColumnCount; i++) {
+        this.gatherExcelColumnHeaderMergeCellInfo(gridColumns[i], columnHeaderMergeCellArray, totalColumnHeaderRowCount, currentColumnHeaderRowIndex + 1, colIndex + i);
+      }
+    } else {
+      if (currentColumnHeaderRowIndex !== totalColumnHeaderRowCount) {
+        columnHeaderMergeCellArray.push([currentColumnHeaderRowIndex, colIndex, totalColumnHeaderRowCount, colIndex]);
+      }
+    }
+
+    return colIndex + allChildColumnCount;
+  },
+  $countAllChildColumnCount: function $countAllChildColumnCount(gridColumn) {
+    var columnCount = 0;
+
+    if (gridColumn === null || gridColumn === void 0) {
+      return columnCount;
+    }
+
+    if (Array.isArray(gridColumn.children) && gridColumn.children.length) {
+      var gridColumns = gridColumn.children;
+      var gridColumnCount = gridColumns.length;
+
+      for (var i = 0; i < gridColumnCount; i++) {
+        var childColumnCount = this.$countAllChildColumnCount(gridColumns[i]);
+        columnCount = columnCount + childColumnCount;
+      }
+    } else {
+      columnCount = 1;
+    }
+
+    return columnCount;
+  },
+  getTotalColumnCountAndTotalColumnHeaderRowCount: function getTotalColumnCountAndTotalColumnHeaderRowCount(gridColumns, totalColumnCount, totalColumnHeaderCount) {
+    var maxN2 = totalColumnHeaderCount;
+
+    for (var i = 0, count = gridColumns.length; i < count; i++) {
+      var column = gridColumns[i];
+
+      if (Array.isArray(column.children) && column.children.length) {
+        var _this$getTotalColumnC3 = this.getTotalColumnCountAndTotalColumnHeaderRowCount(column.children, 0, totalColumnHeaderCount + 1),
+            _this$getTotalColumnC4 = _slicedToArray(_this$getTotalColumnC3, 2),
+            n1 = _this$getTotalColumnC4[0],
+            n2 = _this$getTotalColumnC4[1];
+
+        totalColumnCount = totalColumnCount + n1;
+
+        if (n2 > maxN2) {
+          maxN2 = n2;
+        }
+      } else {
+        totalColumnCount = totalColumnCount + 1;
+      }
+    }
+
+    return [totalColumnCount, maxN2];
+  },
+  $buildColumnHeaderArray: function $buildColumnHeaderArray(column, columnHeaderArray, parentHeaderTitles) {
+    if (Array.isArray(column.children) && column.children.length) {
+      if (parentHeaderTitles === null || parentHeaderTitles == void 0) {
+        parentHeaderTitles = [column.title];
+      } else {
+        parentHeaderTitles.push(column.title);
+      }
+
+      for (var i = 0, count = column.children.length; i < count; i++) {
+        var childColumn = column.children[i];
+        this.$buildColumnHeaderArray(childColumn, columnHeaderArray, parentHeaderTitles);
+      }
+    } else {
+      var columnSelfHeaderTitleArray = [];
+
+      if (Array.isArray(parentHeaderTitles)) {
+        columnSelfHeaderTitleArray.push.apply(columnSelfHeaderTitleArray, _toConsumableArray(parentHeaderTitles));
+      }
+
+      columnSelfHeaderTitleArray.push(column.title);
+      columnHeaderArray.push(columnSelfHeaderTitleArray);
+    }
+  },
+  $normalizedExportColumn: function $normalizedExportColumn(column) {
+    return {
+      header: column.title,
+      key: column.dataIndex,
+      locked: column.locked,
+      width: column.width * 0.1
+    };
+  }
+};
+var _default = ExcelKits;
+exports["default"] = _default;

package/lib/base/utils/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "DateTimes", {
     return _DateTimes["default"];
   }
 });
+Object.defineProperty(exports, "ExcelKits", {
+  enumerable: true,
+  get: function get() {
+    return _ExcelKits["default"];
+  }
+});
 
 var _FormDatas = require("./FormDatas");
 
@@ -42,4 +48,6 @@ var _Values = _interopRequireDefault(require("./Values"));
 
 var _DateTimes = _interopRequireDefault(require("./DateTimes"));
 
+var _ExcelKits = _interopRequireDefault(require("./ExcelKits"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/services/KendoGridAPI.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _Values = _interopRequireDefault(require("../base/utils/Values"));
@@ -17,6 +15,8 @@ var _reactUuid = _interopRequireDefault(require("react-uuid"));
 
 var _antd = require("antd");
 
+var _utils = require("../base/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -44,7 +44,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 var KendoGridAPI = /*#__PURE__*/function () {
-  function KendoGridAPI(kendoGridRef, state, setState) {
+  function KendoGridAPI(kendoGridRef, state, _instance) {
     _classCallCheck(this, KendoGridAPI);
 
     this.gridTableRef = kendoGridRef;
@@ -52,7 +52,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
     if (state) {
       if (_Values["default"].isNotEmpty(state)) {
         this.state = state;
-        this.setState = setState;
+        this.instance = _instance;
       } else {
         throw new Error("Invalid state for create KendoGridAPI");
       }
@@ -92,9 +92,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
         model = _objectSpread({}, this.defaultPagerGridModelObj);
       }
 
-      this.setState({
-        refTableModel: _objectSpread({}, model)
-      });
+      this.state.refTableModel = _objectSpread({}, model);
       return this.state.refTableModel;
     }
   }, {
@@ -112,9 +110,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
         });
       }
 
-      this.setState({
-        refTableModel: _objectSpread({}, model)
-      });
+      this.state.refTableModel = _objectSpread({}, model);
       return this.state.refTableModel;
     }
   }, {
@@ -145,7 +141,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
         });
       }
 
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
       });
       return this.state.refTableModel;
@@ -160,7 +156,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
       }
 
       this.state.refTableModel.data = dataArray;
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
       });
       return this.state.refTableModel;
@@ -176,7 +172,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
     }
   }, {
     key: "setOnePageData",
-    value: function setOnePageData(onePageResultData, pageIndex, pageSize) {
+    value: function setOnePageData(onePageResultData, callback) {
       if (_lodash["default"].isEmpty(this.state.refTableModel)) {
         throw new Error("please create buildPagerTableModel first, then set table data.");
       }
@@ -186,14 +182,24 @@ var KendoGridAPI = /*#__PURE__*/function () {
       }
 
       this.state.refTableModel.data = onePageResultData === null || onePageResultData === void 0 ? void 0 : onePageResultData.data;
-      this.state.refTableModel.skip = pageIndex;
-      this.state.refTableModel.take = pageSize;
       this.state.refTableModel.total = onePageResultData === null || onePageResultData === void 0 ? void 0 : onePageResultData.total;
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
       return this.state.refTableModel;
     }
+  }, {
+    key: "setGridOperator",
+    value: function setGridOperator(dataState, callback) {
+      var _dataState$filter;
+
+      this.state.refTableModel = _objectSpread(_objectSpread(_objectSpread({}, this.state.refTableModel), dataState), {}, {
+        filters: (dataState === null || dataState === void 0 ? void 0 : (_dataState$filter = dataState.filter) === null || _dataState$filter === void 0 ? void 0 : _dataState$filter.filters) || []
+      });
+      this.instance.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      }, callback && _lodash["default"].isFunction(callback) && callback);
+    }
   }, {
     key: "getRowData",
     value: function getRowData(row) {
@@ -209,7 +215,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
     }
   }, {
     key: "insertRow",
-    value: function insertRow(row) {
+    value: function insertRow(row, callback) {
       var addItem = {
         uid: (0, _reactUuid["default"])(),
         inEditState: true
@@ -224,9 +230,9 @@ var KendoGridAPI = /*#__PURE__*/function () {
       }
 
       this.state.refTableModel.data.push(_objectSpread({}, addItem));
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
       return this;
     }
   }, {
@@ -248,18 +254,18 @@ var KendoGridAPI = /*#__PURE__*/function () {
     }
   }, {
     key: "removeRow",
-    value: function removeRow(row) {
+    value: function removeRow(row, callback) {
       var filterGridData = this.state.refTableModel.data.filter(function (item) {
         return item.pk ? item.pk !== row.pk : item.uid !== row.uid;
       });
       this.state.refTableModel.data = _toConsumableArray(filterGridData);
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
     }
   }, {
     key: "updateRow",
-    value: function updateRow(row) {
+    value: function updateRow(row, callback) {
       var rowIndex = this.state.refTableModel.data.findIndex(function (item) {
         return item.pk === row.pk;
       });
@@ -275,9 +281,9 @@ var KendoGridAPI = /*#__PURE__*/function () {
         this.state.refTableModel.data[rowIndex] = _objectSpread(_objectSpread({}, dataItem), row);
       }
 
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
       return this;
     }
   }, {
@@ -287,6 +293,7 @@ var KendoGridAPI = /*#__PURE__*/function () {
           _this = this;
 
       var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var callback = arguments.length > 2 ? arguments[2] : undefined;
       (_this$state$refTableM2 = this.state.refTableModel.data) === null || _this$state$refTableM2 === void 0 ? void 0 : _this$state$refTableM2.forEach(function (item, index) {
         if (item.pk === row.pk) {
           if (!state) {
@@ -297,9 +304,9 @@ var KendoGridAPI = /*#__PURE__*/function () {
           }
         }
       });
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
       return this;
     }
   }, {
@@ -308,12 +315,13 @@ var KendoGridAPI = /*#__PURE__*/function () {
       var _this$state$refTableM3;
 
       var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var callback = arguments.length > 1 ? arguments[1] : undefined;
       (_this$state$refTableM3 = this.state.refTableModel.data) === null || _this$state$refTableM3 === void 0 ? void 0 : _this$state$refTableM3.forEach(function (item) {
         item.inEditState = state;
       });
-      this.setState({
+      this.instance.setState({
         refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
+      }, callback && _lodash["default"].isFunction(callback) && callback);
       return this;
     }
   }, {
@@ -336,47 +344,22 @@ var KendoGridAPI = /*#__PURE__*/function () {
     value: function rowIndex(_rowIndex) {
       return (this.state.refTableModel.skip - 1) * this.state.refTableModel.take + _rowIndex + 1;
     }
-  }, {
-    key: "showTotalRow",
-    value: function showTotalRow() {
-      this.state.refTableModel.showTotal = true;
-      this.setState({
-        refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
-    }
-  }, {
-    key: "hideTotalRow",
-    value: function hideTotalRow() {
-      this.state.refTableModel.showTotal = false;
-      this.setState({
-        refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
-    }
-  }, {
-    key: "setPageSize",
-    value: function setPageSize(size) {
-      this.state.refTableModel.take = size;
-      this.setState({
-        refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
-    }
   }, {
     key: "getPageSize",
     value: function getPageSize() {
       return this.state.refTableModel.take;
     }
-  }, {
-    key: "setCurrentPageIndex",
-    value: function setCurrentPageIndex(index) {
-      this.state.refTableModel.skip = index;
-      this.setState({
-        refTableModel: _objectSpread({}, this.state.refTableModel)
-      });
-    }
   }, {
     key: "getCurrentPageIndex",
     value: function getCurrentPageIndex() {
-      return this.state.refTableModel.skip;
+      return this.state.refTableModel.skip / this.state.refTableModel.take;
+    }
+  }, {
+    key: "exportExcelFile",
+    value: function exportExcelFile(fileName) {
+      var _this$gridTableRef, _this$gridTableRef$cu;
+
+      _utils.ExcelKits.exportTableData2ExcelFile((_this$gridTableRef = this.gridTableRef) === null || _this$gridTableRef === void 0 ? void 0 : (_this$gridTableRef$cu = _this$gridTableRef.current) === null || _this$gridTableRef$cu === void 0 ? void 0 : _this$gridTableRef$cu.columns, this.gridTableRef.value.data, fileName);
     }
   }], [{
     key: "of",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bchr/bchr-front-lib",
-  "version": "0.5.10",
+  "version": "0.5.11-alpha-20241223.1",
   "description": "bchr front lib",
   "main": "lib/index.js",
   "scripts": {
@@ -45,6 +45,7 @@
     "@progress/kendo-treeview-react-wrapper": "^2019.4.1014",
     "antd": "^4.5.4",
     "decimal.js": "^10.4.3",
+    "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
     "handsontable": "^7.2.2",
     "jquery": "^3.5.1",

package/src/base/utils/ExcelKits.js

@@ -0,0 +1,373 @@
+import * as ExcelJS from "exceljs";
+import {saveAs} from "file-saver";
+import Values from "./Values";
+
+
+const DEFAULT_BORDER_COLOR_FOR_EXCEL = "CCCCCC";
+const DEFAULT_FG_COLOR_FOR_EXCEL     = "FFFFFF";
+const DEFAULT_COL_HEADER_BG_COLOR    = "F2F3F5";
+
+const excelHeaderRowStyle = {
+    font: {
+        size: 10,
+        bold: true
+    },
+    alignment: {
+        vertical: 'middle',
+        horizontal: 'center'
+    },
+    fill: {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {
+            argb: DEFAULT_COL_HEADER_BG_COLOR
+        }
+    },
+    border: {
+        top:    {style: 'thin',  color: {argb:  DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        left:   {style: 'thin',  color: {argb:  DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        bottom: {style: 'thin',  color: {argb:  DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        right:  {style: 'thin',  color: {argb:  DEFAULT_BORDER_COLOR_FOR_EXCEL}}
+    }
+}
+
+const excelBodyRowStyle = {
+    font: {
+        size: 10,
+        bold: true
+    },
+    alignment: {
+        vertical: 'middle',
+        horizontal: 'center'
+    },
+    fill: {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {
+            argb: DEFAULT_FG_COLOR_FOR_EXCEL
+        }
+    },
+    border: {
+        top:    {style: 'thin', color: {argb: DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        left:   {style: 'thin', color: {argb: DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        bottom: {style: 'thin', color: {argb: DEFAULT_BORDER_COLOR_FOR_EXCEL}},
+        right:  {style: 'thin', color: {argb: DEFAULT_BORDER_COLOR_FOR_EXCEL}}
+    }
+}
+
+const ExcelKits = {
+
+    exportHandsontableData2CSVFile(handsonTableInstance, fileName) {
+        if (handsonTableInstance === null || handsonTableInstance === void 0) {
+            throw new IllegalArgumentError("HandsontableInstance is null for ExcelKits#exportHandsontableData2CSVFile");
+        }
+
+        if (Values.isBlankString(fileName)) {
+            fileName = `${t('ui.export.csv.file')}-` + new Date().getTime();
+        }
+
+        const exportPlugin = handsonTableInstance.getPlugin('exportFile');
+        exportPlugin.downloadFile('csv', {
+            bom: false,
+            columnDelimiter: ',',
+            columnHeaders: false,
+            exportHiddenColumns: true,
+            exportHiddenRows: true,
+            fileExtension: 'csv',
+            filename: fileName,
+            mimeType: 'text/csv',
+            rowDelimiter: '\r\n',
+            rowHeaders: true
+        });
+    },
+
+    exportHandsontableData2ExcelFile(handsontableInstance, fileName) {
+        if (handsontableInstance === null || handsontableInstance === void 0) {
+            throw new IllegalArgumentError("HandsontableInstance is null for ExcelKits#exportHandsontableData2ExcelFile");
+        }
+
+        if (Values.isBlankString(fileName)) {
+            fileName = t('ui.export.excel.file') + "-" + new Date().getTime();
+        }
+
+        let exportGridColumns = [];
+        let exportGridData = handsontableInstance.hotInstance.getSourceData();
+
+        window.handsontableInstance = handsontableInstance;
+
+        if (handsontableInstance.columnSettings && handsontableInstance.columnSettings.length) {
+            handsontableInstance.columnSettings.forEach(column => {
+                exportGridColumns.push({
+                    ...column,
+                    dataIndex: column.data
+                })
+            })
+        }
+
+        console.log('exportGridColumns :', exportGridColumns)
+        console.log('exportGridData :', exportGridData)
+
+        this.exportTableData2ExcelFile(exportGridColumns, exportGridData, fileName);
+    },
+
+    exportTableData2ExcelFile(columns = [], data = [], fileName) {
+
+        if (Values.isBlankString(fileName)) {
+            fileName = `${t('ui.export.excel.file')}-` + new Date().getTime();
+        }
+
+        const workbook = new ExcelJS.Workbook();
+        const worksheet = workbook.addWorksheet('sheet');
+
+        let exportGridColumnsData = this.gatherExcelColumnHeaderStructureInfo(this.extractColumns(columns));
+        let totalColumnHeaderRowCount = exportGridColumnsData.totalColumnHeaderRowCount;
+        let columnHeaderData = exportGridColumnsData.columnHeaderData;
+        let rowHeaderArray = exportGridColumnsData.rowHeaderArray;
+        let columnHeaderMergeCellArray = exportGridColumnsData.columnHeaderMergeCellArray;
+
+        let exportGridData = data;
+
+        worksheet.columns = columnHeaderData;
+        worksheet.spliceRows(1, 1);
+        worksheet.insertRows(1, rowHeaderArray);
+
+        exportGridData.forEach(gridItem => {
+            worksheet.addRow(gridItem);
+        })
+
+        columnHeaderMergeCellArray.forEach(mergeCells => {
+            worksheet.mergeCells(mergeCells)
+        })
+
+        // 设置表头样式
+        const headerRows = worksheet.getRows(1, totalColumnHeaderRowCount);
+        headerRows.forEach((row, rowIndex) => {
+            row.eachCell((cell, cellIndex) => {
+                cell.style = excelHeaderRowStyle;
+            })
+        })
+
+        // 设置表体样式
+        const bodyRows = worksheet.getRows(totalColumnHeaderRowCount + 1, totalColumnHeaderRowCount + exportGridData.length + 5);
+        bodyRows.forEach((row) => {
+            row.eachCell((cell, cellIndex) => {
+                cell.style = excelBodyRowStyle;
+            })
+        })
+
+        workbook.xlsx.writeBuffer().then(buffer => {
+            saveAs(new Blob([buffer], {
+                type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+            }), fileName + ".xlsx")
+        })
+    },
+
+    extractColumns(children, level) {
+        let _this = this;
+        if (level === void 0) {
+            level = 0;
+        }
+        return Array.isArray(children)
+            ? children.map(function (child) {
+                return _this.extractChild(child, level);
+            })
+            : [children, _this.extractChild(children, level)];
+    },
+
+    extractChild(child, level) {
+        let _this = this;
+        if (level === void 0) {
+            level = 0;
+        }
+        return Object.assign(Object.assign({}, child), {
+            level: level,
+            children: child.children && _this.extractColumns(child.children, level + 1)
+        })
+    },
+
+    /**
+     * 收集Excel列头信息(复合表头)
+     * @param gridColumns
+     * @returns {{totalColumnCount: {int}, totalColumnHeaderRowCount: {int}, columnHeaderArray: [] }}
+     */
+    gatherExcelColumnHeaderStructureInfo(gridColumns) {
+        let [totalColumnCount, totalColumnHeaderRowCount] = this.getTotalColumnCountAndTotalColumnHeaderRowCount(gridColumns, 0, 1);
+
+        let columnHeaderArray = [];
+        for (let i = 0, count = gridColumns.length; i < count; i++) {
+            let column = gridColumns[i];
+            this.$buildColumnHeaderArray(column, columnHeaderArray);
+        }
+
+        for (let i = 0, count = columnHeaderArray.length; i < count; i++) {
+            let subArray = columnHeaderArray[i];
+            let lastElem = subArray[subArray.length - 1];
+            for (let r = subArray.length; r < totalColumnHeaderRowCount; r++) {
+                subArray.push(lastElem);
+            }
+        }
+
+        let columnHeaderMergeCellArray = [];
+        let nextColIndex = 1;
+        for (let i = 0, count = gridColumns.length; i < count; i++) {
+            let gridColumn = gridColumns[i];
+            nextColIndex = this.gatherExcelColumnHeaderMergeCellInfo(gridColumn, columnHeaderMergeCellArray, totalColumnHeaderRowCount, 1, nextColIndex);
+        }
+
+        let rowHeaderArray = [];
+        for (let totalColumnHeaderRowStep = 0; totalColumnHeaderRowStep < totalColumnHeaderRowCount; totalColumnHeaderRowStep++) {
+            let rowHeaderColumns = [];
+            columnHeaderArray.forEach(columns => {
+                rowHeaderColumns.push(columns[totalColumnHeaderRowStep])
+            })
+            rowHeaderArray.push(rowHeaderColumns);
+        }
+
+        let columnHeaderData = [];
+        let columnIndex = 0;
+
+        let addColumns = (columns, result) => {
+            columns.forEach((column) => {
+                let exporterColumn = this.$normalizedExportColumn(column);
+                result.push(exporterColumn);
+                if (column.children && column.children.length > 1) {
+                    let children = exporterColumn.columns = [];
+                    addColumns(column.children, children);
+                } else {
+                    columnIndex++;
+                }
+            });
+        };
+        addColumns(gridColumns, columnHeaderData);
+        const autoCreateArrayItems = function (column, columnStep, columns) {
+            if (column.columns && column.columns.length) {
+                columns.splice(columnStep, 1, ...column.columns);
+            }
+
+            if (columnStep === columns.length - 1) {
+                console.log('success');
+            } else {
+                columnStep++;
+                autoCreateArrayItems(columns[columnStep], columnStep, columns);
+            }
+        }
+
+        autoCreateArrayItems(columnHeaderData[0], 0, columnHeaderData);
+
+        return {
+            totalColumnCount,
+            totalColumnHeaderRowCount,
+            columnHeaderArray,
+            columnHeaderData,
+            rowHeaderArray,
+            columnHeaderMergeCellArray
+        };
+    },
+
+    /**
+     * @return {Array} eg -
+     * [
+     *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+     *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+     *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+     *     [leftTopRowIndex, leftTopColumnIndex, rightBottomRowIndex, rightBottomColumnIndex],
+     * ]
+     */
+    gatherExcelColumnHeaderMergeCellInfo(gridColumn, columnHeaderMergeCellArray, totalColumnHeaderRowCount, currentColumnHeaderRowIndex = 1, colIndex) {
+
+        let allChildColumnCount = this.$countAllChildColumnCount(gridColumn);
+
+        if (Array.isArray(gridColumn.children) && gridColumn.children.length) {
+            let gridColumns = gridColumn.children;
+            let gridColumnCount = gridColumns.length;
+
+            columnHeaderMergeCellArray.push([currentColumnHeaderRowIndex, colIndex, currentColumnHeaderRowIndex, colIndex + allChildColumnCount - 1]);
+
+            for (let i = 0; i < gridColumnCount; i++) {
+                this.gatherExcelColumnHeaderMergeCellInfo(gridColumns[i], columnHeaderMergeCellArray, totalColumnHeaderRowCount,
+                    currentColumnHeaderRowIndex + 1, colIndex + i);
+            }
+        } else {
+            if (currentColumnHeaderRowIndex !== totalColumnHeaderRowCount) {
+                columnHeaderMergeCellArray.push([currentColumnHeaderRowIndex, colIndex, totalColumnHeaderRowCount, colIndex]);
+            }
+        }
+
+        return colIndex + allChildColumnCount;
+    },
+
+    $countAllChildColumnCount(gridColumn) {
+        let columnCount = 0;
+        if (gridColumn === null || gridColumn === void 0) {
+            return columnCount;
+        }
+
+        if (Array.isArray(gridColumn.children) && gridColumn.children.length) {
+            let gridColumns = gridColumn.children;
+            let gridColumnCount = gridColumns.length;
+
+            for (let i = 0; i < gridColumnCount; i++) {
+                let childColumnCount = this.$countAllChildColumnCount(gridColumns[i]);
+                columnCount = columnCount + childColumnCount;
+            }
+        } else {
+            columnCount = 1;
+        }
+
+        return columnCount;
+    },
+
+    getTotalColumnCountAndTotalColumnHeaderRowCount(gridColumns, totalColumnCount, totalColumnHeaderCount) {
+        let maxN2 = totalColumnHeaderCount;
+        for (let i = 0, count = gridColumns.length; i < count; i++) {
+            let column = gridColumns[i];
+            if (Array.isArray(column.children) && column.children.length) {
+                let [n1, n2] = this.getTotalColumnCountAndTotalColumnHeaderRowCount(column.children, 0, totalColumnHeaderCount + 1);
+                totalColumnCount = totalColumnCount + n1;
+                if (n2 > maxN2) {
+                    maxN2 = n2;
+                }
+            } else {
+                totalColumnCount = totalColumnCount + 1;
+            }
+        }
+
+        return [totalColumnCount, maxN2]
+    },
+
+    $buildColumnHeaderArray(column, columnHeaderArray, parentHeaderTitles) {
+        if (Array.isArray(column.children) && column.children.length) {
+            if (parentHeaderTitles === null || parentHeaderTitles == void 0) {
+                parentHeaderTitles = [column.title];
+            } else {
+                parentHeaderTitles.push(column.title);
+            }
+
+            for (let i = 0, count = column.children.length; i < count; i++) {
+                let childColumn = column.children[i];
+                this.$buildColumnHeaderArray(childColumn, columnHeaderArray, parentHeaderTitles);
+            }
+        } else {
+            let columnSelfHeaderTitleArray = [];
+            if (Array.isArray(parentHeaderTitles)) {
+                columnSelfHeaderTitleArray.push(...parentHeaderTitles);
+            }
+
+            columnSelfHeaderTitleArray.push(column.title);
+
+            columnHeaderArray.push(columnSelfHeaderTitleArray)
+        }
+    },
+
+
+    $normalizedExportColumn(column) {
+        return {
+            header : column.title,
+            key    : column.dataIndex,
+            locked : column.locked,
+            width  : column.width * 0.1
+        }
+    }
+}
+
+export default ExcelKits;

package/src/base/utils/index.js

@@ -7,9 +7,10 @@ from './FormDatas';
 import Strings from "./Strings";
 import Values from "./Values";
 import DateTimes from "./DateTimes";
+import ExcelKits from "./ExcelKits";
 
 export {
-    Strings, Values, DateTimes,
+    Strings, Values, DateTimes, ExcelKits,
     convertFormValues2VOUsingVOFormat,
     convertVO2FormValuesUsingFormValueFormat,
 }

package/src/services/KendoGridAPI.js

@@ -1,18 +1,18 @@
-import React from "react";
 import lodash from "lodash";
 import Values from "../base/utils/Values";
 import DateTimes from "../base/utils/DateTimes";
 import uuid from 'react-uuid';
 import {message} from "antd";
+import {ExcelKits} from "../base/utils";
 
 class KendoGridAPI {
-    constructor(kendoGridRef, state, setState) {
+    constructor(kendoGridRef, state, _instance) {
         this.gridTableRef = kendoGridRef;
 
         if (state) {
             if (Values.isNotEmpty(state)) {
                 this.state = state;
-                this.setState = setState;
+                this.instance = _instance;
             }
             else {
                 throw new Error("Invalid state for create KendoGridAPI");
@@ -52,9 +52,7 @@ class KendoGridAPI {
             model = {...this.defaultPagerGridModelObj};
         }
 
-        this.setState({
-            refTableModel: {...model}
-        })
+        this.state.refTableModel = {...model};
 
         return this.state.refTableModel;
     }
@@ -68,9 +66,7 @@ class KendoGridAPI {
             model = {...this.defaultPagerGridModelObj, pageable: false};
         }
 
-        this.setState({
-            refTableModel: {...model}
-        })
+        this.state.refTableModel = {...model};
 
         return this.state.refTableModel;
     }
@@ -92,7 +88,7 @@ class KendoGridAPI {
             this.state.refTableModel.filters = filters.filter(item => item.field !== field);
         }
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
         })
 
@@ -106,7 +102,7 @@ class KendoGridAPI {
         }
         this.state.refTableModel.data = dataArray;
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
         })
 
@@ -121,7 +117,7 @@ class KendoGridAPI {
         }, this.getCurrentPageIndex(), this.getPageSize())
     }
 
-    setOnePageData(onePageResultData, pageIndex, pageSize) {
+    setOnePageData(onePageResultData, callback) {
         if (lodash.isEmpty(this.state.refTableModel)) {
             throw new Error("please create buildPagerTableModel first, then set table data.");
         }
@@ -131,17 +127,22 @@ class KendoGridAPI {
         }
 
         this.state.refTableModel.data = onePageResultData?.data;
-        this.state.refTableModel.skip = pageIndex;
-        this.state.refTableModel.take = pageSize
         this.state.refTableModel.total = onePageResultData?.total;
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
 
         return this.state.refTableModel;
     }
 
+    setGridOperator(dataState, callback) {
+        this.state.refTableModel = {...this.state.refTableModel, ...dataState, filters: dataState?.filter?.filters || []};
+        this.instance.setState({
+            refTableModel: {...this.state.refTableModel}
+        }, (callback && lodash.isFunction(callback)) && callback)
+    }
+
     getRowData(row) {
         if (row.uid) {
             return this.state.refTableModel.data.filter(item => item.uid === row.uid)[0];
@@ -149,7 +150,7 @@ class KendoGridAPI {
         return this.state.refTableModel.data.filter(item => item.pk === row.pk)[0];
     }
 
-    insertRow(row) {
+    insertRow(row, callback) {
         let addItem = {
             uid: uuid(),
             inEditState: true,
@@ -162,9 +163,9 @@ class KendoGridAPI {
         }
         this.state.refTableModel.data.push({...addItem});
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
 
         return this
     }
@@ -183,16 +184,16 @@ class KendoGridAPI {
         }
     }
 
-    removeRow(row) {
+    removeRow(row, callback) {
         let filterGridData = this.state.refTableModel.data.filter(item => item.pk ? item.pk !== row.pk : item.uid !== row.uid);
         this.state.refTableModel.data = [...filterGridData];
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
     }
 
-    updateRow(row) {
+    updateRow(row, callback) {
         let rowIndex = this.state.refTableModel.data.findIndex(item => item.pk === row.pk);
 
         if (row.uid) {
@@ -204,14 +205,14 @@ class KendoGridAPI {
             this.state.refTableModel.data[rowIndex] = {...dataItem, ...row};
         }
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
 
         return this;
     }
 
-    setRowInEditState(row, state = true) {
+    setRowInEditState(row, state = true, callback) {
         this.state.refTableModel.data?.forEach((item, index) => {
             if (item.pk === row.pk) {
                 if (!state) {
@@ -223,20 +224,20 @@ class KendoGridAPI {
             }
         })
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
         return this;
     }
 
-    setAllRowInEditState(state = true) {
+    setAllRowInEditState(state = true, callback) {
         this.state.refTableModel.data?.forEach(item => {
             item.inEditState = state;
         })
 
-        this.setState({
+        this.instance.setState({
             refTableModel: {...this.state.refTableModel}
-        })
+        }, (callback && lodash.isFunction(callback)) && callback)
 
         return this;
     }
@@ -257,40 +258,16 @@ class KendoGridAPI {
         return (this.state.refTableModel.skip - 1) * this.state.refTableModel.take + rowIndex + 1;
     }
 
-    showTotalRow() {
-        this.state.refTableModel.showTotal = true;
-        this.setState({
-            refTableModel: {...this.state.refTableModel}
-        })
-    }
-
-    hideTotalRow() {
-        this.state.refTableModel.showTotal = false;
-        this.setState({
-            refTableModel: {...this.state.refTableModel}
-        })
-    }
-
-    setPageSize(size) {
-        this.state.refTableModel.take = size;
-        this.setState({
-            refTableModel: {...this.state.refTableModel}
-        })
-    }
-
     getPageSize() {
         return this.state.refTableModel.take;
     }
 
-    setCurrentPageIndex(index) {
-        this.state.refTableModel.skip = index;
-        this.setState({
-            refTableModel: {...this.state.refTableModel}
-        })
+    getCurrentPageIndex() {
+        return this.state.refTableModel.skip / this.state.refTableModel.take;
     }
 
-    getCurrentPageIndex() {
-        return this.state.refTableModel.skip;
+    exportExcelFile(fileName) {
+        ExcelKits.exportTableData2ExcelFile(this.gridTableRef?.current?.columns, this.gridTableRef.value.data, fileName);
     }
 
 }