@bchr/bchr-front-lib 0.5.9 → 0.5.10

package/lib/services/KendoGridAPI.js

@@ -0,0 +1,392 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _Values = _interopRequireDefault(require("../base/utils/Values"));
+
+var _DateTimes = _interopRequireDefault(require("../base/utils/DateTimes"));
+
+var _reactUuid = _interopRequireDefault(require("react-uuid"));
+
+var _antd = require("antd");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 _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 _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 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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+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) {
+    _classCallCheck(this, KendoGridAPI);
+
+    this.gridTableRef = kendoGridRef;
+
+    if (state) {
+      if (_Values["default"].isNotEmpty(state)) {
+        this.state = state;
+        this.setState = setState;
+      } else {
+        throw new Error("Invalid state for create KendoGridAPI");
+      }
+    }
+
+    this.defaultPagerGridModelObj = {
+      skip: 0,
+      take: 20,
+      filters: [],
+      pageable: {
+        pageSizes: [20, 50, 100, 200],
+        type: 'numeric'
+      },
+      total: 0,
+      filterable: true,
+      resizable: true,
+      sortable: {
+        mode: 'multiple'
+      },
+      data: []
+    };
+  }
+
+  _createClass(KendoGridAPI, [{
+    key: "getTableRef",
+    value: function getTableRef() {
+      return this.gridTableRef;
+    }
+  }, {
+    key: "buildPagerGridModel",
+    value: function buildPagerGridModel(modelOptions) {
+      var model = null;
+
+      if (_lodash["default"].isPlainObject(modelOptions)) {
+        model = Object.assign(_objectSpread({}, this.defaultPagerGridModelObj), modelOptions);
+      } else {
+        model = _objectSpread({}, this.defaultPagerGridModelObj);
+      }
+
+      this.setState({
+        refTableModel: _objectSpread({}, model)
+      });
+      return this.state.refTableModel;
+    }
+  }, {
+    key: "buildNotPagerGridModel",
+    value: function buildNotPagerGridModel(modelOptions) {
+      var model = null;
+
+      if (_lodash["default"].isPlainObject(modelOptions)) {
+        model = Object.assign(_objectSpread(_objectSpread({}, this.defaultPagerGridModelObj), {}, {
+          pageable: false
+        }), modelOptions);
+      } else {
+        model = _objectSpread(_objectSpread({}, this.defaultPagerGridModelObj), {}, {
+          pageable: false
+        });
+      }
+
+      this.setState({
+        refTableModel: _objectSpread({}, model)
+      });
+      return this.state.refTableModel;
+    }
+  }, {
+    key: "setTableFilter",
+    value: function setTableFilter(field, filterInfo) {
+      var _this$state$refTableM;
+
+      if (!this.state.refTableModel.filters) {
+        this.state.refTableModel.filters = [];
+      }
+
+      var filters = (_this$state$refTableM = this.state.refTableModel) === null || _this$state$refTableM === void 0 ? void 0 : _this$state$refTableM.filters;
+      var hasFieldIndex = filters === null || filters === void 0 ? void 0 : filters.findIndex(function (item) {
+        return item.field === field;
+      });
+
+      if (_Values["default"].isNotEmpty(filterInfo)) {
+        if (hasFieldIndex !== -1) {
+          this.state.refTableModel.filters[hasFieldIndex] = filterInfo;
+        } else {
+          this.state.refTableModel.filters.unshift(_objectSpread(_objectSpread({}, filterInfo), {}, {
+            field: field
+          }));
+        }
+      } else {
+        this.state.refTableModel.filters = filters.filter(function (item) {
+          return item.field !== field;
+        });
+      }
+
+      this.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this.state.refTableModel;
+    }
+  }, {
+    key: "setTableDataWithNoPageable",
+    value: function setTableDataWithNoPageable(allData) {
+      var dataArray = allData || [];
+
+      if (_lodash["default"].isEmpty(this.state.refTableModel)) {
+        throw new Error("please create buildPagerTableModel first, then set table data.");
+      }
+
+      this.state.refTableModel.data = dataArray;
+      this.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this.state.refTableModel;
+    }
+  }, {
+    key: "setAllDataWithPage",
+    value: function setAllDataWithPage(allData) {
+      var dataArray = allData || [];
+      this.setOnePageData({
+        data: dataArray,
+        total: dataArray.length
+      }, this.getCurrentPageIndex(), this.getPageSize());
+    }
+  }, {
+    key: "setOnePageData",
+    value: function setOnePageData(onePageResultData, pageIndex, pageSize) {
+      if (_lodash["default"].isEmpty(this.state.refTableModel)) {
+        throw new Error("please create buildPagerTableModel first, then set table data.");
+      }
+
+      if (_Values["default"].isEmpty(onePageResultData)) {
+        throw new Error("please check pageData value.");
+      }
+
+      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({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this.state.refTableModel;
+    }
+  }, {
+    key: "getRowData",
+    value: function getRowData(row) {
+      if (row.uid) {
+        return this.state.refTableModel.data.filter(function (item) {
+          return item.uid === row.uid;
+        })[0];
+      }
+
+      return this.state.refTableModel.data.filter(function (item) {
+        return item.pk === row.pk;
+      })[0];
+    }
+  }, {
+    key: "insertRow",
+    value: function insertRow(row) {
+      var addItem = {
+        uid: (0, _reactUuid["default"])(),
+        inEditState: true
+      };
+
+      if (_lodash["default"].isPlainObject(row)) {
+        addItem = _objectSpread(_objectSpread({}, addItem), row);
+      }
+
+      if (_Values["default"].isEmpty(this.state.refTableModel.data)) {
+        this.state.refTableModel.data = [];
+      }
+
+      this.state.refTableModel.data.push(_objectSpread({}, addItem));
+      this.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this;
+    }
+  }, {
+    key: "insertOneRow",
+    value: function insertOneRow(row) {
+      if (_Values["default"].isNotEmptyArray(this.state.refTableModel.data)) {
+        var findData = this.state.refTableModel.data.find(function (item) {
+          return _Values["default"].isNotNull(item.uid) || item.inEditState;
+        });
+
+        if (_Values["default"].isNull(findData)) {
+          this.insertRow(row);
+        } else {
+          _antd.message.warning("有未保存的数据，请先保存或取消");
+        }
+      } else {
+        this.insertRow(row);
+      }
+    }
+  }, {
+    key: "removeRow",
+    value: function removeRow(row) {
+      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({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+    }
+  }, {
+    key: "updateRow",
+    value: function updateRow(row) {
+      var rowIndex = this.state.refTableModel.data.findIndex(function (item) {
+        return item.pk === row.pk;
+      });
+
+      if (row.uid) {
+        rowIndex = this.state.refTableModel.data.findIndex(function (item) {
+          return item.uid === row.uid;
+        });
+      }
+
+      if (rowIndex !== -1) {
+        var dataItem = this.state.refTableModel.data[rowIndex];
+        this.state.refTableModel.data[rowIndex] = _objectSpread(_objectSpread({}, dataItem), row);
+      }
+
+      this.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this;
+    }
+  }, {
+    key: "setRowInEditState",
+    value: function setRowInEditState(row) {
+      var _this$state$refTableM2,
+          _this = this;
+
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      (_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) {
+            _this.state.refTableModel.data[index] = _objectSpread({}, row);
+            _this.state.refTableModel.data[index].inEditState = state;
+          } else {
+            item.inEditState = state;
+          }
+        }
+      });
+      this.setState({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this;
+    }
+  }, {
+    key: "setAllRowInEditState",
+    value: function setAllRowInEditState() {
+      var _this$state$refTableM3;
+
+      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      (_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({
+        refTableModel: _objectSpread({}, this.state.refTableModel)
+      });
+      return this;
+    }
+  }, {
+    key: "renderBooleanColumnAsText",
+    value: function renderBooleanColumnAsText(rowIndex, column) {
+      return this.state.refTableModel.data[rowIndex][column.dataIndex] ? "是" : "否";
+    }
+  }, {
+    key: "renderDateColumnAsDate10Text",
+    value: function renderDateColumnAsDate10Text(rowIndex, column) {
+      return _DateTimes["default"].strDateOfLen10(this.state.refTableModel.data[rowIndex][column.dataIndex]);
+    }
+  }, {
+    key: "renderDateColumnAsDateTime19Text",
+    value: function renderDateColumnAsDateTime19Text(rowIndex, column) {
+      return _DateTimes["default"].strDateTimeOfLen19(this.state.refTableModel.data[rowIndex][column.dataIndex]);
+    }
+  }, {
+    key: "rowIndex",
+    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;
+    }
+  }], [{
+    key: "of",
+    value: function of(gridTableRef, state, setState) {
+      return new KendoGridAPI(gridTableRef, state, setState);
+    }
+  }]);
+
+  return KendoGridAPI;
+}();
+
+var _default = KendoGridAPI;
+exports["default"] = _default;