@bchr/bchr-front-lib 0.5.8 → 0.5.10

package/lib/base/layout/KendoGridCellRenders.js

@@ -0,0 +1,1170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildKendoGridRefInputCellRender = exports.buildKendoGridSwitchCellRender = exports.buildKendoGridDatePickerCellRender = exports.buildKendoGridInputCellRender = exports.buildKendoGridInputNumberCellRender = exports.buildKendoGridTreeSelectCellRender = exports.buildKendoGridSelectCellRender = exports.KendoGridDateCellRender = exports.KendoGridTimeStampCellRender = exports.KendoGridPercentCellRender = exports.KendoGridFilterCellRender = exports.KendoGridEmptyCellRender = exports.KendoGridVersionCellRender = exports.KendoGridBooleanCellRender = exports.KendoGridHeaderRowMustCellRender = exports.KendoGridRowTimeUnitCellRender = exports.KendoGridRowNumberTagCellRender = exports.KendoGridRowNumberCellRender = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _antd = require("antd");
+
+var _LangTypes = _interopRequireDefault(require("../utils/LangTypes"));
+
+var _RefInput = _interopRequireDefault(require("./RefInput"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _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; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 KendoGridHeaderRowMustCellRender = function KendoGridHeaderRowMustCellRender(props) {
+  var title = props.title;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "k-grid-header-must-cell"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "icon-must"
+  }, "*"), title);
+};
+
+exports.KendoGridHeaderRowMustCellRender = KendoGridHeaderRowMustCellRender;
+
+var KendoGridRowNumberCellRender = function KendoGridRowNumberCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    colSpan: "1",
+    className: "k-sequence-number-cell ".concat(props.className),
+    role: "gridcell",
+    "aria-colindex": "1",
+    "aria-selected": "false",
+    "data-grid-col-index": "0",
+    style: props.style
+  }, props.dataIndex + 1);
+};
+
+exports.KendoGridRowNumberCellRender = KendoGridRowNumberCellRender;
+
+var KendoGridRowTimeUnitCellRender = function KendoGridRowTimeUnitCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: " ".concat(props.className),
+    style: props.style
+  }, props.dataItem[props.field] == 0 ? "小时" : "天");
+};
+
+exports.KendoGridRowTimeUnitCellRender = KendoGridRowTimeUnitCellRender;
+
+var KendoGridRowNumberTagCellRender = function KendoGridRowNumberTagCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    colSpan: "1",
+    className: "k-sequence-number-cell ".concat(props.className),
+    role: "gridcell",
+    "aria-colindex": "1",
+    "aria-selected": "false",
+    "data-grid-col-index": "0",
+    style: props.style
+  }, props.dataIndex + 1, props.dataItem.b_enable_sn_track && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "kendo-grid-row-number-tag"
+  }, "\u5E8F"), !props.dataItem.b_enable_sn_track && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "kendo-grid-row-number-no-tag"
+  }));
+};
+
+exports.KendoGridRowNumberTagCellRender = KendoGridRowNumberTagCellRender;
+
+var KendoGridFilterCellRender = function KendoGridFilterCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "iconfont icon-personal-search"
+  });
+};
+
+exports.KendoGridFilterCellRender = KendoGridFilterCellRender;
+
+var KendoGridBooleanCellRender = function KendoGridBooleanCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: props.className,
+    style: props.style
+  }, _LangTypes["default"].asBooleanValue(props.dataItem[props.field]) ? "是" : "否");
+};
+
+exports.KendoGridBooleanCellRender = KendoGridBooleanCellRender;
+
+var KendoGridVersionCellRender = function KendoGridVersionCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: props.className,
+    style: props.style
+  }, "v", props.dataItem[props.field]);
+};
+
+exports.KendoGridVersionCellRender = KendoGridVersionCellRender;
+
+var KendoGridEmptyCellRender = function KendoGridEmptyCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: props.className,
+    style: props.style
+  }, props.dataItem[props.field] || '--');
+};
+
+exports.KendoGridEmptyCellRender = KendoGridEmptyCellRender;
+
+var KendoGridPercentCellRender = function KendoGridPercentCellRender(props) {
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    className: props.className,
+    style: props.style
+  }, props.dataItem[props.field] + "%");
+};
+
+exports.KendoGridPercentCellRender = KendoGridPercentCellRender;
+
+var KendoGridTimeStampCellRender = function KendoGridTimeStampCellRender(props) {
+  if (props.dataItem[props.field]) {
+    return /*#__PURE__*/_react["default"].createElement("td", {
+      className: props.className,
+      style: props.style
+    }, (0, _moment["default"])(props.dataItem[props.field]).format("yyyy-MM-DD HH:mm:ss"));
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("td", {
+      className: props.className,
+      style: props.style
+    });
+  }
+};
+
+exports.KendoGridTimeStampCellRender = KendoGridTimeStampCellRender;
+
+var KendoGridDateCellRender = function KendoGridDateCellRender(props) {
+  if (props.dataItem[props.field]) {
+    return /*#__PURE__*/_react["default"].createElement("td", {
+      className: props.className,
+      style: props.style
+    }, (0, _moment["default"])(props.dataItem[props.field]).format("yyyy-MM-DD"));
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("td", {
+      className: props.className,
+      style: props.style
+    });
+  }
+};
+
+exports.KendoGridDateCellRender = KendoGridDateCellRender;
+
+var KendoGridSelectCellRender = /*#__PURE__*/function (_React$Component) {
+  _inherits(KendoGridSelectCellRender, _React$Component);
+
+  var _super = _createSuper(KendoGridSelectCellRender);
+
+  function KendoGridSelectCellRender(props) {
+    var _this2;
+
+    _classCallCheck(this, KendoGridSelectCellRender);
+
+    _this2 = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this2), "foreRefreshUI", function () {
+      _this2.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "onChange", function (objectValue) {
+      var _this2$props = _this2.props,
+          dataItem = _this2$props.dataItem,
+          field = _this2$props.field,
+          selectProps = _this2$props.selectProps;
+      var onChangeExtFunc = selectProps.onChangeExtFunc;
+
+      if (objectValue.label) {
+        if (field.endsWith("_ext_name")) {
+          dataItem[field] = objectValue.label;
+          var pkFieldName = field.substring(0, field.length - "_ext_name".length) + "_pk";
+          dataItem[pkFieldName] = objectValue.value;
+        } else if (field.endsWith("_pk")) {
+          dataItem[field] = objectValue.value;
+          var extNameFieldName = field.substring(0, field.length - "_pk".length) + "_ext_name";
+          dataItem[extNameFieldName] = objectValue.label;
+        } else {
+          dataItem[field] = objectValue.value;
+          dataItem[field + "_ext_name"] = objectValue.label;
+        }
+      } else {
+        dataItem[field] = objectValue;
+      }
+
+      _this2.foreRefreshUI();
+
+      if (_lodash["default"].isFunction(onChangeExtFunc)) {
+        onChangeExtFunc(dataItem);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "buildSelectControlInTD", function (dataItem) {
+      var field = _this2.props.field || "";
+      var selectProps = _this2.props.selectProps;
+
+      var newSelectProps = _objectSpread({}, selectProps);
+
+      if (!(newSelectProps.onChangeWithObject === false)) {
+        newSelectProps.onChangeWithObject = true;
+      }
+
+      var value = dataItem[field] === null ? "" : dataItem[field];
+      var displayExtName = '';
+
+      if (selectProps && _utils.Values.isNotEmptyArray(selectProps.optionList)) {
+        var _selectProps$optionLi;
+
+        displayExtName = (_selectProps$optionLi = selectProps.optionList.find(function (option) {
+          return option.value == value;
+        })) === null || _selectProps$optionLi === void 0 ? void 0 : _selectProps$optionLi.label;
+      }
+
+      var dataValue = "";
+
+      if (field.endsWith("_ext_name")) {
+        var pkFieldName = field.substring(0, field.length - "_ext_name".length) + "_pk";
+        dataValue = {
+          label: dataItem[field],
+          value: dataItem[pkFieldName]
+        };
+      } else if (field.endsWith("_pk")) {
+        var extNameFieldName = field.substring(0, field.length - "_pk".length) + "_ext_name";
+        dataValue = {
+          label: dataItem[extNameFieldName],
+          value: dataItem[field]
+        };
+      } else {
+        dataValue = {
+          label: dataItem[field + "_ext_name"] || displayExtName,
+          value: dataItem[field]
+        };
+      }
+
+      if (newSelectProps.onChangeExtFunc) {
+        delete newSelectProps.onChangeExtFunc;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "k-grid-edit-cell"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({}, newSelectProps, {
+        value: dataValue,
+        onChange: _this2.onChange
+      })));
+    });
+
+    _defineProperty(_assertThisInitialized(_this2), "buildTextControlInTD", function (dataItem) {
+      var _this2$props2 = _this2.props,
+          field = _this2$props2.field,
+          className = _this2$props2.className,
+          style = _this2$props2.style,
+          selectProps = _this2$props2.selectProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      var displayExtName = '';
+
+      if (selectProps && _utils.Values.isNotEmptyArray(selectProps.optionList)) {
+        var _selectProps$optionLi2;
+
+        displayExtName = (_selectProps$optionLi2 = selectProps.optionList.find(function (option) {
+          return option.value == dataValue;
+        })) === null || _selectProps$optionLi2 === void 0 ? void 0 : _selectProps$optionLi2.label;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: className,
+        style: style
+      }, selectProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(selectProps.onClick)) {
+            selectProps.onClick(dataItem);
+          }
+        }
+      }, displayExtName), !selectProps.type && displayExtName);
+    });
+
+    return _this2;
+  }
+
+  _createClass(KendoGridSelectCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          dataItem = _this$props.dataItem,
+          selectProps = _this$props.selectProps;
+
+      if (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField) {
+        var disabled = dataItem[selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField];
+
+        if (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledValue) {
+          disabled = dataItem[selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField] !== (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildSelectControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildSelectControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridSelectCellRender;
+}(_react["default"].Component);
+
+var KendoGridTreeSelectCellRender = /*#__PURE__*/function (_React$Component2) {
+  _inherits(KendoGridTreeSelectCellRender, _React$Component2);
+
+  var _super2 = _createSuper(KendoGridTreeSelectCellRender);
+
+  function KendoGridTreeSelectCellRender(props) {
+    var _this3;
+
+    _classCallCheck(this, KendoGridTreeSelectCellRender);
+
+    _this3 = _super2.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this3), "foreRefreshUI", function () {
+      _this3.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onChange", function (objectValue) {
+      var _this3$props = _this3.props,
+          dataItem = _this3$props.dataItem,
+          field = _this3$props.field,
+          selectProps = _this3$props.selectProps;
+      var onChangeExtFunc = selectProps.onChangeExtFunc;
+
+      if (objectValue.label) {
+        if (field.endsWith("_ext_name")) {
+          dataItem[field] = objectValue.label;
+          var pkFieldName = field.substring(0, field.length - "_ext_name".length) + "_pk";
+          dataItem[pkFieldName] = objectValue.value;
+        } else if (field.endsWith("_pk")) {
+          dataItem[field] = objectValue.value;
+          var extNameFieldName = field.substring(0, field.length - "_pk".length) + "_ext_name";
+          dataItem[extNameFieldName] = objectValue.label;
+        } else {
+          dataItem[field] = objectValue.value;
+          dataItem[field + "_ext_name"] = objectValue.label;
+        }
+      } else {
+        dataItem[field] = objectValue;
+      }
+
+      _this3.foreRefreshUI();
+
+      if (_lodash["default"].isFunction(onChangeExtFunc)) {
+        onChangeExtFunc(dataItem);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "buildTreeSelectControlInTD", function (dataItem) {
+      var field = _this3.props.field || "";
+      var selectProps = _this3.props.selectProps;
+
+      var newSelectProps = _objectSpread({}, selectProps);
+
+      if (!(newSelectProps.onChangeWithObject === false)) {
+        newSelectProps.onChangeWithObject = true;
+      }
+
+      var dataValue = "";
+
+      if (newSelectProps.onChangeWithObject) {
+        if (field.endsWith("_ext_name")) {
+          var pkFieldName = field.substring(0, field.length - "_ext_name".length) + "_pk";
+          dataValue = {
+            label: dataItem[field],
+            value: dataItem[pkFieldName]
+          };
+        } else if (field.endsWith("_pk")) {
+          var extNameFieldName = field.substring(0, field.length - "_pk".length) + "_ext_name";
+          dataValue = {
+            label: dataItem[extNameFieldName],
+            value: dataItem[field]
+          };
+        } else {
+          dataValue = {
+            label: dataItem[field + "_ext_name"],
+            value: dataItem[field]
+          };
+        }
+      } else {
+        dataValue = dataItem[field] === null ? "" : dataItem[field];
+      }
+
+      if (newSelectProps.onChangeExtFunc) {
+        delete newSelectProps.onChangeExtFunc;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "".concat(_this3.props.className, " k-grid-edit-cell"),
+        style: _this3.props.style
+      }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, _extends({}, newSelectProps, {
+        size: "large",
+        value: dataValue,
+        onChange: _this3.onChange,
+        style: {
+          width: '100%'
+        }
+      })));
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "buildTextControlInTD", function (dataItem) {
+      var selectProps = _this3.props.selectProps;
+      var field = _this3.props.field || "";
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: _this3.props.className,
+        style: _this3.props.style
+      }, selectProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(selectProps.onClick)) {
+            selectProps.onClick(dataItem);
+          }
+        }
+      }, dataValue), !selectProps.type && dataValue);
+    });
+
+    return _this3;
+  }
+
+  _createClass(KendoGridTreeSelectCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          dataItem = _this$props2.dataItem,
+          selectProps = _this$props2.selectProps;
+
+      if (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField) {
+        var disabled = dataItem[selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField];
+
+        if (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledValue) {
+          disabled = dataItem[selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledField] !== (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildTreeSelectControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildTreeSelectControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridTreeSelectCellRender;
+}(_react["default"].Component);
+
+var KendoGridInputNumberCellRender = /*#__PURE__*/function (_React$Component3) {
+  _inherits(KendoGridInputNumberCellRender, _React$Component3);
+
+  var _super3 = _createSuper(KendoGridInputNumberCellRender);
+
+  function KendoGridInputNumberCellRender(_props) {
+    var _this4;
+
+    _classCallCheck(this, KendoGridInputNumberCellRender);
+
+    _this4 = _super3.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this4), "foreRefreshUI", function () {
+      _this4.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "onNumberChange", function (value) {
+      var _this4$props = _this4.props,
+          dataItem = _this4$props.dataItem,
+          field = _this4$props.field,
+          inputNumberProps = _this4$props.inputNumberProps;
+      var onChangeExtFunc = inputNumberProps.onChangeExtFunc;
+      dataItem[field] = value;
+
+      _this4.foreRefreshUI();
+
+      if (_lodash["default"].isFunction(onChangeExtFunc)) {
+        onChangeExtFunc(dataItem);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "buildInputNumberControlInTD", function (dataItem) {
+      var field = _this4.props.field || "";
+      var inputNumberProps = _this4.props.inputNumberProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+
+      var props = _objectSpread({}, inputNumberProps);
+
+      if (props.onChangeExtFunc) {
+        delete props.onChangeExtFunc;
+      }
+
+      if (props.disabledValue) {
+        delete props.disabledValue;
+      }
+
+      if (props.disabledField) {
+        delete props.disabledField;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "".concat(_this4.props.className, " k-grid-edit-cell"),
+        style: _this4.props.style
+      }, /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, _extends({}, props, {
+        size: "large",
+        onChange: _this4.onNumberChange,
+        value: dataValue,
+        style: {
+          width: '100%'
+        }
+      })));
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "buildTextControlInTD", function (dataItem) {
+      var inputNumberProps = _this4.props.inputNumberProps;
+      var field = _this4.props.field || "";
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: _this4.props.className,
+        style: _this4.props.style
+      }, inputNumberProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(inputNumberProps.onClick)) {
+            inputNumberProps.onClick(dataItem);
+          }
+        }
+      }, dataValue), !inputNumberProps.type && dataValue);
+    });
+
+    return _this4;
+  }
+
+  _createClass(KendoGridInputNumberCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          dataItem = _this$props3.dataItem,
+          inputNumberProps = _this$props3.inputNumberProps;
+
+      if (inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.disabledField) {
+        var disabled = dataItem[inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.disabledField];
+
+        if (inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.disabledValue) {
+          disabled = dataItem[inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.disabledField] !== (inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildInputNumberControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildInputNumberControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridInputNumberCellRender;
+}(_react["default"].Component);
+
+var KendoGridInputTextCellRender = /*#__PURE__*/function (_React$Component4) {
+  _inherits(KendoGridInputTextCellRender, _React$Component4);
+
+  var _super4 = _createSuper(KendoGridInputTextCellRender);
+
+  function KendoGridInputTextCellRender(_props2) {
+    var _this5;
+
+    _classCallCheck(this, KendoGridInputTextCellRender);
+
+    _this5 = _super4.call(this, _props2);
+
+    _defineProperty(_assertThisInitialized(_this5), "foreRefreshUI", function () {
+      _this5.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this5), "onChange", function (value) {
+      var _this5$props = _this5.props,
+          dataItem = _this5$props.dataItem,
+          field = _this5$props.field,
+          inputProps = _this5$props.inputProps;
+      var onChangeExtFunc = inputProps.onChangeExtFunc;
+      dataItem[field] = value;
+
+      _this5.foreRefreshUI();
+
+      if (_lodash["default"].isFunction(onChangeExtFunc)) {
+        onChangeExtFunc(dataItem);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this5), "buildInputTextControlInTD", function (dataItem) {
+      var field = _this5.props.field || "";
+      var inputProps = _this5.props.inputProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+
+      var props = _objectSpread({}, inputProps);
+
+      if (props.onChangeExtFunc) {
+        delete props.onChangeExtFunc;
+      }
+
+      if (props.disabledValue) {
+        delete props.disabledValue;
+      }
+
+      if (props.disabledField) {
+        delete props.disabledField;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "".concat(_this5.props.className, " k-grid-edit-cell"),
+        style: _this5.props.style
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({}, props, {
+        size: "large",
+        onChange: _this5.onChange,
+        value: dataValue
+      })));
+    });
+
+    _defineProperty(_assertThisInitialized(_this5), "buildTextControlInTD", function (dataItem) {
+      var inputProps = _this5.props.inputProps;
+      var field = _this5.props.field || "";
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: _this5.props.className,
+        style: _this5.props.style
+      }, inputProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(inputProps.onClick)) {
+            inputProps.onClick(dataItem);
+          }
+        }
+      }, dataValue), !inputProps.type && dataValue);
+    });
+
+    return _this5;
+  }
+
+  _createClass(KendoGridInputTextCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          dataItem = _this$props4.dataItem,
+          inputProps = _this$props4.inputProps;
+
+      if (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField) {
+        var disabled = dataItem[inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField];
+
+        if (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledValue) {
+          disabled = dataItem[inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField] !== (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildInputTextControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildInputTextControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridInputTextCellRender;
+}(_react["default"].Component);
+
+var KendoGridDatePickerCellRender = /*#__PURE__*/function (_React$Component5) {
+  _inherits(KendoGridDatePickerCellRender, _React$Component5);
+
+  var _super5 = _createSuper(KendoGridDatePickerCellRender);
+
+  function KendoGridDatePickerCellRender(_props3) {
+    var _this6;
+
+    _classCallCheck(this, KendoGridDatePickerCellRender);
+
+    _this6 = _super5.call(this, _props3);
+
+    _defineProperty(_assertThisInitialized(_this6), "foreRefreshUI", function () {
+      _this6.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this6), "onChange", function (value) {
+      var _this6$props = _this6.props,
+          dataItem = _this6$props.dataItem,
+          field = _this6$props.field,
+          datePickerProps = _this6$props.datePickerProps;
+      dataItem[field] = value;
+      var onChangeExtFunc = datePickerProps.onChangeExtFunc;
+
+      if (_lodash["default"].isFunction(onChangeExtFunc)) {
+        onChangeExtFunc(dataItem);
+      }
+
+      _this6.foreRefreshUI();
+    });
+
+    _defineProperty(_assertThisInitialized(_this6), "buildDatePickerControlInTD", function (dataItem) {
+      var _this6$props2 = _this6.props,
+          field = _this6$props2.field,
+          className = _this6$props2.className,
+          style = _this6$props2.style;
+      var datePickerProps = _this6.props.datePickerProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+
+      var props = _objectSpread({}, datePickerProps);
+
+      var pickerType = props.type;
+
+      if (props.onChangeExtFunc) {
+        delete props.onChangeExtFunc;
+      }
+
+      if (props.disabledValue) {
+        delete props.disabledValue;
+      }
+
+      if (props.disabledField) {
+        delete props.disabledField;
+      }
+
+      if (props.type) {
+        pickerType = props.type;
+        delete props.type;
+      }
+
+      if (pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATE || pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME || pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.MONTH) {
+        return /*#__PURE__*/_react["default"].createElement("td", {
+          className: "".concat(className, " k-grid-edit-cell"),
+          style: style
+        }, /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, _extends({}, props, {
+          showTime: pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME,
+          picker: props.type,
+          onChange: _this6.onChange,
+          value: dataValue
+        })));
+      } else if (pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATE_RANGE || pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME_RANGE || pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.MONTH_RANGE) {
+        return /*#__PURE__*/_react["default"].createElement("td", {
+          className: "".concat(className, " k-grid-edit-cell"),
+          style: style
+        }, /*#__PURE__*/_react["default"].createElement(_antd.RangePicker, _extends({}, props, {
+          showTime: pickerType === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME_RANGE,
+          picker: pickerType.split('Range')[0],
+          onChange: _this6.onChange,
+          value: dataValue
+        })));
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this6), "buildTextControlInTD", function (dataItem) {
+      var _this6$props3 = _this6.props,
+          field = _this6$props3.field,
+          className = _this6$props3.className,
+          style = _this6$props3.style,
+          datePickerProps = _this6$props3.datePickerProps;
+      var type = datePickerProps.type,
+          format = datePickerProps.format;
+      var dataValue = dataItem[field];
+
+      if (dataValue !== null) {
+        if (type === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATE) {
+          format = 'YYYY-MM-DD';
+          dataValue = (0, _moment["default"])(dataItem[field]).format(format);
+        } else if (type === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATE_RANGE) {
+          format = 'YYYY-MM-DD';
+          dataValue = [(0, _moment["default"])(dataItem[field][0]).format(format), (0, _moment["default"])(dataItem[field][1]).format(format)];
+        } else if (type === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME) {
+          format = 'YYYY-MM-DD HH:mm:ss';
+          dataValue = (0, _moment["default"])(dataItem[field]).format(format);
+        } else if (type === buildKendoGridDatePickerCellRender.prototype.DateTypes.DATETIME_RANGE) {
+          format = 'YYYY-MM-DD HH:mm:ss';
+          dataValue = [(0, _moment["default"])(dataItem[field][0]).format(format), (0, _moment["default"])(dataItem[field][1]).format(format)];
+        }
+      } else {
+        dataValue = '';
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: className,
+        style: style
+      }, datePickerProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(datePickerProps.onClick)) {
+            datePickerProps.onClick(dataItem);
+          }
+        }
+      }, dataValue), dataValue);
+    });
+
+    return _this6;
+  }
+
+  _createClass(KendoGridDatePickerCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+          dataItem = _this$props5.dataItem,
+          datePickerProps = _this$props5.datePickerProps;
+
+      if (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disabledField) {
+        var disabled = dataItem[datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disabledField];
+
+        if (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disabledValue) {
+          disabled = dataItem[datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disabledField] !== (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildDatePickerControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildDatePickerControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridDatePickerCellRender;
+}(_react["default"].Component);
+
+var KendoGridSwitchCellRender = /*#__PURE__*/function (_React$Component6) {
+  _inherits(KendoGridSwitchCellRender, _React$Component6);
+
+  var _super6 = _createSuper(KendoGridSwitchCellRender);
+
+  function KendoGridSwitchCellRender(props) {
+    var _this7;
+
+    _classCallCheck(this, KendoGridSwitchCellRender);
+
+    _this7 = _super6.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this7), "foreRefreshUI", function () {
+      _this7.setState({
+        stateBarTS: new Date().getTime()
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this7), "onChange", function (objectChecked) {
+      var _this7$props = _this7.props,
+          dataItem = _this7$props.dataItem,
+          field = _this7$props.field,
+          switchProps = _this7$props.switchProps;
+      var _this = switchProps._this,
+          onChangeExtFunc = switchProps.onChangeExtFunc;
+      dataItem[field] = objectChecked;
+
+      _this7.foreRefreshUI();
+
+      _this.forceUpdate(function () {
+        if (_lodash["default"].isFunction(onChangeExtFunc)) {
+          onChangeExtFunc(dataItem, _this7.props, objectChecked);
+        }
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this7), "buildSwitchControlInTD", function (dataItem) {
+      var _this7$props2 = _this7.props,
+          field = _this7$props2.field,
+          className = _this7$props2.className,
+          style = _this7$props2.style,
+          switchProps = _this7$props2.switchProps;
+
+      var newSelectProps = _objectSpread({}, switchProps);
+
+      if (!(newSelectProps.onChangeWithObject === false)) {
+        newSelectProps.onChangeWithObject = true;
+      }
+
+      var dataChecked = dataItem[field] === null ? "" : dataItem[field];
+
+      if (newSelectProps.onChangeExtFunc) {
+        delete newSelectProps.onChangeExtFunc;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "".concat(className, " k-grid-edit-cell"),
+        style: style
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, _extends({}, newSelectProps, {
+        checked: !!dataChecked,
+        onChange: _this7.onChange
+      })));
+    });
+
+    _defineProperty(_assertThisInitialized(_this7), "buildTextControlInTD", function (dataItem) {
+      var _this7$props3 = _this7.props,
+          field = _this7$props3.field,
+          className = _this7$props3.className,
+          style = _this7$props3.style;
+      var dataValue = dataItem[field] ? '是' : '否';
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: className,
+        style: style
+      }, dataValue);
+    });
+
+    return _this7;
+  }
+
+  _createClass(KendoGridSwitchCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props6 = this.props,
+          dataItem = _this$props6.dataItem,
+          switchProps = _this$props6.switchProps;
+
+      if (switchProps === null || switchProps === void 0 ? void 0 : switchProps.disabledField) {
+        var disabled = dataItem[switchProps === null || switchProps === void 0 ? void 0 : switchProps.disabledField];
+
+        if (switchProps === null || switchProps === void 0 ? void 0 : switchProps.disabledValue) {
+          disabled = dataItem[switchProps === null || switchProps === void 0 ? void 0 : switchProps.disabledField] !== (switchProps === null || switchProps === void 0 ? void 0 : switchProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildSwitchControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildSwitchControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridSwitchCellRender;
+}(_react["default"].Component);
+
+var KendoGridRefInputCellRender = /*#__PURE__*/function (_React$Component7) {
+  _inherits(KendoGridRefInputCellRender, _React$Component7);
+
+  var _super7 = _createSuper(KendoGridRefInputCellRender);
+
+  function KendoGridRefInputCellRender(props) {
+    var _this8;
+
+    _classCallCheck(this, KendoGridRefInputCellRender);
+
+    _this8 = _super7.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this8), "onChange", function (data, dataItem) {
+      var inputProps = _this8.props.inputProps;
+      var _this = inputProps._this,
+          onChangeExtFunc = inputProps.onChangeExtFunc;
+
+      _this.forceUpdate(function () {
+        if (_lodash["default"].isFunction(onChangeExtFunc)) {
+          onChangeExtFunc(data, dataItem);
+        }
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this8), "buildInputTextControlInTD", function (dataItem) {
+      var _this8$props = _this8.props,
+          field = _this8$props.field,
+          className = _this8$props.className,
+          style = _this8$props.style,
+          inputProps = _this8$props.inputProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: "".concat(className, " k-grid-edit-cell"),
+        style: style
+      }, /*#__PURE__*/_react["default"].createElement(_RefInput["default"], {
+        field: field,
+        value: dataValue,
+        showClear: true,
+        data: dataItem,
+        readonly: inputProps.readonly,
+        rules: inputProps.rules || false,
+        refCode: inputProps.dictCode,
+        refDialogWidth: inputProps.refDialogWidth || 600,
+        refDialogHeight: inputProps.refDialogHeight || 300,
+        isNotData: inputProps.isNotData,
+        multiple: inputProps.multiple,
+        customGridData: inputProps.customGridData,
+        customRefUIConfig: inputProps.customRefUIConfig,
+        onBeforeClick: inputProps.onBeforeClick,
+        okCallback: inputProps.onChangeExtFunc || _this8.onChange
+      }));
+    });
+
+    _defineProperty(_assertThisInitialized(_this8), "buildTextControlInTD", function (dataItem) {
+      var _this8$props2 = _this8.props,
+          field = _this8$props2.field,
+          className = _this8$props2.className,
+          style = _this8$props2.style,
+          inputProps = _this8$props2.inputProps;
+      var dataValue = dataItem[field] === null ? "" : dataItem[field];
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        className: className,
+        style: style
+      }, inputProps.type === 'link' && /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          if (_lodash["default"].isFunction(inputProps.onClick)) {
+            inputProps.onClick(dataItem);
+          }
+        }
+      }, dataValue), !inputProps.type && dataValue);
+    });
+
+    return _this8;
+  }
+
+  _createClass(KendoGridRefInputCellRender, [{
+    key: "render",
+    value: function render() {
+      var _this$props7 = this.props,
+          dataItem = _this$props7.dataItem,
+          inputProps = _this$props7.inputProps;
+
+      if (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField) {
+        var disabled = dataItem[inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField];
+
+        if (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledValue) {
+          disabled = dataItem[inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledField] !== (inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabledValue);
+        }
+
+        return dataItem.inEditState && disabled ? this.buildInputTextControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+      }
+
+      return dataItem.inEditState ? this.buildInputTextControlInTD(dataItem) : this.buildTextControlInTD(dataItem);
+    }
+  }]);
+
+  return KendoGridRefInputCellRender;
+}(_react["default"].Component);
+
+var buildKendoGridSelectCellRender = function buildKendoGridSelectCellRender(_this, selectProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.selectProps = {
+      _this: _this
+    };
+    if (selectProps) mergedProps.selectProps = _objectSpread({
+      _this: _this
+    }, selectProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridSelectCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridSelectCellRender = buildKendoGridSelectCellRender;
+
+var buildKendoGridTreeSelectCellRender = function buildKendoGridTreeSelectCellRender(_this, selectProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.selectProps = {
+      _this: _this
+    };
+    if (selectProps) mergedProps.selectProps = _objectSpread({
+      _this: _this
+    }, selectProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridTreeSelectCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridTreeSelectCellRender = buildKendoGridTreeSelectCellRender;
+
+var buildKendoGridInputNumberCellRender = function buildKendoGridInputNumberCellRender(_this, inputNumberProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.inputNumberProps = {
+      _this: _this
+    };
+    if (inputNumberProps) mergedProps.inputNumberProps = _objectSpread({
+      _this: _this
+    }, inputNumberProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridInputNumberCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridInputNumberCellRender = buildKendoGridInputNumberCellRender;
+
+var buildKendoGridInputCellRender = function buildKendoGridInputCellRender(_this, inputProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.inputProps = {
+      _this: _this
+    };
+    if (inputProps) mergedProps.inputProps = _objectSpread({
+      _this: _this
+    }, inputProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridInputTextCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridInputCellRender = buildKendoGridInputCellRender;
+
+var buildKendoGridDatePickerCellRender = function buildKendoGridDatePickerCellRender(_this, datePickerProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.datePickerProps = {
+      _this: _this
+    };
+    if (datePickerProps) mergedProps.datePickerProps = _objectSpread({
+      _this: _this
+    }, datePickerProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridDatePickerCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridDatePickerCellRender = buildKendoGridDatePickerCellRender;
+buildKendoGridDatePickerCellRender.prototype.DateTypes = {
+  DATE: 'date',
+  MONTH: 'month',
+  DATETIME: 'dateTime',
+  DATE_RANGE: 'dateRange',
+  DATETIME_RANGE: 'dateTimeRange',
+  MONTH_RANGE: 'monthRange'
+};
+
+var buildKendoGridSwitchCellRender = function buildKendoGridSwitchCellRender(_this, switchProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.switchProps = {
+      _this: _this
+    };
+    if (switchProps) mergedProps.switchProps = _objectSpread({
+      _this: _this
+    }, switchProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridSwitchCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridSwitchCellRender = buildKendoGridSwitchCellRender;
+
+var buildKendoGridRefInputCellRender = function buildKendoGridRefInputCellRender(_this, inputProps) {
+  return function (props) {
+    var mergedProps = _objectSpread({}, props);
+
+    if (_this) mergedProps.inputProps = {
+      _this: _this
+    };
+    if (inputProps) mergedProps.inputProps = _objectSpread({
+      _this: _this
+    }, inputProps);
+    return /*#__PURE__*/_react["default"].createElement(KendoGridRefInputCellRender, mergedProps);
+  };
+};
+
+exports.buildKendoGridRefInputCellRender = buildKendoGridRefInputCellRender;