@lemon-fe/kits 1.0.0-21 → 1.0.0-210

package/es/components/DataGrid/index.js

@@ -1,22 +1,24 @@
 var _excluded = ["validator"],
-    _excluded2 = ["title", "key", "dataIndex", "align", "type", "fixed", "render", "ellipsis", "cellRenderer", "cellRendererParams", "className", "sorter", "editable"],
+    _excluded2 = ["title", "dataIndex", "render", "ellipsis", "sorter", "editable", "className"],
     _excluded3 = ["title", "children"],
-    _excluded4 = ["rowSelection", "rowKey", "fetch", "dataSource", "summary", "rowActions", "context", "onGridReady", "pagination", "columnTypes", "defaultColDef", "components", "columns", "loading", "autoLoad", "sideBar"];
+    _excluded4 = ["rowKey", "fetch", "dataSource", "rowActions", "columns", "autoLoad", "loading", "summary", "detailCell", "pagination", "rowSelection", "columnTypes", "defaultColDef", "components", "sideBar", "detailCellRendererParams", "context", "showSearch", "cellDisplayFlex"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
+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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -33,6 +35,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 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); } }
@@ -55,40 +63,107 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 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; }
 
-import React, { Component } from 'react';
-import { AgGridReact } from '@ag-grid-community/react';
-import shallowEqual from 'shallowequal';
+import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry, GridApi, ColumnApi } from '@ag-grid-community/core';
 import { InfiniteRowModelModule } from '@ag-grid-community/infinite-row-model';
-import { get, set } from 'lodash';
-import Scheme from 'async-validator';
-import GridContext from "./GridContext";
-import { RowGroupingModule } from "./modules/row-grouping";
-import { ClipboardModule } from "./modules/clipboard";
-import { MenuModule } from "./modules/menu";
-import { ColumnsToolPanelModule } from "./modules/column-tool-panel";
-import { SideBarModule } from "./modules/side-bar";
-import { ServerSideRowModelModule } from "./modules/server-side-row-model";
-import { ClientSideRowModelModule } from "./modules/client-side-row-model";
+import { AgGridReact } from '@ag-grid-community/react';
 import { Spin, Pagination } from 'antd';
-import { prefix, getColField, isColumnType, withSyncRender, ColMethod, Store, Selection, columnTypes } from "./utils";
-import HeaderRenderer from "./HeaderRenderer";
-import CellRenderer from "./CellRenderer";
-import Actions from "./Actions";
+import Scheme from 'async-validator';
+import BigNumber from 'bignumber.js';
+import classNames from 'classnames';
+import { get, set } from 'lodash';
+import { create, parseDependencies, factory } from 'mathjs';
+import memoizeOne from 'memoize-one';
+import React, { Component, createRef } from 'react';
+import shallowEqual from 'shallowequal';
 import DateEditor from "./cell-editors/Date";
-import TextEditor from "./cell-editors/Text";
 import NumberEditor from "./cell-editors/Number";
+import RowEditor, { RowEditorData } from "./cell-editors/Row";
 import SelectEditor from "./cell-editors/Select";
-import Custom from "./cell-editors/Custom";
+import TextEditor from "./cell-editors/Text";
 import EditorWrapper from "./cell-editors/Wrapper";
-import empty from "./empty.png";
-export { AgGridReact } from '@ag-grid-community/react';
-ModuleRegistry.registerModules([ClientSideRowModelModule, RowGroupingModule, InfiniteRowModelModule, ClipboardModule, MenuModule, SideBarModule, ColumnsToolPanelModule, ServerSideRowModelModule], false);
+import CustomColumnPanel from "./components/CustomColumnPanel";
+import Search from "./components/Search";
+import Selected from "./components/Selected";
+import GridStoreContext from "./context/GridStore";
+import { useGridStore } from "./hooks";
+import { ClipboardModule } from "./modules/clipboard/main";
+import { ColumnsToolPanelModule } from "./modules/column-tool-panel/main";
+import { MasterDetailModule } from "./modules/master-detail/main";
+import { MenuModule } from "./modules/menu/main";
+import { RowGroupingModule } from "./modules/row-grouping/main";
+import { SideBarModule } from "./modules/side-bar/main";
+import Actions from "./renderer/Actions";
+import CellIndexRender from "./renderer/CellIndexRenderer";
+import CellRenderer from "./renderer/CellRenderer";
+import DetailCellRenderer from "./renderer/DetailCellRenderer";
+import HeaderRenderer from "./renderer/HeaderRenderer";
+import { prefix, getColField, isColumn, withSyncRender, Store, Selection, columnTypes } from "./utils";
+
+var add = function add(a, b) {
+  return new BigNumber(a).plus(b);
+};
+
+var subtract = function subtract(a, b) {
+  return new BigNumber(a).minus(b);
+};
+
+var multiply = function multiply(a, b) {
+  return new BigNumber(a).times(b);
+};
+
+var divide = function divide(a, b) {
+  return new BigNumber(a).div(b);
+};
+
+var _create = create({
+  parseDependencies: parseDependencies,
+  createAdd: factory('add', [], function () {
+    return add;
+  }),
+  createSubtract: factory('subtract', [], function () {
+    return subtract;
+  }),
+  createMultiply: factory('multiply', [], function () {
+    return multiply;
+  }),
+  createDivide: factory('divide', [], function () {
+    return divide;
+  })
+}),
+    parse = _create.parse;
+
+ModuleRegistry.registerModules([ClientSideRowModelModule, RowGroupingModule, InfiniteRowModelModule, ClipboardModule, MenuModule, SideBarModule, ColumnsToolPanelModule, MasterDetailModule], false);
 var defaultColDef = {
   resizable: true,
-  width: 140,
+  initialWidth: 140,
   suppressMenu: true
 };
+var defaultComponents = {
+  agColumnHeader: HeaderRenderer,
+  agColumnGroupHeader: HeaderRenderer,
+  'text-editor': TextEditor,
+  'number-editor': NumberEditor,
+  'date-editor': DateEditor,
+  'select-editor': SelectEditor,
+  'row-editor': RowEditor,
+  'row-index': CellIndexRender
+};
+
+function unsort() {
+  return 0;
+}
+
+function EmptyOverlay(props) {
+  var err = useGridStore(function (state) {
+    return state.fetchError;
+  });
+  var _props$desc = props.desc,
+      desc = _props$desc === void 0 ? '暂无数据' : _props$desc;
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefix('empty-overlay')
+  }, err ? err.message : desc, "~");
+}
 
 var DataGrid = /*#__PURE__*/function (_Component) {
   _inherits(DataGrid, _Component);
@@ -104,11 +179,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "api", new GridApi());
 
-    _defineProperty(_assertThisInitialized(_this), "selected", new Selection());
-
     _defineProperty(_assertThisInitialized(_this), "columnApi", new ColumnApi());
 
-    _defineProperty(_assertThisInitialized(_this), "colRenderer", new ColMethod());
+    _defineProperty(_assertThisInitialized(_this), "selected", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "store", void 0);
 
@@ -130,69 +203,147 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         labelDefault: 'Columns',
         labelKey: 'columns',
         iconKey: 'columns',
-        toolPanel: 'agColumnsToolPanel',
+        toolPanel: CustomColumnPanel,
         toolPanelParams: {
-          suppressRowGroups: true,
-          suppressValues: true,
-          suppressPivots: true,
-          suppressPivotMode: true
+          enableSave: !!_this.props.customColumnPanelStorage
         }
       }]
     });
 
-    _defineProperty(_assertThisInitialized(_this), "init", function (args) {
-      var api = args.api,
-          columnApi = args.columnApi;
-      _this.api = api;
-      _this.columnApi = columnApi;
-      _this.isReady = true;
+    _defineProperty(_assertThisInitialized(_this), "searchRef", /*#__PURE__*/createRef());
 
-      _this.clearReadyQueue();
+    _defineProperty(_assertThisInitialized(_this), "prevFocusedCell", null);
 
-      var _this$props = _this.props,
-          onGridReady = _this$props.onGridReady,
-          autoLoad = _this$props.autoLoad;
+    _defineProperty(_assertThisInitialized(_this), "fields", []);
 
-      if (onGridReady !== undefined) {
-        onGridReady(args);
-      }
+    _defineProperty(_assertThisInitialized(_this), "getFieldsSummary", memoizeOne(function (dataSource, fields) {
+      var summaryField = fields.filter(function (field) {
+        return field.summary;
+      });
+      var summary = {};
+      dataSource.forEach(function (data) {
+        var rowId = _this.getRowId({
+          data: data
+        });
 
-      if (_this.isClientMode()) {
-        _this.syncRowData();
-      } else if (autoLoad) {
-        _this.getDataFromServer();
-      }
+        var node = _this.api.getRowNode(rowId);
+
+        if (node === undefined) {
+          return;
+        }
+
+        summaryField.forEach(function (field) {
+          if (field.summaryType === 2) {
+            return;
+          }
 
-      api.addEventListener('sortChanged', function (evt) {
-        _this.sort(evt);
-      }); // 用于同步selection
+          var column = _this.columnApi.getColumn(field.id);
 
-      api.addEventListener('rowSelected', function (_ref) {
-        var node = _ref.node;
-        var rowSelection = _this.props.rowSelection;
+          if (column === null) {
+            return;
+          }
 
-        if (rowSelection !== undefined && node.id !== undefined && node.data !== undefined && api.getRowNode(node.id) !== undefined) {
-          var prevSelected = _this.selected.has(node.id);
+          var colDef = column.getColDef();
 
-          var currSelected = node.isSelected();
+          var value = _this.api.getValue(field.id, node);
 
-          if (currSelected !== prevSelected) {
-            if (currSelected) {
-              _this.selected.set(node.id, node.data);
-            } else {
-              _this.selected.delete(node.id);
-            }
+          if (typeof colDef.valueFormatter === 'function') {
+            value = colDef.valueFormatter({
+              api: _this.api,
+              columnApi: _this.columnApi,
+              context: _this.store.getState().context,
+              node: node,
+              data: data,
+              column: column,
+              colDef: colDef,
+              value: value
+            });
           }
-        }
+
+          if (summary[field.id] === undefined) {
+            summary[field.id] = new BigNumber(0);
+          }
+
+          summary[field.id] = summary[field.id].plus(value);
+        });
       });
-      api.addEventListener('selectionChanged', function () {
-        var rowSelection = _this.props.rowSelection;
+      return summary;
+    }));
+
+    _defineProperty(_assertThisInitialized(_this), "init", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(args) {
+        var api, columnApi, onGridReady;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                api = args.api, columnApi = args.columnApi;
+                _this.api = api;
+                _this.columnApi = columnApi;
+                _this.isReady = true;
 
-        if (_this.selected.isDirty() && rowSelection !== undefined && rowSelection.onChange !== undefined) {
-          var result = _this.selected.flush();
+                _this.clearReadyQueue();
 
-          rowSelection.onChange(result[0], result[1].filter(Boolean));
-        }
+                onGridReady = _this.props.onGridReady;
+
+                if (onGridReady !== undefined) {
+                  onGridReady(args);
+                }
+
+                api.addEventListener('sortChanged', function () {
+                  if (!_this.isClientMode()) {
+                    _this.getDataFromServer();
+                  }
+                }); // 用于同步selection
+
+                api.addEventListener('rowSelected', function (_ref2) {
+                  var node = _ref2.node;
+                  var rowSelection = _this.props.rowSelection;
+
+                  if (rowSelection !== undefined && node.id !== undefined && node.data !== undefined && api.getRowNode(node.id) !== undefined) {
+                    var prevSelected = _this.selected.has(node.id);
+
+                    var currSelected = node.isSelected();
+
+                    if (currSelected !== prevSelected) {
+                      if (rowSelection.type === 'radio') {
+                        _this.selected.clear();
+                      }
+
+                      if (currSelected) {
+                        _this.selected.set(node.id, node.data);
+                      } else {
+                        _this.selected.delete(node.id);
+                      }
+                    }
+                  }
+                });
+                api.addEventListener('selectionChanged', function () {
+                  var rowSelection = _this.props.rowSelection;
+
+                  if (_this.selected.isDirty() && rowSelection !== undefined && rowSelection.onChange !== undefined) {
+                    var result = _this.selected.flush();
+
+                    rowSelection.onChange(result[0], result[1].filter(Boolean));
+                  }
+                });
+
+              case 10:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "NoRowsOverlay", function () {
+      return /*#__PURE__*/React.createElement(EmptyOverlay, {
+        desc: _this.props.emptyText
       });
     });
 
@@ -203,31 +354,40 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "cellValueChanged", function (evt) {
-      var _this$props2 = _this.props,
-          onDataSouceChange = _this$props2.onDataSouceChange,
-          onCellValueChanged = _this$props2.onCellValueChanged;
+      var _this$props = _this.props,
+          onDataSourceChange = _this$props.onDataSourceChange,
+          onCellValueChanged = _this$props.onCellValueChanged;
 
       if (onCellValueChanged) {
         onCellValueChanged(evt);
       }
 
-      if (onDataSouceChange !== undefined) {
+      if (onDataSourceChange !== undefined) {
+        var _this$searchRef$curre;
+
         /**
          * 这么做是为了解决可编辑表格直接修改了原始数据的问题
          */
         _this.dataSource = _toConsumableArray(_this.dataSource);
-        onDataSouceChange(_this.dataSource);
+        (_this$searchRef$curre = _this.searchRef.current) === null || _this$searchRef$curre === void 0 ? void 0 : _this$searchRef$curre.reset();
+        onDataSourceChange(_this.dataSource, evt);
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "rowDataUpdated", function () {
+    _defineProperty(_assertThisInitialized(_this), "rowDataUpdated", function (evt) {
       if (!_this.isReady) {
         return;
       }
 
-      var onDataSouceChange = _this.props.onDataSouceChange;
+      var _this$props2 = _this.props,
+          onDataSourceChange = _this$props2.onDataSourceChange,
+          onRowDataUpdated = _this$props2.onRowDataUpdated;
       var data = [];
 
+      if (onRowDataUpdated !== undefined) {
+        onRowDataUpdated(evt);
+      }
+
       _this.api.forEachNode(function (rowNode) {
         if (rowNode.data !== undefined) {
           data.push(rowNode.data);
@@ -241,33 +401,141 @@ var DataGrid = /*#__PURE__*/function (_Component) {
       if (!shallowEqual(data, _this.dataSource)) {
         _this.dataSource = data;
 
-        if (onDataSouceChange !== undefined) {
-          onDataSouceChange(data);
+        if (onDataSourceChange !== undefined) {
+          var _this$searchRef$curre2;
+
+          (_this$searchRef$curre2 = _this.searchRef.current) === null || _this$searchRef$curre2 === void 0 ? void 0 : _this$searchRef$curre2.reset();
+          onDataSourceChange(data, evt);
         }
       }
     });
 
     _defineProperty(_assertThisInitialized(_this), "cellEditingStop", function (evt) {
+      var onCellEditingStopped = _this.props.onCellEditingStopped;
       var data = evt.data;
 
       _this.validateRecord(data);
+
+      onCellEditingStopped === null || onCellEditingStopped === void 0 ? void 0 : onCellEditingStopped(evt);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "blurTimer", null);
+
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
+      if (_this.props.stopEditingWhenCellsLoseFocus) {
+        _this.blurTimer = setTimeout(function () {
+          if (_this.isReady) {
+            _this.api.clearFocusedCell();
+          }
+
+          _this.blurTimer = null;
+        }, 4);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function () {
+      if (_this.blurTimer !== null) {
+        clearTimeout(_this.blurTimer);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClearSelected", function () {
+      _this.selected.clear();
+
+      _this.api.getSelectedNodes().forEach(function (node) {
+        node.setSelected(false, false, true);
+      });
+
+      _this.api.dispatchEvent({
+        type: 'selectionChanged'
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getMemoizedDefaultColDef", memoizeOne(function (defaultColDefProp) {
+      return _objectSpread(_objectSpread({
+        comparator: _this.isClientMode() ? undefined : unsort
+      }, defaultColDef), defaultColDefProp);
+    }, function (next, prev) {
+      return shallowEqual(prev[0], next[0]);
+    }));
+
+    _defineProperty(_assertThisInitialized(_this), "getMemoizedColumnTypes", memoizeOne(function (columnTypesProp) {
+      return _objectSpread(_objectSpread({}, columnTypes), columnTypesProp);
+    }));
+
+    _defineProperty(_assertThisInitialized(_this), "getMemoizedComponents", memoizeOne(function (componentsProp) {
+      return _objectSpread(_objectSpread({}, defaultComponents), componentsProp);
+    }, function (next, prev) {
+      return shallowEqual(prev[0], next[0]);
+    }));
+
+    _defineProperty(_assertThisInitialized(_this), "getMemoizedDetailCellParams", memoizeOne(function (detailCell, params, autoHeight) {
+      if (detailCell === undefined) {
+        return params;
+      }
+
+      return {
+        masterDetail: true,
+        detailCellRenderer: DetailCellRenderer,
+        detailCellRendererParams: _objectSpread(_objectSpread(_objectSpread({}, params), detailCell.params), {}, {
+          autoHeight: autoHeight,
+          render: detailCell.render
+        })
+      };
+    }));
+
+    _defineProperty(_assertThisInitialized(_this), "getRowStyle", function (params) {
+      var getRowStyle = _this.props.getRowStyle;
+      var style = getRowStyle === null || getRowStyle === void 0 ? void 0 : getRowStyle(params);
+
+      if (params.node.rowPinned === 'bottom') {
+        return _objectSpread({
+          fontWeight: 'bold'
+        }, style);
+      }
+
+      return style;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "cellFocused", function (evt) {
+      var rowIndex = evt.rowIndex,
+          rowPinned = evt.rowPinned,
+          column = evt.column,
+          api = evt.api;
+      var onCellFocused = _this.props.onCellFocused;
+      onCellFocused === null || onCellFocused === void 0 ? void 0 : onCellFocused(evt);
+
+      if (rowIndex === null || column === null || rowPinned) {
+        _this.prevFocusedCell = null;
+        return;
+      }
+
+      var node = api.getModel().getRow(rowIndex);
+
+      if (node === undefined || !node.id) {
+        _this.prevFocusedCell = null;
+        return;
+      }
+
+      _this.prevFocusedCell = {
+        row: node.id,
+        column: typeof column === 'string' ? column : column.getColId()
+      };
     });
 
     _this.state = _objectSpread({
-      colDefs: _this.getColumDefs(),
-      loading: props.loading
+      loading: false
     }, _this.getPagination());
     _this.store = new Store({
       errors: new Map(),
-      context: props.context
+      context: props.context,
+      grid: _assertThisInitialized(_this)
     });
     var _props$rowSelection = props.rowSelection;
     _props$rowSelection = _props$rowSelection === void 0 ? {} : _props$rowSelection;
     var _props$rowSelection$s = _props$rowSelection.selectedRowKeys,
         selectedRowKeys = _props$rowSelection$s === void 0 ? [] : _props$rowSelection$s;
-    selectedRowKeys.forEach(function (key) {
-      _this.selected.set(key, null);
-    });
+    _this.selected = new Selection(selectedRowKeys);
 
     _this.syncColRender();
 
@@ -275,6 +543,88 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(DataGrid, [{
+    key: "setField",
+    value: function setField(field) {
+      var idx = this.fields.findIndex(function (item) {
+        return item.id === field.id;
+      });
+
+      if (idx >= 0) {
+        this.fields[idx] = field;
+      } else {
+        this.fields.push(field);
+      }
+
+      this.updateColumnDefs(this.columnApi.getColumnState());
+    }
+  }, {
+    key: "getField",
+    value: function getField(id) {
+      return this.fields.find(function (item) {
+        return item.id === id;
+      });
+    }
+  }, {
+    key: "deleteField",
+    value: function deleteField(id) {
+      var idx = this.fields.findIndex(function (item) {
+        return item.id === id;
+      });
+
+      if (idx >= 0) {
+        this.fields.splice(idx, 1);
+        this.updateColumnDefs(this.columnApi.getColumnState());
+      }
+    }
+  }, {
+    key: "saveFields",
+    value: function () {
+      var _saveFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var customColumnPanelStorage;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                customColumnPanelStorage = this.props.customColumnPanelStorage;
+
+                if (!customColumnPanelStorage) {
+                  _context2.next = 4;
+                  break;
+                }
+
+                _context2.next = 4;
+                return customColumnPanelStorage.set({
+                  fields: this.fields,
+                  columState: this.columnApi.getColumnState()
+                });
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function saveFields() {
+        return _saveFields.apply(this, arguments);
+      }
+
+      return saveFields;
+    }()
+  }, {
+    key: "resetFields",
+    value: function resetFields() {
+      this.fields = [];
+
+      var _this$getColumnDefs = this.getColumnDefs(),
+          _this$getColumnDefs2 = _slicedToArray(_this$getColumnDefs, 1),
+          defs = _this$getColumnDefs2[0];
+
+      this.api.setColumnDefs([]);
+      this.api.setColumnDefs(defs);
+    }
+  }, {
     key: "getPagination",
     value: function getPagination() {
       var _this$props3 = this.props,
@@ -310,17 +660,28 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _prevProps$rowSelecti;
+      var _this2 = this,
+          _prevProps$rowSelecti;
 
       var _this$props4 = this.props,
           columns = _this$props4.columns,
           rowSelection = _this$props4.rowSelection,
           dataSource = _this$props4.dataSource,
-          context = _this$props4.context,
-          loading = _this$props4.loading;
+          context = _this$props4.context;
 
       if (columns !== prevProps.columns) {
         this.syncColRender();
+        this.afterReady(function () {
+          _this2.updateColumnDefs(_this2.columnApi.getColumnState());
+
+          if (_this2.fields.length > 0) {
+            _this2.api.refreshCells({
+              columns: _this2.fields.map(function (item) {
+                return item.id;
+              })
+            });
+          }
+        });
       }
 
       if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) !== ((_prevProps$rowSelecti = prevProps.rowSelection) === null || _prevProps$rowSelecti === void 0 ? void 0 : _prevProps$rowSelecti.selectedRowKeys)) {
@@ -336,52 +697,126 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           context: context
         });
       }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isReady = false;
+      window.removeEventListener('blur', this.handleFocus);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _this$props5, customColumnPanelStorage, autoLoad, state, data;
 
-      if (loading !== prevProps.loading) {
-        this.setState({
-          loading: loading
-        });
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                window.addEventListener('blur', this.handleFocus);
+                _this$props5 = this.props, customColumnPanelStorage = _this$props5.customColumnPanelStorage, autoLoad = _this$props5.autoLoad;
+
+                if (!customColumnPanelStorage) {
+                  _context3.next = 18;
+                  break;
+                }
+
+                this.setState({
+                  loading: true
+                });
+                _context3.prev = 4;
+                _context3.next = 7;
+                return customColumnPanelStorage.get();
+
+              case 7:
+                data = _context3.sent;
+
+                if (data) {
+                  this.fields = data.fields;
+                  state = data.columState;
+                }
+
+                _context3.next = 14;
+                break;
+
+              case 11:
+                _context3.prev = 11;
+                _context3.t0 = _context3["catch"](4);
+                console.log('获取列定制失败', _context3.t0.message);
+
+              case 14:
+                this.setState({
+                  loading: false
+                });
+                this.updateColumnDefs(state, true);
+                _context3.next = 19;
+                break;
+
+              case 18:
+                this.updateColumnDefs();
+
+              case 19:
+                if (this.isClientMode()) {
+                  this.syncRowData();
+                } else if (autoLoad) {
+                  this.getDataFromServer();
+                }
+
+              case 20:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this, [[4, 11]]);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
       }
-    }
+
+      return componentDidMount;
+    }()
   }, {
     key: "syncColRender",
     value: function syncColRender() {
-      var _this2 = this;
-
-      var _this$props5 = this.props,
-          _this$props5$columns = _this$props5.columns,
-          columns = _this$props5$columns === void 0 ? [] : _this$props5$columns,
-          _this$props5$columnRe = _this$props5.columnRenderMethods,
-          columnRenderMethods = _this$props5$columnRe === void 0 ? ['title', 'render', 'editable.render'] : _this$props5$columnRe;
-      this.colRenderer.reset();
+      var _this$props$columns = this.props.columns,
+          columns = _this$props$columns === void 0 ? [] : _this$props$columns;
       var descriptor = Object.create(null);
 
       var traverse = function traverse(cols) {
         cols.forEach(function (item) {
-          columnRenderMethods.forEach(function (path) {
-            _this2.colRenderer.set(item, path);
-          });
           var rules = get(item, ['editable', 'rules']);
 
           if (rules !== undefined) {
             var id = getColField(item);
 
             if (id !== undefined) {
-              descriptor[id] = rules.map(function (rule) {
-                var validator = rule.validator,
-                    restRule = _objectWithoutProperties(rule, _excluded);
-
-                return _objectSpread(_objectSpread({}, restRule), {}, {
-                  asyncValidator: validator ? function (mRule, value, _, record) {
-                    return validator(mRule, value, record);
-                  } : undefined,
-                  validator: undefined
+              var path = id.split('.');
+              var node = {};
+
+              for (var i = path.length - 1; i >= 0; i -= 1) {
+                node = _defineProperty({}, path[i], i === path.length - 1 ? rules.map(function (rule) {
+                  var validator = rule.validator,
+                      restRule = _objectWithoutProperties(rule, _excluded);
+
+                  return _objectSpread(_objectSpread({}, restRule), {}, {
+                    asyncValidator: validator ? function (mRule, value, _, record) {
+                      return validator(mRule, value, record);
+                    } : undefined,
+                    validator: undefined
+                  });
+                }) : {
+                  type: 'object',
+                  fields: node
                 });
-              });
+              }
+
+              Object.assign(descriptor, node);
             }
           }
 
-          if (!isColumnType(item)) {
+          if (!isColumn(item)) {
             traverse(item.children);
           }
         });
@@ -400,261 +835,459 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function syncSelection() {
       var _this3 = this;
 
-      var _this$props$rowSelect = this.props.rowSelection;
-      _this$props$rowSelect = _this$props$rowSelect === void 0 ? {} : _this$props$rowSelect;
-      var selectedRowKeys = _this$props$rowSelect.selectedRowKeys;
+      this.afterReady(function () {
+        var _this3$props$rowSelec = _this3.props.rowSelection;
+        _this3$props$rowSelec = _this3$props$rowSelec === void 0 ? {} : _this3$props$rowSelec;
+        var selectedRowKeys = _this3$props$rowSelec.selectedRowKeys;
 
-      if (selectedRowKeys !== undefined && !this.selected.isSameKeys(selectedRowKeys)) {
-        var newSelected = new Map();
-        this.selected.forEach(function (id) {
-          var node = _this3.api.getRowNode(id);
+        if (selectedRowKeys !== undefined && !_this3.selected.isSameKeys(selectedRowKeys)) {
+          var newSelected = new Map();
 
-          if (node !== undefined) {
-            node.setSelected(false, false, true);
-          }
-        });
-        selectedRowKeys.forEach(function (id) {
-          newSelected.set(id, _this3.selected.get(id) || null);
+          _this3.selected.forEach(function (id) {
+            var node = _this3.api.getRowNode(id);
+
+            if (node !== undefined) {
+              node.setSelected(false, false, true);
+            }
+          });
 
-          var node = _this3.api.getRowNode(id);
+          selectedRowKeys.forEach(function (id) {
+            var node = _this3.api.getRowNode(id);
 
-          if (node !== undefined) {
-            node.setSelected(true, false, true);
-          }
-        });
-        this.selected.clone(newSelected);
-        this.api.dispatchEvent({
-          type: 'selectionChanged'
-        });
-      }
+            var data;
+
+            if (node !== undefined) {
+              node.setSelected(true, false, true);
+              data = node.data;
+            }
+
+            newSelected.set(id, data || _this3.selected.get(id) || null);
+          });
+
+          _this3.selected.clone(newSelected);
+
+          _this3.api.dispatchEvent({
+            type: 'selectionChanged'
+          });
+        }
+      });
     }
   }, {
     key: "syncRowData",
     value: function syncRowData() {
+      var _this4 = this;
+
       var dataSource = this.props.dataSource;
 
       if (dataSource !== undefined && dataSource !== this.dataSource) {
+        this.updateRowData(dataSource);
+        var _this$state = this.state,
+            page = _this$state.page,
+            pageSize = _this$state.pageSize;
+        var totalPages = Math.ceil(dataSource.length / pageSize) || 1;
+        var newPage = page > totalPages ? totalPages : page;
         this.setState({
-          total: dataSource.length
+          total: dataSource.length,
+          page: newPage
+        }, function () {
+          if (newPage !== page && _this4.isClientMode()) {
+            _this4.api.paginationGoToPage(newPage - 1);
+          }
         });
-        this.updateRowData(dataSource);
       }
     }
   }, {
-    key: "getColumDefs",
-    value: function getColumDefs() {
-      var _this4 = this;
+    key: "updateColumnDefs",
+    value: function updateColumnDefs(state) {
+      var _this5 = this;
+
+      var allState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      this.afterReady(function () {
+        var _this5$getColumnDefs = _this5.getColumnDefs(),
+            _this5$getColumnDefs2 = _slicedToArray(_this5$getColumnDefs, 2),
+            defs = _this5$getColumnDefs2[0],
+            leafColIds = _this5$getColumnDefs2[1];
+
+        _this5.api.setColumnDefs(defs);
+
+        if (state) {
+          var newState = _toConsumableArray(state);
+
+          leafColIds.forEach(function (colId, index) {
+            if (!colId) {
+              return;
+            }
+
+            var idx = state.findIndex(function (item) {
+              return item.colId === colId;
+            });
+
+            if (idx < 0) {
+              newState.splice(index, 0, {
+                colId: colId
+              });
+            }
+          });
+          /**
+           * 初始化的时候，需要使用存储的columnState，不仅仅是顺序，其他情况由于在defs里已经有列的状态控制了
+           */
+
+          _this5.columnApi.applyColumnState({
+            state: allState ? newState : newState.map(function (item) {
+              return {
+                colId: item.colId
+              };
+            }),
+            applyOrder: true
+          });
+        }
+      });
+    }
+  }, {
+    key: "getFullColumnDef",
+    value: function getFullColumnDef(col) {
+      if (col.type === undefined) {
+        return _objectSpread({}, col);
+      }
 
       var _this$props6 = this.props,
-          _this$props6$columns = _this$props6.columns,
-          columns = _this$props6$columns === void 0 ? [] : _this$props6$columns,
-          rowActions = _this$props6.rowActions;
+          mColumnTypes = _this$props6.columnTypes,
+          mDefaultColDef = _this$props6.defaultColDef;
+      var colTypes = this.getMemoizedColumnTypes(mColumnTypes);
+      var result = {};
+      var types;
+
+      if (typeof col.type === 'string') {
+        types = [col.type];
+      } else {
+        types = col.type;
+      }
+
+      types.forEach(function (type) {
+        var colType = colTypes[type];
+
+        if (colType !== undefined) {
+          Object.assign(result, colType);
+        }
+      });
+      Object.assign(result, mDefaultColDef);
+      return _objectSpread(_objectSpread({}, result), col);
+    }
+  }, {
+    key: "getColumnDefs",
+    value: function getColumnDefs() {
+      var _this6 = this;
+
+      var _this$props7 = this.props,
+          _this$props7$columns = _this$props7.columns,
+          columns = _this$props7$columns === void 0 ? [] : _this$props7$columns,
+          rowActions = _this$props7.rowActions,
+          rowSelection = _this$props7.rowSelection;
+      var leafColIds = [];
 
       var map = function map(cols) {
         return cols.map(function (item) {
-          var field = getColField(item);
-
-          if (isColumnType(item)) {
-            var _title = item.title,
-                key = item.key,
+          if (isColumn(item)) {
+            var title = item.title,
                 dataIndex = item.dataIndex,
-                align = item.align,
-                type = item.type,
-                fixed = item.fixed,
                 render = item.render,
                 _item$ellipsis = item.ellipsis,
                 ellipsis = _item$ellipsis === void 0 ? true : _item$ellipsis,
-                cellRenderer = item.cellRenderer,
-                cellRendererParams = item.cellRendererParams,
-                className = item.className,
                 sorter = item.sorter,
                 editable = item.editable,
-                _rest = _objectWithoutProperties(item, _excluded2);
+                className = item.className,
+                colDef = _objectWithoutProperties(item, _excluded2);
 
-            var _opts = {
-              cellClass: className,
-              pinned: fixed,
-              lockPinned: true,
-              field: field,
-              type: type,
-              cellRenderer: cellRenderer,
-              cellRendererParams: cellRendererParams
-            }; // title
+            var opts = colDef;
+            var field = getColField(item);
 
-            if (_typeof(_title) === 'object' || typeof _title === 'function') {
-              _opts.headerComponentParams = _objectSpread(_objectSpread({}, _opts.headerComponentParams), {}, {
-                title: typeof _title === 'function' ? _this4.colRenderer.toRef(field, 'title') : _title
-              });
-            } else if (_title !== undefined) {
-              _opts.headerName = _title.toString();
-            } // align
+            if (field !== undefined) {
+              opts.field = getColField(item);
+            }
 
+            var def = _this6.getFullColumnDef(opts);
+            /** 部分列由于使用type 可能存在colId以及field都不存在, maintainColumnOrder下updateColumnDefs有问题，故从merge后的def中提取field或者colId */
 
-            if (align === 'right') {
-              if (!_opts.type) {
-                _opts.type = [];
-              }
 
-              if (!Array.isArray(_opts.type)) {
-                _opts.type = [_opts.type];
-              }
+            opts.colId = def.colId || def.field; // className
 
-              _opts.type = [].concat(_toConsumableArray(_opts.type), ['rightAligned']);
+            if (className) {
+              opts.cellClass = className;
+            } // title
+
+
+            if (_typeof(title) === 'object' || typeof title === 'function') {
+              opts.headerComponentParams = _objectSpread(_objectSpread({}, opts.headerComponentParams), {}, {
+                title: title
+              });
+            } else if (title !== undefined) {
+              opts.headerName = title.toString();
             } // render
 
 
-            if (!_opts.cellRenderer && render) {
-              _opts.cellRenderer = CellRenderer;
-              _opts.cellRendererParams = _objectSpread(_objectSpread({}, _opts.cellRendererParams), {}, {
-                render: _this4.colRenderer.toRef(field, 'render')
+            if (render !== undefined) {
+              opts.cellRenderer = CellRenderer;
+              opts.cellRendererParams = _objectSpread(_objectSpread({}, opts.cellRendererParams), {}, {
+                render: render
               });
             } // ellipsis
 
 
-            if (!ellipsis) {
-              _opts.wrapText = true;
-              _opts.autoHeight = true;
-            } // sorter
-
+            if (ellipsis === false) {
+              opts.wrapText = true;
+              opts.autoHeight = true;
+            } // sortable
 
-            if (sorter) {
-              _opts.sortable = true;
 
+            if (sorter !== undefined) {
               if (typeof sorter === 'function') {
-                _opts.comparator = function (_1, _2, nodeA, nodeB) {
+                opts.sortable = true;
+
+                opts.comparator = function (valA, valB, nodeA, nodeB) {
                   return sorter(nodeA.data, nodeB.data);
                 };
+              } else {
+                opts.sortable = sorter;
               }
-            } else {
-              _opts.sortable = false;
             } // editable
 
 
             if (_typeof(editable) === 'object') {
-              var _type = editable.type,
-                  params = editable.params,
-                  _render = editable.render,
-                  valueSetter = editable.valueSetter;
-              _opts.editable = true;
-              _opts.cellClassRules = _defineProperty({}, prefix('editor-cell'), function () {
-                return true;
-              });
+              var renderer = editable.renderer,
+                  valueSetter = editable.valueSetter,
+                  enable = editable.enable;
+
+              opts.editable = function (mParams) {
+                if (DataGrid.isSummaryRow({
+                  node: mParams.node
+                })) {
+                  return false;
+                }
 
-              if (_opts.cellRenderer === undefined) {
-                _opts.cellRenderer = CellRenderer;
-              }
+                if (enable !== undefined) {
+                  return enable(mParams);
+                }
 
-              if (_opts.valueSetter === undefined && valueSetter !== undefined) {
-                _opts.valueSetter = function (mParams) {
-                  var field = mParams.colDef.field,
-                      data = mParams.data,
-                      newValue = mParams.newValue;
+                return true;
+              };
 
-                  if (field) {
-                    set(data, field, newValue);
-                  }
+              opts.cellClassRules = _objectSpread(_objectSpread({}, opts.cellClassRules), {}, _defineProperty({}, prefix('editor-cell'), function (mParams) {
+                if (mParams.node.isRowPinned()) {
+                  return false;
+                }
 
-                  var result = valueSetter(mParams.newValue, mParams.data);
-                  Object.assign(data, result);
-                  return true;
-                };
-              }
+                if (enable !== undefined) {
+                  return enable(mParams);
+                }
 
-              switch (_type) {
-                case 'text':
-                  _opts.cellEditor = TextEditor;
-                  _opts.cellEditorParams = params;
-                  break;
+                return true;
+              }));
+              /** 由于ag-grid注册事件使用的是js原生事件，不在React事件流内，会产生很多问题，所以默认关闭所有Enter导致关闭编辑，由组件内部自行实现回车 */
 
-                case 'number':
-                  _opts.cellEditor = NumberEditor;
-                  _opts.cellEditorParams = params;
-                  break;
+              opts.suppressKeyboardEvent = function (keyParmas) {
+                if (item.suppressKeyboardEvent !== undefined && item.suppressKeyboardEvent(keyParmas)) {
+                  return true;
+                }
 
-                case 'date':
-                  _opts.cellEditor = DateEditor;
-                  _opts.cellEditorParams = params;
+                if (keyParmas.editing && keyParmas.event.key === 'Enter') {
+                  return true;
+                }
 
-                  _opts.suppressKeyboardEvent = function (_ref2) {
-                    var editing = _ref2.editing,
-                        event = _ref2.event;
+                return false;
+              };
 
-                    if (editing && event.key === 'Enter') {
-                      return true;
-                    }
+              opts.cellRenderer = CellRenderer;
 
-                    return false;
-                  };
+              if (def.cellRenderer && render === undefined) {
+                opts.cellRendererParams = _objectSpread(_objectSpread({}, opts.cellRendererParams), {}, {
+                  render: function render(val, idx, data, params) {
+                    return def.cellRenderer(params);
+                  }
+                });
+              }
 
-                  break;
+              opts.valueSetter = function (mParams) {
+                var colField = mParams.colDef.field,
+                    data = mParams.data,
+                    newValue = mParams.newValue,
+                    oldValue = mParams.oldValue;
 
-                case 'select':
-                  _opts.cellEditor = SelectEditor;
-                  _opts.cellEditorParams = params;
+                if (!colField || newValue === oldValue) {
+                  return false;
+                }
 
-                  _opts.suppressKeyboardEvent = function (_ref3) {
-                    var editing = _ref3.editing,
-                        event = _ref3.event;
+                if (valueSetter !== undefined) {
+                  var _result = valueSetter(newValue, data);
 
-                    if (editing && event.key === 'Enter') {
-                      return true;
-                    }
+                  set(data, colField, newValue);
+                  Object.assign(data, _result);
+                } else if (newValue instanceof RowEditorData) {
+                  Object.assign(data, newValue.getValue());
+                } else {
+                  set(data, colField, newValue);
+                }
 
-                    return false;
+                return true;
+              };
+
+              if (typeof renderer === 'function') {
+                opts.cellEditorSelector = function (editorParams) {
+                  var result = renderer(editorParams);
+                  return {
+                    component: result.component || result.type,
+                    params: result.params
                   };
-
-                  break;
-
-                case 'custom':
-                  if (_render !== undefined) {
-                    _opts.cellEditor = Custom;
-                    _opts.cellEditorParams = _objectSpread(_objectSpread({}, params), {}, {
-                      render: _render
-                    });
-                  }
-
-                default:
+                };
+              } else {
+                opts.cellEditor = renderer.component || renderer.type;
+                opts.cellEditorParams = renderer.params;
               }
             } else {
-              _opts.editable = editable;
+              opts.editable = editable;
             }
 
-            return _objectSpread(_objectSpread({}, _opts), _rest);
-          }
+            leafColIds.push(opts.colId);
+            return opts;
+          } else {
+            var _title = item.title,
+                _item$children = item.children,
+                children = _item$children === void 0 ? [] : _item$children,
+                rest = _objectWithoutProperties(item, _excluded3);
 
-          var title = item.title,
-              _item$children = item.children,
-              children = _item$children === void 0 ? [] : _item$children,
-              rest = _objectWithoutProperties(item, _excluded3);
+            var _opts = {
+              children: map(children)
+            };
 
-          var opts = {
-            children: map(children)
-          };
+            if (_typeof(_title) === 'object' || typeof _title === 'function') {
+              _opts.headerGroupComponentParams = _objectSpread(_objectSpread({}, _opts.headerGroupComponentParams), {}, {
+                title: _title
+              });
+              _opts.headerGroupComponent = HeaderRenderer;
+            } else if (_title !== undefined) {
+              _opts.headerName = _title.toString();
+            }
 
-          if (title !== undefined) {
-            opts.headerName = title.toString();
+            return _objectSpread(_objectSpread({}, _opts), rest);
           }
-
-          return _objectSpread(_objectSpread({}, opts), rest);
         });
       };
 
       var result = map(columns);
-      var rowSelection = this.props.rowSelection;
+      this.fields.forEach(function (field) {
+        var expression = field.expression.replace(/\$\{([^{}]+)\}/g, function (match, p1) {
+          if (p1) {
+            return p1;
+          }
 
-      if (rowSelection !== undefined && result.length > 0) {
-        result[0] = _objectSpread(_objectSpread({
-          checkboxSelection: true,
-          showDisabledCheckboxes: true,
-          headerCheckboxSelection: rowSelection.type !== 'radio'
-        }, result[0]), {}, {
-          headerComponent: HeaderRenderer
+          return match;
         });
+        leafColIds.push(field.id);
+        var code = parse(expression).compile();
+        result.push({
+          colId: field.id,
+          headerName: field.name,
+          spanHeaderHeight: true,
+          sortable: false,
+          type: 'rightAligned',
+          valueGetter: function valueGetter(params) {
+            var api = params.api,
+                node = params.node,
+                columnApi = params.columnApi;
+
+            if (node !== null && node.data !== undefined) {
+              if (DataGrid.isSummaryRow({
+                node: node
+              }) && field.summaryType === 1) {
+                var summary = _this6.getFieldsSummary(_this6.dataSource, _this6.fields);
+
+                return get(summary, field.id);
+              }
+
+              var scope = {
+                get: function get(key) {
+                  var col = columnApi.getColumn(key);
+
+                  if (col === null) {
+                    return NaN;
+                  }
+
+                  var colDef = col.getColDef();
+                  var value = api.getValue(key, node);
+
+                  if (typeof colDef.valueFormatter === 'function') {
+                    value = colDef.valueFormatter(_objectSpread(_objectSpread({}, params), {}, {
+                      value: value
+                    }));
+                  }
+
+                  return value;
+                },
+                set: function set() {},
+                has: function has(key) {
+                  return columnApi.getColumn(key) !== null;
+                },
+                keys: function keys() {
+                  var currentColumns = columnApi.getColumns();
+
+                  if (currentColumns === null) {
+                    return [];
+                  }
+
+                  return currentColumns.map(function (col) {
+                    var def = col.getColDef();
+                    return def.field || def.colId;
+                  });
+                }
+              };
+
+              try {
+                return code.evaluate(scope);
+              } catch (err) {
+                console.warn('DataGrid field evaluate', err);
+                return null;
+              }
+            }
+
+            return null;
+          }
+        });
+      });
+
+      if (rowSelection !== undefined) {
+        var checkboxSelection = rowSelection.checkboxSelection;
+
+        if (checkboxSelection === undefined) {
+          checkboxSelection = rowSelection.type !== 'radio' ? true : false;
+        }
+
+        if (checkboxSelection) {
+          leafColIds.unshift('$$selection');
+          result.unshift({
+            width: 32,
+            colId: '$$selection',
+            checkboxSelection: checkboxSelection,
+            showDisabledCheckboxes: true,
+            headerCheckboxSelection: rowSelection.type !== 'radio',
+            spanHeaderHeight: true,
+            resizable: false,
+            sortable: false,
+            suppressAutoSize: true,
+            suppressMovable: true,
+            suppressMenu: true,
+            lockPinned: true,
+            lockVisible: true,
+            suppressColumnsToolPanel: true,
+            cellClass: prefix('cell-selection'),
+            headerClass: prefix('cell-selection'),
+            pinned: rowSelection.fixed
+          });
+        }
       }
 
       if (rowActions !== undefined) {
+        leafColIds.push('$$actions');
         result.push({
-          colId: '__actions__',
+          colId: '$$actions',
           pinned: 'right',
           cellRenderer: CellRenderer,
           width: 1,
@@ -670,12 +1303,12 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           headerClass: prefix('operator-cell'),
           cellRendererParams: {
             render: function render(_, data) {
-              var rowActions = _this4.props.rowActions;
+              var actions = _this6.props.rowActions;
 
-              if (rowActions !== undefined) {
+              if (actions !== undefined) {
                 return /*#__PURE__*/React.createElement(Actions, {
                   data: data,
-                  actions: rowActions
+                  actions: actions
                 });
               }
 
@@ -685,7 +1318,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         });
       }
 
-      return result;
+      return [result, leafColIds];
     }
   }, {
     key: "isClientMode",
@@ -709,156 +1342,222 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         this.readyQueue.push(cb);
       }
     }
+  }, {
+    key: "isPreserveSelected",
+    value: function isPreserveSelected() {
+      var rowSelection = this.props.rowSelection;
+
+      if (rowSelection === undefined) {
+        return false;
+      }
+
+      if (rowSelection.preserveSelectedRowKeys === undefined) {
+        return !this.isClientMode();
+      }
+
+      return rowSelection.preserveSelectedRowKeys;
+    }
   }, {
     key: "updateRowData",
     value: function updateRowData() {
-      var _this5 = this;
+      var _this7 = this;
 
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       this.afterReady(function () {
-        _this5.dataSource = data;
+        _this7.dataSource = data;
 
-        _this5.api.setRowData(data);
+        _this7.api.setRowData(data);
 
-        _this5.api.forEachNode(function (node) {
-          if (node.id && _this5.selected.has(node.id)) {
-            node.setSelected(true, false, true);
-          }
-        });
+        if (_this7.isPreserveSelected()) {
+          _this7.api.forEachNode(function (node) {
+            if (node.id && _this7.selected.has(node.id)) {
+              var rowData = _this7.selected.get(node.id);
 
-        _this5.api.dispatchEvent({
-          type: 'selectionChanged'
-        });
+              if (node.data !== undefined && rowData !== node.data) {
+                _this7.selected.set(node.id, node.data);
+              }
+
+              if (!node.isSelected()) {
+                node.setSelected(true, false, true);
+              }
+            }
+          });
+        } else {
+          var keys = new Map(data.map(function (item) {
+            return [_this7.getRowId({
+              data: item
+            }), item];
+          }));
+
+          _this7.selected.forEach(function (id) {
+            if (!keys.has(id)) {
+              _this7.selected.delete(id);
+            } else {
+              var node = _this7.api.getRowNode(id);
+
+              if (node !== undefined) {
+                if (node.data !== undefined && _this7.selected.get(id) !== node.data) {
+                  _this7.selected.set(id, node.data);
+                }
+
+                if (!node.isSelected()) {
+                  node.setSelected(true, false, true);
+                }
+              }
+            }
+          });
+        }
+
+        if (_this7.selected.isDirty()) {
+          _this7.api.dispatchEvent({
+            type: 'selectionChanged'
+          });
+        }
       });
     }
   }, {
-    key: "getDataFromServer",
-    value: function getDataFromServer() {
-      var _this6 = this;
+    key: "getSummaryRowData",
+    value: function getSummaryRowData() {
+      var result = [];
 
-      var fetch = this.props.fetch;
+      for (var _len = arguments.length, summaries = new Array(_len), _key = 0; _key < _len; _key++) {
+        summaries[_key] = arguments[_key];
+      }
 
-      if (typeof fetch === 'function') {
-        if (this.requestId < Number.MAX_SAFE_INTEGER) {
-          this.requestId += 1;
+      summaries.forEach(function (summary) {
+        if (Array.isArray(summary)) {
+          result.push.apply(result, _toConsumableArray(summary));
+        } else if (summary) {
+          result.push(summary);
         }
+      });
 
-        var _this$state = this.state,
-            page = _this$state.page,
-            pageSize = _this$state.pageSize;
-        var columnState = this.columnApi.getColumnState();
-        var id = this.requestId;
-        this.setState({
-          loading: true
-        });
-        fetch({
-          current: page,
-          pageSize: pageSize,
-          sort: columnState.filter(function (item) {
-            return item.sort !== undefined && item.sort !== null;
-          }).map(function (item) {
-            return {
-              field: item.colId,
-              order: item.sort === 'desc' ? 'descend' : 'ascend'
-            };
-          })
-        }).then(function (res) {
-          _this6.setState({
-            loading: false
-          });
+      if (result.length <= 0) {
+        return;
+      }
 
-          if (id !== _this6.requestId) {
-            return;
-          }
+      return result.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, DataGrid.SummaryFlag, true));
+      });
+    }
+  }, {
+    key: "getDataFromServer",
+    value: function getDataFromServer() {
+      var _this8 = this;
 
-          if (res.total !== undefined) {
-            _this6.setState({
-              page: page,
-              pageSize: pageSize,
-              total: res.total
+      this.afterReady(function () {
+        var _this8$props = _this8.props,
+            fetch = _this8$props.fetch,
+            onLoading = _this8$props.onLoading,
+            onLoad = _this8$props.onLoad;
+
+        var loadingChange = function loadingChange(flag) {
+          if (onLoading) {
+            onLoading(flag);
+          } else {
+            _this8.setState({
+              loading: flag
             });
           }
+        };
 
-          var _this6$props = _this6.props,
-              summary = _this6$props.summary,
-              onLoad = _this6$props.onLoad;
-          var pinned = [];
+        if (typeof fetch === 'function') {
+          if (_this8.requestId < Number.MAX_SAFE_INTEGER) {
+            _this8.requestId += 1;
+          }
 
-          if (summary !== undefined) {
-            if (Array.isArray(summary)) {
-              pinned = summary;
-            } else {
-              pinned.push(summary);
+          var _this8$state = _this8.state,
+              page = _this8$state.page,
+              pageSize = _this8$state.pageSize;
+
+          var columnState = _this8.columnApi.getColumnState();
+
+          var id = _this8.requestId;
+          loadingChange(true);
+          fetch({
+            current: page,
+            pageSize: pageSize,
+            sort: columnState.filter(function (item) {
+              return item.sort !== undefined && item.sort !== null;
+            }).map(function (item) {
+              return {
+                field: item.colId,
+                order: item.sort
+              };
+            })
+          }).then(function (res) {
+            if (id !== _this8.requestId) {
+              return;
             }
-          }
 
-          if (res.summary !== undefined && res.summary !== null) {
-            pinned.push(res.summary);
-          } // 重置滚动条
+            loadingChange(false);
 
+            if (res.total !== undefined) {
+              _this8.setState({
+                page: page,
+                pageSize: pageSize,
+                total: res.total
+              });
+            }
 
-          var bean = _this6.api.__getContext().getBean('ctrlsService');
+            var summary = _this8.props.summary;
 
-          bean.getGridBodyCtrl().getScrollFeature().scrollToTop();
+            _this8.updateRowData(res.data);
 
-          _this6.api.setPinnedBottomRowData(pinned);
+            _this8.api.setPinnedBottomRowData(_this8.getSummaryRowData(summary, res.summary));
 
-          _this6.updateRowData(res.data);
+            if (res.data.length > 0) {
+              _this8.api.ensureIndexVisible(0);
+            }
 
-          if (onLoad) {
-            onLoad(res.extra);
-          }
-        }).catch(function () {
-          _this6.setState({
-            loading: false
+            if (onLoad) {
+              onLoad(res.extra);
+            }
+
+            _this8.store.setState({
+              fetchError: undefined
+            });
+          }).catch(function (err) {
+            _this8.store.setState({
+              fetchError: err
+            });
+
+            loadingChange(false);
+            /** 如果当前是在第一页说明根本没有数据，会误杀其他情况，但不重要 */
+
+            _this8.setState(function (prev) {
+              return {
+                total: prev.page === 1 ? 0 : prev.total
+              };
+            });
+
+            _this8.updateRowData([]);
+
+            _this8.api.setPinnedBottomRowData([]);
           });
-        });
-      }
-    }
-  }, {
-    key: "sort",
-    value: function sort(evt) {
-      if (this.isClientMode()) {
-        var model = this.api.getModel();
-        model.onSortChanged(evt);
-      } else {
-        this.getDataFromServer();
-      }
+        }
+      });
     }
   }, {
     key: "pagination",
     value: function pagination(page, pageSize) {
-      var _this7 = this;
+      var _this9 = this;
 
       this.setState({
         page: page,
         pageSize: pageSize
       }, function () {
-        if (_this7.isClientMode()) {
+        if (_this9.isClientMode()) {
           withSyncRender(function () {
-            _this7.api.paginationGoToPage(page - 1);
+            _this9.api.paginationGoToPage(page - 1);
 
-            _this7.api.paginationSetPageSize(pageSize);
+            _this9.api.paginationSetPageSize(pageSize);
           });
         } else {
-          _this7.getDataFromServer();
+          _this9.getDataFromServer();
         }
       });
     }
-  }, {
-    key: "LoadingOverlay",
-    value: function LoadingOverlay() {
-      return /*#__PURE__*/React.createElement(Spin, null);
-    }
-  }, {
-    key: "NoRowsOverlay",
-    value: function NoRowsOverlay() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: prefix('empty')
-      }, /*#__PURE__*/React.createElement("img", {
-        src: empty
-      }), /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
-    }
   }, {
     key: "getMainMenuItems",
     value: function getMainMenuItems(params) {
@@ -871,7 +1570,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   }, {
     key: "validateRecord",
     value: function validateRecord(record) {
-      var _this8 = this;
+      var _this10 = this;
 
       if (this.validator === null) {
         return;
@@ -881,7 +1580,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         data: record
       });
       return this.validator.validate(record).then(function () {
-        var errors = new Map(_this8.store.getState().errors);
+        var errors = new Map(_this10.store.getState().errors);
         var error = errors.get(rowId);
 
         if (error === undefined) {
@@ -890,12 +1589,12 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
         errors.delete(rowId);
 
-        _this8.store.setState({
+        _this10.store.setState({
           errors: errors
         });
-      }).catch(function (_ref4) {
-        var fields = _ref4.fields;
-        var errors = new Map(_this8.store.getState().errors);
+      }).catch(function (_ref3) {
+        var fields = _ref3.fields;
+        var errors = new Map(_this10.store.getState().errors);
         var error = new Map();
         Object.entries(fields).forEach(function (item) {
           error.set(item[0], item[1].map(function (err) {
@@ -904,7 +1603,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         });
         errors.set(rowId, error);
 
-        _this8.store.setState({
+        _this10.store.setState({
           errors: errors
         });
       });
@@ -912,13 +1611,13 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   }, {
     key: "validate",
     value: function () {
-      var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this9 = this;
+      var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+        var _this11 = this;
 
         var promises, result, flag, errors, failed;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
                 promises = [];
                 this.api.forEachNode(function (rowNode) {
@@ -928,15 +1627,15 @@ var DataGrid = /*#__PURE__*/function (_Component) {
                     return;
                   }
 
-                  var rowId = _this9.getRowId({
+                  var rowId = _this11.getRowId({
                     data: record
                   });
 
-                  if (_this9.validator === null) {
+                  if (_this11.validator === null) {
                     promises.push(Promise.resolve(true));
                   } else {
-                    promises.push(_this9.validator.validate(record).catch(function (_ref5) {
-                      var fields = _ref5.fields;
+                    promises.push(_this11.validator.validate(record).catch(function (_ref4) {
+                      var fields = _ref4.fields;
                       return Promise.reject({
                         id: rowId,
                         fields: fields
@@ -944,23 +1643,27 @@ var DataGrid = /*#__PURE__*/function (_Component) {
                     }));
                   }
                 });
-                _context.next = 4;
+                _context4.next = 4;
                 return Promise.allSettled(promises);
 
               case 4:
-                result = _context.sent;
+                result = _context4.sent;
                 flag = false;
                 errors = new Map();
                 failed = [];
                 result.forEach(function (item) {
                   if (item.status === 'rejected') {
-                    var _ref6 = item.reason,
-                        id = _ref6.id,
-                        fields = _ref6.fields;
+                    var _ref5 = item.reason,
+                        id = _ref5.id,
+                        fields = _ref5.fields;
                     var error = new Map();
-                    Object.entries(fields).forEach(function (item) {
-                      error.set(item[0], item[1].map(function (err) {
-                        return err.message || "".concat(item[0], "\u8F93\u5165\u9519\u8BEF");
+                    Object.entries(fields).forEach(function (_ref6) {
+                      var _ref7 = _slicedToArray(_ref6, 2),
+                          field = _ref7[0],
+                          errs = _ref7[1];
+
+                      error.set(field, errs.map(function (err) {
+                        return err.message || "".concat(field, "\u8F93\u5165\u9519\u8BEF");
                       }));
                     });
                     errors.set(id, error);
@@ -970,24 +1673,24 @@ var DataGrid = /*#__PURE__*/function (_Component) {
                 });
 
                 if (!flag) {
-                  _context.next = 12;
+                  _context4.next = 12;
                   break;
                 }
 
                 this.store.setState({
                   errors: errors
                 });
-                return _context.abrupt("return", Promise.reject(failed));
+                return _context4.abrupt("return", Promise.reject(failed));
 
               case 12:
-                return _context.abrupt("return", true);
+                return _context4.abrupt("return", true);
 
               case 13:
               case "end":
-                return _context.stop();
+                return _context4.stop();
             }
           }
-        }, _callee, this);
+        }, _callee4, this);
       }));
 
       function validate() {
@@ -999,21 +1702,14 @@ var DataGrid = /*#__PURE__*/function (_Component) {
   }, {
     key: "fetch",
     value: function fetch(page) {
-      var _this10 = this;
+      var _this12 = this;
 
       var curr = page || 1;
-
-      var delay = function delay() {
-        if (_this10.isReady) {
-          _this10.getDataFromServer();
-        } else {
-          requestAnimationFrame(delay);
-        }
-      };
-
       this.setState({
         page: curr
-      }, delay);
+      }, function () {
+        _this12.getDataFromServer();
+      });
     }
   }, {
     key: "refresh",
@@ -1025,101 +1721,185 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function ready() {
       return this.isReady;
     }
+    /**
+     * 自行实现stopEditingWhenCellsLoseFocus的效果
+     * 由于AgGrid使用的是原生的focusout事件不是React的合成事件，导致单元格内使用Modal这样的组件会有诸多不便，所以自行实现这个效果
+     */
+
+  }, {
+    key: "focusPreviousCell",
+    value:
+    /**
+     * 在表格失去焦点后，聚焦失去焦点的单元格
+     * @returns
+     */
+    function focusPreviousCell() {
+      if (this.prevFocusedCell === null || this.api.getFocusedCell()) {
+        console.warn('no focused previous cell');
+        return;
+      }
+
+      var column = this.columnApi.getColumn(this.prevFocusedCell.column);
+      var node = this.api.getRowNode(this.prevFocusedCell.row);
+
+      if (node === undefined || column === null || node.rowIndex === null) {
+        this.prevFocusedCell = null;
+        return;
+      }
+
+      this.api.setFocusedCell(node.rowIndex, column);
+
+      if (column.isCellEditable(node)) {
+        this.api.startEditingCell({
+          rowIndex: node.rowIndex,
+          colKey: column.getColId()
+        });
+      }
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this11 = this;
-
-      var _this$props7 = this.props,
-          rowSelection = _this$props7.rowSelection,
-          rowKey = _this$props7.rowKey,
-          fetch = _this$props7.fetch,
-          dataSource = _this$props7.dataSource,
-          summary = _this$props7.summary,
-          rowActions = _this$props7.rowActions,
-          context = _this$props7.context,
-          onGridReady = _this$props7.onGridReady,
-          pagination = _this$props7.pagination,
-          columnTypesProp = _this$props7.columnTypes,
-          defaultColDefProp = _this$props7.defaultColDef,
-          componentsProp = _this$props7.components,
-          columns = _this$props7.columns,
-          loadingProp = _this$props7.loading,
-          autoLoad = _this$props7.autoLoad,
-          sideBarProp = _this$props7.sideBar,
-          restProps = _objectWithoutProperties(_this$props7, _excluded4);
+      var _this13 = this,
+          _classNames;
+
+      var _this$props8 = this.props,
+          rowKey = _this$props8.rowKey,
+          fetch = _this$props8.fetch,
+          dataSource = _this$props8.dataSource,
+          rowActions = _this$props8.rowActions,
+          columns = _this$props8.columns,
+          autoLoad = _this$props8.autoLoad,
+          loadingProp = _this$props8.loading,
+          summary = _this$props8.summary,
+          detailCell = _this$props8.detailCell,
+          pagination = _this$props8.pagination,
+          rowSelection = _this$props8.rowSelection,
+          columnTypesProp = _this$props8.columnTypes,
+          defaultColDefProp = _this$props8.defaultColDef,
+          componentsProp = _this$props8.components,
+          sideBarProp = _this$props8.sideBar,
+          detailCellRendererParams = _this$props8.detailCellRendererParams,
+          context = _this$props8.context,
+          showSearch = _this$props8.showSearch,
+          cellDisplayFlex = _this$props8.cellDisplayFlex,
+          restProps = _objectWithoutProperties(_this$props8, _excluded4);
 
       var _this$state2 = this.state,
-          colDefs = _this$state2.colDefs,
           enablePagination = _this$state2.pagination,
           page = _this$state2.page,
           pageSize = _this$state2.pageSize,
           total = _this$state2.total,
           loading = _this$state2.loading;
       var mPage = _typeof(pagination) === 'object' ? pagination : {};
-      return /*#__PURE__*/React.createElement(GridContext.Provider, {
+      var footer = [];
+
+      if (rowSelection !== undefined) {
+        footer.push( /*#__PURE__*/React.createElement(Selected, {
+          selection: this.selected,
+          onClear: this.handleClearSelected,
+          key: "selection"
+        }));
+      }
+
+      if (showSearch) {
+        footer.push( /*#__PURE__*/React.createElement(Search, _extends({
+          key: "search",
+          ref: this.searchRef
+        }, _typeof(showSearch) === 'object' ? showSearch : {})));
+      }
+
+      if (enablePagination) {
+        footer.push( /*#__PURE__*/React.createElement(Pagination, _extends({
+          key: "pagination",
+          size: "small",
+          showPrevNextJumpers: true,
+          showSizeChanger: true,
+          showQuickJumper: true,
+          showTotal: function showTotal(val) {
+            return "\u5171".concat(val, "\u6761");
+          },
+          defaultCurrent: 1,
+          defaultPageSize: 20,
+          pageSizeOptions: ['10', '20', '50', '100']
+        }, mPage, {
+          pageSize: pageSize,
+          current: page,
+          total: total,
+          onChange: function onChange(curr, limit) {
+            _this13.pagination(curr, limit);
+
+            if (mPage.onChange) {
+              mPage.onChange(curr, limit);
+            }
+          }
+        })));
+      }
+
+      return /*#__PURE__*/React.createElement(GridStoreContext.Provider, {
         value: this.store
       }, /*#__PURE__*/React.createElement("div", {
-        className: "ag-theme-lemon ".concat(prefix()),
+        className: classNames('ag-theme-lemon', "".concat(prefix()), (_classNames = {}, _defineProperty(_classNames, prefix('group-rows'), restProps.groupDisplayType === 'groupRows'), _defineProperty(_classNames, prefix('cell-flex'), cellDisplayFlex), _classNames)),
         style: restProps.domLayout === 'autoHeight' ? {
           height: 'auto'
-        } : undefined
+        } : undefined,
+        onBlur: function onBlur(e) {
+          if (e.currentTarget.contains(e.relatedTarget)) {
+            return;
+          }
+
+          _this13.handleBlur();
+        },
+        onFocus: this.handleFocus
       }, /*#__PURE__*/React.createElement(AgGridReact, _extends({
         singleClickEdit: true,
         suppressPaginationPanel: true,
         suppressCopyRowsToClipboard: true,
-        suppressColumnVirtualisation: true,
-        stopEditingWhenCellsLoseFocus: true,
-        loadingOverlayComponent: this.LoadingOverlay,
+        suppressDragLeaveHidesColumns: true
+        /** 防止粘贴错误的值到可编辑表格 */
+        ,
+        suppressClipboardPaste: true,
+        enableCellEditingOnBackspace: true,
+        maintainColumnOrder: true,
+        suppressCsvExport: true,
         noRowsOverlayComponent: this.NoRowsOverlay,
         getMainMenuItems: this.getMainMenuItems,
         rowBuffer: 20,
         rowData: this.emptyRowData,
         sideBar: sideBarProp === true ? this.sideBarDef : sideBarProp,
-        pinnedBottomRowData: Array.isArray(summary) ? summary : summary ? [summary] : undefined
-      }, restProps, {
+        pinnedBottomRowData: this.getSummaryRowData(summary),
+        masterDetail: detailCell !== undefined
+      }, this.getMemoizedDetailCellParams(detailCell, detailCellRendererParams, restProps.detailRowAutoHeight), restProps, {
+        getRowStyle: this.getRowStyle,
+        stopEditingWhenCellsLoseFocus: false,
         onRowDataUpdated: this.rowDataUpdated,
         onCellValueChanged: this.cellValueChanged,
         onCellEditingStopped: this.cellEditingStop,
+        onCellFocused: this.cellFocused,
         pagination: enablePagination,
         paginationPageSize: pageSize,
-        columnDefs: colDefs,
         getRowId: this.getRowId,
         onGridReady: this.init,
         context: context,
         rowSelection: rowSelection !== undefined ? rowSelection.type !== 'radio' ? 'multiple' : 'single' : undefined,
-        components: _objectSpread({
-          agColumnHeader: HeaderRenderer
-        }, componentsProp),
-        defaultColDef: _objectSpread(_objectSpread({}, defaultColDef), defaultColDefProp),
-        columnTypes: _objectSpread(_objectSpread({}, columnTypes), columnTypesProp)
-      })), /*#__PURE__*/React.createElement("div", {
+        components: this.getMemoizedComponents(componentsProp),
+        defaultColDef: this.getMemoizedDefaultColDef(defaultColDefProp),
+        columnTypes: this.getMemoizedColumnTypes(columnTypesProp)
+      })), footer.length > 0 && /*#__PURE__*/React.createElement("div", {
         className: prefix('bottom')
-      }, /*#__PURE__*/React.createElement("div", null), enablePagination && /*#__PURE__*/React.createElement(Pagination, _extends({
-        size: "small",
-        showPrevNextJumpers: true,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        showTotal: function showTotal(val) {
-          return "\u5171".concat(val, "\u6761");
-        },
-        defaultCurrent: 1,
-        defaultPageSize: 20,
-        pageSizeOptions: ['10', '20', '50', '100']
-      }, mPage, {
-        pageSize: pageSize,
-        current: page,
-        total: total,
-        onChange: function onChange(page, pageSize) {
-          _this11.pagination(page, pageSize);
-
-          if (mPage.onChange) {
-            mPage.onChange(page, pageSize);
-          }
-        }
-      }))), loading && /*#__PURE__*/React.createElement(Spin, {
+      }, footer), (loadingProp !== null && loadingProp !== void 0 ? loadingProp : loading) ? /*#__PURE__*/React.createElement(Spin, {
         className: prefix('spin')
-      })));
+      }) : null));
+    }
+  }], [{
+    key: "isSummaryRow",
+    value: function isSummaryRow(_ref8) {
+      var node = _ref8.node;
+
+      if (node && node.data && node.data[DataGrid.SummaryFlag]) {
+        return true;
+      }
+
+      return false;
     }
   }]);
 
@@ -1127,6 +1907,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 }(Component);
 
 _defineProperty(DataGrid, "defaultProps", {
+  stopEditingWhenCellsLoseFocus: true,
   autoLoad: false,
   localeText: {
     copy: '复制',
@@ -1149,11 +1930,15 @@ _defineProperty(DataGrid, "defaultProps", {
   },
   columnTypes: {},
   defaultColDef: {},
-  loading: false
+  components: {}
 });
 
+_defineProperty(DataGrid, "SummaryFlag", Symbol('summary'));
+
+_defineProperty(DataGrid, "IndexColId", '$$index');
+
 _defineProperty(DataGrid, "EmptyCol", {
-  field: '__empty_column__',
+  colId: '$$empty',
   flex: 1,
   resizable: false,
   suppressMovable: true,