@kdcloudjs/kdesign 1.6.31 → 1.6.33

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.30
+ *   @kdcloudjs/kdesign v1.6.32
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1302,11 +1302,37 @@ function intFormatMask(intMask, intValue) {
 
 /***/ }),
 
+/***/ "./components/_utils/getStringLength.ts":
+/*!**********************************************!*\
+  !*** ./components/_utils/getStringLength.ts ***!
+  \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// 计算字符串长度，中文字符占两个长度
+/* harmony default export */ __webpack_exports__["default"] = (function (str) {
+  var len = 0;
+
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) === 94) {
+      len += 2;
+    } else {
+      len++;
+    }
+  }
+
+  return len;
+});
+
+/***/ }),
+
 /***/ "./components/_utils/hooks.tsx":
 /*!*************************************!*\
   !*** ./components/_utils/hooks.tsx ***!
   \*************************************/
-/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useOverflowHidden, useResizeObserver */
+/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useOverflowHidden, useResizeObserver, useIsFirstRender, useForceUpdate, useStateWithPromise */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1317,6 +1343,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHideDocumentScrollBar", function() { return useHideDocumentScrollBar; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useOverflowHidden", function() { return useOverflowHidden; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useResizeObserver", function() { return useResizeObserver; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useIsFirstRender", function() { return useIsFirstRender; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useForceUpdate", function() { return useForceUpdate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useStateWithPromise", function() { return useStateWithPromise; });
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
@@ -1351,10 +1380,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
-/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+
 
 
 
@@ -1391,7 +1423,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 function useOnClickOutside(refs, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var listener = function listener(event) {
       var _iterator = _createForOfIteratorHelper(refs),
           _step;
@@ -1445,7 +1477,7 @@ option) {
       onChange = _ref.onChange,
       postState = _ref.postState;
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(function () {
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(function () {
     if (value !== undefined) {
       return value;
     }
@@ -1474,8 +1506,8 @@ option) {
     }
   }
 
-  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(true);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(true);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (firstRenderRef.current) {
       firstRenderRef.current = false;
       return;
@@ -1495,14 +1527,14 @@ option) {
  */
 
 function usePrevious(value) {
-  var ref = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(value);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  var ref = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(value);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 function useHideDocumentScrollBar(visible, isBody, mask) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var isChange = false;
     var previousDocumentOverflow = document.documentElement.style.overflow;
 
@@ -1519,8 +1551,8 @@ function useHideDocumentScrollBar(visible, isBody, mask) {
   }, [visible, isBody, mask]);
 }
 function useOverflowHidden(container, hidden, allowDisable) {
-  var needResetContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(false);
-  var originContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])({});
+  var needResetContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(false);
+  var originContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])({});
 
   var getScrollBarWidth = function getScrollBarWidth(element) {
     return element.tagName === 'BODY' ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : element.offsetWidth - element.clientWidth;
@@ -1554,7 +1586,7 @@ function useOverflowHidden(container, hidden, allowDisable) {
     originContainerStyle.current = {};
   };
 
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (!allowDisable) return;
     hidden ? setContainerStyle() : resetContainerStyle();
     return function () {
@@ -1564,13 +1596,13 @@ function useOverflowHidden(container, hidden, allowDisable) {
   return [resetContainerStyle, setContainerStyle];
 }
 function useResizeObserver(element, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (typeof element === 'function') {
       element = element();
     }
 
     if (!element) {
-      Object(_devwarning__WEBPACK_IMPORTED_MODULE_19__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      Object(_devwarning__WEBPACK_IMPORTED_MODULE_20__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
       return;
     }
 
@@ -1593,13 +1625,61 @@ function useResizeObserver(element, handler) {
       handler && handler(rect);
     };
 
-    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__["default"](measure);
+    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__["default"](measure);
     resizeObserver && resizeObserver.observe(element);
     return function () {
       resizeObserver && resizeObserver.disconnect();
     };
   }, [element, handler]);
 }
+function useIsFirstRender() {
+  var isFirst = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(true);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    isFirst.current = false;
+  }, []);
+  return isFirst.current;
+}
+function useForceUpdate() {
+  var _useReducer = Object(react__WEBPACK_IMPORTED_MODULE_18__["useReducer"])(function (v) {
+    return v + 1;
+  }, 0),
+      _useReducer2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12___default()(_useReducer, 2),
+      dispatch = _useReducer2[1];
+
+  return dispatch;
+}
+function useStateWithPromise(defaultVal) {
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])({
+    value: defaultVal,
+    resolve: function resolve(e) {
+      // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+      e;
+    }
+  }),
+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12___default()(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    state.resolve(state.value);
+  }, [state]);
+  return [state.value, function (updater) {
+    return new Promise(function (resolve) {
+      setState(function (prevState) {
+        var nextVal = updater;
+
+        if (typeof updater === 'function') {
+          nextVal = updater(prevState.value);
+        }
+
+        return {
+          value: nextVal,
+          resolve: resolve
+        };
+      });
+    });
+  }];
+}
 
 /***/ }),
 
@@ -1890,6 +1970,59 @@ function omit(obj, fields) {
 
 /***/ }),
 
+/***/ "./components/_utils/raf.ts":
+/*!**********************************!*\
+  !*** ./components/_utils/raf.ts ***!
+  \**********************************/
+/*! exports provided: raf, caf */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "raf", function() { return raf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "caf", function() { return caf; });
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+
+var target = typeof window === 'undefined' ? global : window;
+var vendors = ['webkit', 'ms', 'moz', 'o'];
+var raf = target.requestAnimationFrame; // eslint-disable-line
+
+var caf = target.cancelAnimationFrame; // eslint-disable-line
+
+if (!raf || !caf) {
+  vendors.some(function (prefix) {
+    raf = target["".concat(prefix, "RequestAnimationFrame")];
+    caf = target["".concat(prefix, "CancelAnimationFrame")] || target["".concat(prefix, "CancelRequestAnimationFrame")];
+    return raf && caf;
+  });
+
+  if (!raf || !caf) {
+    var lastTime = 0;
+
+    raf = function raf(cb) {
+      var currentTime = Date.now();
+      var diff = Math.max(0, 16 - (currentTime - lastTime));
+      var timer = setTimeout(function () {
+        cb();
+        lastTime = currentTime + diff;
+      }, diff);
+      return timer;
+    };
+
+    caf = function caf(timer) {
+      clearTimeout(timer);
+    };
+  }
+}
+
+raf = raf.bind(target);
+caf = caf.bind(target);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
 /***/ "./components/_utils/react-children.ts":
 /*!*********************************************!*\
   !*** ./components/_utils/react-children.ts ***!
@@ -1946,6 +2079,131 @@ function cloneElement(element, props) {
 
 /***/ }),
 
+/***/ "./components/_utils/resizeObserver.tsx":
+/*!**********************************************!*\
+  !*** ./components/_utils/resizeObserver.tsx ***!
+  \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_12__);
+
+
+
+
+
+
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default()(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+
+
+
+
+var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
+  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(ResizeObserverComponent, _React$Component);
+
+  var _super = _createSuper(ResizeObserverComponent);
+
+  function ResizeObserverComponent() {
+    var _this;
+
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, ResizeObserverComponent);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "resizeObserver", void 0);
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "componentWillUnmount", function () {
+      if (_this.resizeObserver) {
+        _this.destroyResizeObserver();
+      }
+    });
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "createResizeObserver", function () {
+      _this.resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_11__["default"](function (entry) {
+        var onResize = _this.props.onResize;
+        onResize && onResize(entry);
+      }); // eslint-disable-next-line react/no-find-dom-node
+
+      _this.resizeObserver.observe(Object(react_dom__WEBPACK_IMPORTED_MODULE_12__["findDOMNode"])(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this)));
+    });
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "destroyResizeObserver", function () {
+      _this.resizeObserver && _this.resizeObserver.disconnect();
+      _this.resizeObserver = null;
+    });
+
+    return _this;
+  }
+
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(ResizeObserverComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.isValidElement(this.props.children)) {
+        console.warn('The children of ResizeObserver is invalid.');
+      } else {
+        this.createResizeObserver();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // eslint-disable-next-line react/no-find-dom-node
+      if (!this.resizeObserver && Object(react_dom__WEBPACK_IMPORTED_MODULE_12__["findDOMNode"])(this)) {
+        this.createResizeObserver();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+
+  return ResizeObserverComponent;
+}(react__WEBPACK_IMPORTED_MODULE_10___default.a.Component);
+
+/* harmony default export */ __webpack_exports__["default"] = (ResizeObserverComponent);
+
+/***/ }),
+
 /***/ "./components/_utils/testBrowserType.ts":
 /*!**********************************************!*\
   !*** ./components/_utils/testBrowserType.ts ***!
@@ -2623,7 +2881,7 @@ function usePopper(locatorElement, popperElement, props) {
         } else {
           if (matchTrigger('hover')) {
             mouseleaveTimer && clearTimeout(mouseleaveTimer);
-            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 3000);
+            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000);
           } else {
             hidePopper();
           }
@@ -10385,7 +10643,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onClick = datePickerProps.onClick,
       _onOk = datePickerProps.onOk; // ref
 
-  var panelDivRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
   var inputDivRefDefault = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
   var popperRefDefault = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
@@ -10544,9 +10801,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (!openValue) {
       setSelectedValue(dateValue);
 
-      if (valueText === '') {
-        triggerTextChange('');
-      } else if (valueText !== text) {
+      if (valueText !== text) {
         resetText();
       }
     } else {
@@ -10699,7 +10954,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var inputProps = {
     inputRef: inputRef,
-    panelDivRef: panelDivRef,
+    panelDivRef: popperRef,
     id: id,
     autoFocus: autoFocus,
     allowClear: allowClear,
@@ -29522,6 +29777,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
 /* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./option */ "./components/select/option.tsx");
 /* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
 
 
 
@@ -29553,6 +29809,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 
 
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
@@ -29599,7 +29856,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       optionLabelProp = selectProps.optionLabelProp,
       _selectProps$popperSt = selectProps.popperStyle,
       popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
-      tagRender = selectProps.tagRender;
+      tagRender = selectProps.tagRender,
+      virtualListProps = selectProps.virtualListProps;
   var isMultiple = mode === 'multiple'; // 是否多选
 
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_19__["useMergedState"])(undefined, {
@@ -30098,6 +30356,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         listHeight = selectProps.listHeight;
     var selectedVal = multipleRef.current.selectedVal;
     var childrenToRender = filledOptions;
+    var eleOptionList = filledOptions;
 
     if (Array.isArray(childrenToRender) && childrenToRender.length > 0) {
       childrenToRender = childrenToRender.map(function (item, index) {
@@ -30105,6 +30364,23 @@ var InternalSelect = function InternalSelect(props, ref) {
         var temp = renderOption(item, index);
         return temp;
       });
+      eleOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_28__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+        role: "listbox",
+        data: childrenToRender,
+        itemKey: function itemKey(child) {
+          var _child$props3;
+
+          return (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.value;
+        },
+        onMouseDown: function onMouseDown(e) {
+          return e === null || e === void 0 ? void 0 : e.preventDefault();
+        },
+        isStaticItemHeight: true,
+        height: listHeight || 300,
+        measureLongestItem: false
+      }, virtualListProps), function (child) {
+        return child;
+      });
     }
 
     var heightStyle = {
@@ -30125,7 +30401,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(childrenToRender, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Checkbox"], {
       style: checkboxStyle,
@@ -30159,9 +30435,9 @@ var InternalSelect = function InternalSelect(props, ref) {
   var renderSingle = function renderSingle() {
     var obj = (realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
       if (child && child.props) {
-        var _child$props3;
+        var _child$props4;
 
-        return ((_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.value) === initValue;
+        return ((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.value) === initValue;
       } else {
         return (child === null || child === void 0 ? void 0 : child.value) === initValue;
       }
@@ -31997,6 +32273,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
 /* harmony import */ var _utils_omit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/omit */ "./components/_utils/omit.ts");
 /* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_numberUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/numberUtil */ "./components/_utils/numberUtil.ts");
+
 
 
 
@@ -32105,7 +32383,7 @@ var InternalStepper = function InternalStepper(props, ref) {
       return false;
     }
 
-    var startingNumber = parseFloat(stepperrref.current.value) || parseFloat(inputNumberProps.min) || 0;
+    var startingNumber = Object(_utils_numberUtil__WEBPACK_IMPORTED_MODULE_16__["isExp"])(stepperrref.current.value) ? big_js__WEBPACK_IMPORTED_MODULE_7___default()(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
     var calculationResults = new big_js__WEBPACK_IMPORTED_MODULE_7___default.a(startingNumber)[type](stepNum).valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
 
@@ -32814,6 +33092,28 @@ function useAutoRowSpan(pipeline, autoRowSpan) {
 
 /***/ }),
 
+/***/ "./components/table/feature/colGroupExtendable.ts":
+/*!********************************************************!*\
+  !*** ./components/table/feature/colGroupExtendable.ts ***!
+  \********************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _kdcloudjs_table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @kdcloudjs/table */ "./node_modules/@kdcloudjs/table/es/index.js");
+
+
+function colGroupExtendable(pipeline, columnGroupExtend) {
+  if (columnGroupExtend) {
+    pipeline.use(_kdcloudjs_table__WEBPACK_IMPORTED_MODULE_0__["features"].colGroupExtendable(columnGroupExtend));
+  }
+}
+
+/* harmony default export */ __webpack_exports__["default"] = (colGroupExtendable);
+
+/***/ }),
+
 /***/ "./components/table/feature/columnDrag.ts":
 /*!************************************************!*\
   !*** ./components/table/feature/columnDrag.ts ***!
@@ -33358,6 +33658,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _feature_mergeCellHover__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./feature/mergeCellHover */ "./components/table/feature/mergeCellHover.ts");
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 /* harmony import */ var _feature_useFooterDataSource__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./feature/useFooterDataSource */ "./components/table/feature/useFooterDataSource.ts");
+/* harmony import */ var _feature_colGroupExtendable__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./feature/colGroupExtendable */ "./components/table/feature/colGroupExtendable.ts");
+
 
 
 
@@ -33413,7 +33715,9 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"]
       cssVariables = props.cssVariables,
       stickyScrollHeight = props.stickyScrollHeight,
       scrollbarWidth = props.scrollbarWidth,
-      scrollLoad = props.scrollLoad;
+      scrollLoad = props.scrollLoad,
+      _props$columnGroupExt = props.columnGroupExtend,
+      columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt;
 
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
@@ -33467,6 +33771,7 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"]
   Object(_feature_useRangeSelection__WEBPACK_IMPORTED_MODULE_20__["default"])(pipeline, rangeSelection);
   Object(_feature_mergeCellHover__WEBPACK_IMPORTED_MODULE_21__["default"])(pipeline);
   Object(_feature_useFooterDataSource__WEBPACK_IMPORTED_MODULE_23__["default"])(pipeline, footerDataSource);
+  Object(_feature_colGroupExtendable__WEBPACK_IMPORTED_MODULE_24__["default"])(pipeline, columnGroupExtend);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */
@@ -39532,6 +39837,1055 @@ function endsWith(str, suffix) {
 
 /***/ }),
 
+/***/ "./components/virtual-list/Filler.tsx":
+/*!********************************************!*\
+  !*** ./components/virtual-list/Filler.tsx ***!
+  \********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+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) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(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; }
+
+
+
+var Filler = function Filler(_ref) {
+  var height = _ref.height,
+      offset = _ref.offset,
+      children = _ref.children,
+      propsOuterStyle = _ref.outerStyle;
+  var outerStyle = {};
+  var innerStyle = {
+    display: 'flex',
+    flexDirection: 'column'
+  };
+
+  if (offset !== undefined) {
+    outerStyle = _objectSpread({
+      height: height,
+      position: 'relative',
+      overflow: 'hidden',
+      zIndex: 0
+    }, propsOuterStyle);
+    innerStyle = _objectSpread(_objectSpread({}, innerStyle), {}, {
+      transform: "translateY(".concat(offset, "px)"),
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0
+    });
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
+    style: outerStyle
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
+    style: innerStyle
+  }, children));
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (Filler);
+
+/***/ }),
+
+/***/ "./components/virtual-list/index.tsx":
+/*!*******************************************!*\
+  !*** ./components/virtual-list/index.tsx ***!
+  \*******************************************/
+/*! exports provided: isNumber, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./virtual-list */ "./components/virtual-list/virtual-list.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isNumber", function() { return _virtual_list__WEBPACK_IMPORTED_MODULE_0__["isNumber"]; });
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_virtual_list__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./components/virtual-list/utils/algorithmUtil.ts":
+/*!********************************************************!*\
+  !*** ./components/virtual-list/utils/algorithmUtil.ts ***!
+  \********************************************************/
+/*! exports provided: getIndexByStartLoc, findListDiffIndex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getIndexByStartLoc", function() { return getIndexByStartLoc; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findListDiffIndex", function() { return findListDiffIndex; });
+/**
+ * Get index with specific start index one by one. e.g.
+ * min: 3, max: 9, start: 6
+ *
+ * Return index is:
+ * [0]: 6
+ * [1]: 7
+ * [2]: 5
+ * [3]: 8
+ * [4]: 4
+ * [5]: 9
+ * [6]: 3
+ */
+function getIndexByStartLoc(min, max, start, index) {
+  var beforeCount = start - min;
+  var afterCount = max - start;
+  var balanceCount = Math.min(beforeCount, afterCount) * 2;
+
+  if (index <= balanceCount) {
+    var stepIndex = Math.floor(index / 2);
+
+    if (index % 2) {
+      return start + stepIndex + 1;
+    }
+
+    return start - stepIndex;
+  }
+
+  if (beforeCount > afterCount) {
+    return start - (index - afterCount);
+  }
+
+  return start + (index - beforeCount);
+}
+function findListDiffIndex(originList, targetList, getKey) {
+  var originLen = originList.length;
+  var targetLen = targetList.length;
+  var shortList;
+  var longList;
+
+  if (originLen === 0 && targetLen === 0) {
+    return null;
+  }
+
+  if (originLen < targetLen) {
+    shortList = originList;
+    longList = targetList;
+  } else {
+    shortList = targetList;
+    longList = originList;
+  }
+
+  var notExistKey = {
+    __EMPTY_ITEM__: true
+  };
+
+  function getItemKey(item, index) {
+    return item !== undefined ? getKey(item, index) : notExistKey;
+  }
+
+  var diffIndex = null;
+  var multiple = Math.abs(originLen - targetLen) !== 1;
+
+  for (var i = 0; i < longList.length; i += 1) {
+    var shortKey = getItemKey(shortList[i], i);
+    var longKey = getItemKey(longList[i], i);
+
+    if (shortKey !== longKey) {
+      diffIndex = i;
+      multiple = multiple || shortKey !== getItemKey(longList[i + 1], i + 1);
+      break;
+    }
+  }
+
+  return diffIndex === null ? null : {
+    index: diffIndex,
+    multiple: multiple
+  };
+}
+
+/***/ }),
+
+/***/ "./components/virtual-list/utils/itemUtil.ts":
+/*!***************************************************!*\
+  !*** ./components/virtual-list/utils/itemUtil.ts ***!
+  \***************************************************/
+/*! exports provided: GHOST_ITEM_KEY, getLocationItem, getNodeHeight, getValidScrollTop, getScrollPercentage, getRangeIndex, getItemRelativeTop, getItemAbsoluteTop, getCompareItemRelativeTop, getLongestItemIndex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GHOST_ITEM_KEY", function() { return GHOST_ITEM_KEY; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocationItem", function() { return getLocationItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNodeHeight", function() { return getNodeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getValidScrollTop", function() { return getValidScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getScrollPercentage", function() { return getScrollPercentage; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRangeIndex", function() { return getRangeIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getItemRelativeTop", function() { return getItemRelativeTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getItemAbsoluteTop", function() { return getItemAbsoluteTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCompareItemRelativeTop", function() { return getCompareItemRelativeTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLongestItemIndex", function() { return getLongestItemIndex; });
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.is-nan.js */ "./node_modules/core-js/modules/es.number.is-nan.js");
+/* harmony import */ var core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _utils_getStringLength__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_utils/getStringLength */ "./components/_utils/getStringLength.ts");
+
+var _excluded = ["scrollTop"];
+
+
+
+
+
+
+
+
+/**
+ * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
+ */
+
+var GHOST_ITEM_KEY = '__rc_ghost_item__';
+
+/**
+ * 根据滚动条当前的滚动百分比，计算出基准元素
+ * 在基准元素的上方和下方渲染可见区域的其他元素
+ */
+function getLocationItem(scrollPtg, total) {
+  var itemIndex = Math.floor(scrollPtg * total);
+  var itemTopPtg = itemIndex / total;
+  var offsetPtg = (scrollPtg - itemTopPtg) / (1 / total);
+  return {
+    index: itemIndex,
+    offsetPtg: Number.isNaN(offsetPtg) ? 0 : offsetPtg
+  };
+}
+/**
+ * 获取HTML元素高度
+ */
+
+function getNodeHeight(node) {
+  var needMargin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  // eslint-disable-next-line react/no-find-dom-node
+  var element = Object(react_dom__WEBPACK_IMPORTED_MODULE_7__["findDOMNode"])(node);
+  var marginVertical = 0;
+
+  if (needMargin) {
+    var _window$getComputedSt = window.getComputedStyle(node),
+        marginTop = _window$getComputedSt.marginTop,
+        marginBottom = _window$getComputedSt.marginBottom;
+
+    marginVertical = Number(marginTop.replace(/\D/g, '')) + Number(marginBottom.replace(/\D/g, ''));
+    marginVertical = isNaN(marginVertical) ? 0 : marginVertical;
+  }
+
+  return element ? element.offsetHeight + marginVertical : 0;
+}
+/**
+ * 获取有效的scrollTop值
+ * Safari的缓动效果会获得负值的scrollTop
+ */
+
+function getValidScrollTop(scrollTop, scrollRange) {
+  return scrollTop < 0 ? 0 : scrollTop > scrollRange ? scrollRange : scrollTop;
+}
+/**
+ * 视口已滚动距离 / 总可滚动距离
+ */
+
+function getScrollPercentage(_ref) {
+  var scrollTop = _ref.scrollTop,
+      scrollHeight = _ref.scrollHeight,
+      clientHeight = _ref.clientHeight;
+  var scrollRange = scrollHeight - clientHeight;
+  return scrollRange <= 0 ? 0 : getValidScrollTop(scrollTop, scrollRange) / scrollRange;
+}
+/**
+ * 计算需要渲染的元素的开始下标、结束下标和用于定位的元素下标
+ */
+
+function getRangeIndex(scrollPtg, itemCount, visibleCount) {
+  var _getLocationItem = getLocationItem(scrollPtg, itemCount),
+      index = _getLocationItem.index,
+      offsetPtg = _getLocationItem.offsetPtg;
+
+  var beforeCount = Math.ceil(scrollPtg * visibleCount);
+  var afterCount = Math.ceil((1 - scrollPtg) * visibleCount);
+  return {
+    itemIndex: index,
+    itemOffsetPtg: offsetPtg,
+    startIndex: Math.max(0, index - beforeCount),
+    endIndex: Math.min(itemCount - 1, index + afterCount)
+  };
+}
+
+/**
+ * 计算元素相对于视口顶部的偏移量
+ */
+function getItemRelativeTop(_ref2) {
+  var itemHeight = _ref2.itemHeight,
+      itemOffsetPtg = _ref2.itemOffsetPtg,
+      scrollPtg = _ref2.scrollPtg,
+      clientHeight = _ref2.clientHeight;
+  return Math.floor(clientHeight * scrollPtg - itemHeight * itemOffsetPtg);
+}
+/**
+ * 计算元素相对于整个滚动区域顶部的偏移量
+ */
+
+function getItemAbsoluteTop(_ref3) {
+  var scrollTop = _ref3.scrollTop,
+      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default()(_ref3, _excluded);
+
+  return scrollTop + getItemRelativeTop(rest);
+}
+
+/**
+ * 计算某一指定下标的元素相对于视口顶部的偏移量
+ */
+function getCompareItemRelativeTop(_ref4) {
+  var locatedItemRelativeTop = _ref4.locatedItemRelativeTop,
+      locatedItemIndex = _ref4.locatedItemIndex,
+      compareItemIndex = _ref4.compareItemIndex,
+      startIndex = _ref4.startIndex,
+      endIndex = _ref4.endIndex,
+      getItemKey = _ref4.getItemKey,
+      itemElementHeights = _ref4.itemElementHeights,
+      itemHeight = _ref4.itemHeight;
+  var compareItemTop = locatedItemRelativeTop;
+  var compareItemKey = getItemKey(compareItemIndex);
+
+  if (compareItemIndex <= locatedItemIndex) {
+    for (var _index = locatedItemIndex; _index >= startIndex; _index -= 1) {
+      var _key = getItemKey(_index);
+
+      if (_key === compareItemKey) {
+        break;
+      }
+
+      var prevItemKey = getItemKey(_index - 1);
+      compareItemTop -= itemElementHeights[prevItemKey] || itemHeight;
+    }
+  } else {
+    for (var _index2 = locatedItemIndex; _index2 <= endIndex; _index2 += 1) {
+      var _key2 = getItemKey(_index2);
+
+      if (_key2 === compareItemKey) {
+        break;
+      }
+
+      compareItemTop += itemElementHeights[_key2] || itemHeight;
+    }
+  }
+
+  return compareItemTop;
+}
+function getLongestItemIndex(data) {
+  var result = -1;
+  var length = 0;
+  data.forEach(function (item, index) {
+    var _item$props;
+
+    item = typeof item === 'string' ? item : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.children;
+
+    if (typeof item === 'string') {
+      var _length = Object(_utils_getStringLength__WEBPACK_IMPORTED_MODULE_8__["default"])(item);
+
+      if (_length > length) {
+        length = _length;
+        result = index;
+      }
+    }
+  });
+  return result;
+}
+
+/***/ }),
+
+/***/ "./components/virtual-list/virtual-list.tsx":
+/*!**************************************************!*\
+  !*** ./components/virtual-list/virtual-list.tsx ***!
+  \**************************************************/
+/*! exports provided: isNumber, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isNumber", function() { return isNumber; });
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.entries.js */ "./node_modules/core-js/modules/es.object.entries.js");
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/itemUtil */ "./components/virtual-list/utils/itemUtil.ts");
+/* harmony import */ var _utils_raf__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/raf */ "./components/_utils/raf.ts");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./utils/algorithmUtil */ "./components/virtual-list/utils/algorithmUtil.ts");
+/* harmony import */ var _Filler__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Filler */ "./components/virtual-list/Filler.tsx");
+/* harmony import */ var _utils_resizeObserver__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/resizeObserver */ "./components/_utils/resizeObserver.tsx");
+
+
+
+
+
+
+
+
+
+
+var _excluded = ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle"];
+
+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) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(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; }
+
+
+
+
+
+
+
+
+
+
+
+// Reference: https://github.com/arco-design/arco-design/blob/main/components/_class/VirtualList/index.tsx
+
+
+
+
+
+
+
+function isNumber(obj) {
+  return Object.prototype.toString.call(obj) === '[object Number]' && obj === obj; // eslint-disable-line
+}
+var DEFAULT_VIRTUAL_ITEM_HEIGHT = 32;
+var KEY_VIRTUAL_ITEM_HEIGHT = "__virtual_item_height_".concat(Math.random().toFixed(5).slice(2));
+
+var useComputeVirtualItemHeight = function useComputeVirtualItemHeight(refItemHeightMap) {
+  var forceUpdate = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useForceUpdate"])();
+  var heightMap = refItemHeightMap.current;
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (Object.keys(heightMap).length && !heightMap[KEY_VIRTUAL_ITEM_HEIGHT]) {
+      heightMap[KEY_VIRTUAL_ITEM_HEIGHT] = Object.entries(heightMap).reduce(function (sum, _ref, currentIndex, array) {
+        var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_ref, 2),
+            currentHeight = _ref2[1];
+
+        var nextSum = sum + currentHeight;
+        return currentIndex === array.length - 1 ? Math.round(nextSum / array.length) : nextSum;
+      }, 0);
+      forceUpdate();
+    }
+  }, [Object.keys(heightMap).length]);
+};
+
+var useCacheChildrenNodes = function useCacheChildrenNodes(children) {
+  var refCacheMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])({});
+  var refPrevChildren = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(children);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    refPrevChildren.current = children;
+  }, [children]);
+
+  if (children !== refPrevChildren.current) {
+    refCacheMap.current = {};
+  }
+
+  return function (item, index, props) {
+    // eslint-disable-next-line no-prototype-builtins
+    if (!refCacheMap.current.hasOwnProperty(index)) {
+      refCacheMap.current[index] = children(item, index, props);
+    }
+
+    return refCacheMap.current[index];
+  };
+};
+
+var VirtualList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(function (props, ref) {
+  var style = props.style,
+      className = props.className,
+      children = props.children,
+      _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      itemKey = props.itemKey,
+      _props$threshold = props.threshold,
+      threshold = _props$threshold === void 0 ? 100 : _props$threshold,
+      _props$wrapper = props.wrapper,
+      WrapperTagName = _props$wrapper === void 0 ? 'div' : _props$wrapper,
+      _props$height = props.height,
+      propHeight = _props$height === void 0 ? 300 : _props$height,
+      _props$isStaticItemHe = props.isStaticItemHeight,
+      isStaticItemHeight = _props$isStaticItemHe === void 0 ? true : _props$isStaticItemHe,
+      propItemHeight = props.itemHeight,
+      measureLongestItem = props.measureLongestItem,
+      scrollOptions = props.scrollOptions,
+      onScroll = props.onScroll,
+      _props$needFiller = props.needFiller,
+      needFiller = _props$needFiller === void 0 ? true : _props$needFiller,
+      outerStyle = props.outerStyle,
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8___default()(props, _excluded);
+
+  var styleListMaxHeight = style && style.maxHeight || propHeight;
+  var refItemHeightMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])({});
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(200),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState, 2),
+      stateHeight = _useState2[0],
+      setStateHeight = _useState2[1];
+
+  var renderChild = useCacheChildrenNodes(children);
+  useComputeVirtualItemHeight(refItemHeightMap);
+  var itemCount = data.length;
+  var itemHeight = propItemHeight || refItemHeightMap.current[KEY_VIRTUAL_ITEM_HEIGHT] || DEFAULT_VIRTUAL_ITEM_HEIGHT;
+  var viewportHeight = isNumber(styleListMaxHeight) ? styleListMaxHeight : stateHeight;
+  var itemCountVisible = Math.ceil(viewportHeight / itemHeight);
+  var itemTotalHeight = itemHeight * itemCount;
+  var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
+  var refList = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var refRafId = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var refLockScroll = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(false);
+  var refIsVirtual = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(isVirtual);
+  var scrollListPadding = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
+    if (refList.current) {
+      var getPadding = function getPadding(property) {
+        return +window.getComputedStyle(refList.current)[property].replace(/\D/g, '');
+      };
+
+      return {
+        top: getPadding('paddingTop'),
+        bottom: getPadding('paddingBottom')
+      };
+    }
+
+    return {
+      top: 0,
+      bottom: 0
+    };
+  }, [refList.current]);
+
+  var _useStateWithPromise = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useStateWithPromise"])({
+    status: 'NONE',
+    startIndex: 0,
+    endIndex: 0,
+    itemIndex: 0,
+    itemOffsetPtg: 0,
+    startItemTop: 0,
+    scrollTop: 0
+  }),
+      _useStateWithPromise2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useStateWithPromise, 2),
+      state = _useStateWithPromise2[0],
+      setState = _useStateWithPromise2[1];
+
+  var prevData = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["usePrevious"])(data) || [];
+  var isFirstRender = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useIsFirstRender"])();
+
+  var getItemKey = function getItemKey(item, index) {
+    return typeof itemKey === 'function' ? itemKey(item, index) : typeof itemKey === 'string' ? item[itemKey] : item.key || index;
+  };
+
+  var getItemKeyByIndex = function getItemKeyByIndex(index) {
+    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : data;
+
+    if (index === items.length) {
+      return _utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["GHOST_ITEM_KEY"];
+    }
+
+    var item = items[index];
+    return item !== undefined ? getItemKey(item, index) : null;
+  };
+
+  var getCachedItemHeight = function getCachedItemHeight(key) {
+    return refItemHeightMap.current[key] || itemHeight;
+  };
+
+  var internalScrollTo = function internalScrollTo(relativeScroll) {
+    var compareItemIndex = relativeScroll.itemIndex,
+        compareItemRelativeTop = relativeScroll.relativeTop;
+    if (!refList.current) return;
+    var _refList$current = refList.current,
+        scrollHeight = _refList$current.scrollHeight,
+        clientHeight = _refList$current.clientHeight;
+    var originScrollTop = state.scrollTop;
+    var maxScrollTop = scrollHeight - clientHeight;
+    var bestSimilarity = Number.MAX_VALUE;
+    var bestScrollTop = null;
+    var bestItemIndex = null;
+    var bestItemOffsetPtg = null;
+    var bestStartIndex = null;
+    var bestEndIndex = null;
+    var missSimilarity = 0;
+
+    for (var i = 0; i < maxScrollTop; i++) {
+      var scrollTop = Object(_utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__["getIndexByStartLoc"])(0, maxScrollTop, originScrollTop, i);
+      var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+        scrollTop: scrollTop,
+        scrollHeight: scrollHeight,
+        clientHeight: clientHeight
+      });
+
+      var _getRangeIndex = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getRangeIndex"])(scrollPtg, itemCount, itemCountVisible),
+          itemIndex = _getRangeIndex.itemIndex,
+          itemOffsetPtg = _getRangeIndex.itemOffsetPtg,
+          startIndex = _getRangeIndex.startIndex,
+          endIndex = _getRangeIndex.endIndex;
+
+      if (startIndex <= compareItemIndex && compareItemIndex <= endIndex) {
+        var locatedItemRelativeTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+          itemHeight: getCachedItemHeight(getItemKeyByIndex(itemIndex)),
+          itemOffsetPtg: itemOffsetPtg,
+          clientHeight: clientHeight,
+          scrollPtg: scrollPtg
+        });
+        var compareItemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getCompareItemRelativeTop"])({
+          locatedItemRelativeTop: locatedItemRelativeTop,
+          locatedItemIndex: itemIndex,
+          compareItemIndex: compareItemIndex,
+          startIndex: startIndex,
+          endIndex: endIndex,
+          itemHeight: itemHeight,
+          getItemKey: getItemKeyByIndex,
+          itemElementHeights: refItemHeightMap.current
+        });
+        var similarity = Math.abs(compareItemTop - compareItemRelativeTop);
+
+        if (similarity < bestSimilarity) {
+          bestSimilarity = similarity;
+          bestScrollTop = scrollTop;
+          bestItemIndex = itemIndex;
+          bestItemOffsetPtg = itemOffsetPtg;
+          bestStartIndex = startIndex;
+          bestEndIndex = endIndex;
+          missSimilarity = 0;
+        } else {
+          missSimilarity += 1;
+        }
+      }
+
+      if (missSimilarity > 10) {
+        break;
+      }
+    }
+
+    if (bestScrollTop !== null) {
+      refLockScroll.current = true;
+      refList.current.scrollTop = bestScrollTop;
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        status: 'MEASURE_START',
+        scrollTop: bestScrollTop,
+        itemIndex: bestItemIndex,
+        itemOffsetPtg: bestItemOffsetPtg,
+        startIndex: bestStartIndex,
+        endIndex: bestEndIndex
+      }));
+    }
+
+    refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+      refLockScroll.current = false;
+    });
+  };
+
+  var rawListScrollHandler = function rawListScrollHandler(event) {
+    if (!refList.current) return;
+    var _refList$current2 = refList.current,
+        rawScrollTop = _refList$current2.scrollTop,
+        clientHeight = _refList$current2.clientHeight,
+        scrollHeight = _refList$current2.scrollHeight;
+    var scrollTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getValidScrollTop"])(rawScrollTop, scrollHeight - clientHeight);
+    var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+      scrollTop: scrollTop,
+      clientHeight: clientHeight,
+      scrollHeight: scrollHeight
+    });
+
+    var _getLocationItem = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getLocationItem"])(scrollPtg, itemCount),
+        index = _getLocationItem.index,
+        offsetPtg = _getLocationItem.offsetPtg;
+
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      scrollTop: scrollTop,
+      itemIndex: index,
+      itemOffsetPtg: offsetPtg
+    }));
+    event && onScroll && onScroll(event);
+  };
+
+  var virtualListScrollHandler = function virtualListScrollHandler(event) {
+    var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var scrollHeight = itemTotalHeight;
+    if (!refList.current) return;
+    var _refList$current3 = refList.current,
+        rawScrollTop = _refList$current3.scrollTop,
+        clientHeight = _refList$current3.clientHeight;
+    var scrollTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getValidScrollTop"])(rawScrollTop, scrollHeight - clientHeight);
+
+    if (!isInit && (scrollTop === state.scrollTop || refLockScroll.current)) {
+      return;
+    }
+
+    var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+      scrollTop: scrollTop,
+      clientHeight: clientHeight,
+      scrollHeight: scrollHeight
+    });
+
+    var _getRangeIndex2 = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getRangeIndex"])(scrollPtg, itemCount, itemCountVisible),
+        itemIndex = _getRangeIndex2.itemIndex,
+        itemOffsetPtg = _getRangeIndex2.itemOffsetPtg,
+        startIndex = _getRangeIndex2.startIndex,
+        endIndex = _getRangeIndex2.endIndex;
+
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      scrollTop: scrollTop,
+      itemIndex: itemIndex,
+      itemOffsetPtg: itemOffsetPtg,
+      startIndex: startIndex,
+      endIndex: endIndex,
+      status: 'MEASURE_START'
+    }));
+    event && onScroll && onScroll(event);
+  };
+
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    return function () {
+      refRafId.current && Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["caf"])(refRafId.current);
+    };
+  }, []);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (refList.current) {
+      if (isFirstRender) {
+        refList.current.scrollTop = 0;
+      }
+
+      virtualListScrollHandler(null, true);
+    }
+  }, [itemCountVisible]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    var changedItemIndex = null;
+    var switchTo = refIsVirtual.current !== isVirtual ? isVirtual ? 'virtual' : 'raw' : '';
+    refIsVirtual.current = isVirtual;
+
+    if (viewportHeight && prevData.length !== data.length) {
+      var diff = Object(_utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__["findListDiffIndex"])(prevData, data, getItemKey);
+      changedItemIndex = diff ? diff.index : null;
+    }
+
+    if ((switchTo || isVirtual && changedItemIndex) && refList.current) {
+      var clientHeight = refList.current.clientHeight;
+      var locatedItemRelativeTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+        itemHeight: getCachedItemHeight(getItemKeyByIndex(state.itemIndex, prevData)),
+        itemOffsetPtg: state.itemOffsetPtg,
+        scrollPtg: Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+          scrollTop: state.scrollTop,
+          scrollHeight: prevData.length * itemHeight,
+          clientHeight: clientHeight
+        }),
+        clientHeight: clientHeight
+      });
+
+      if (switchTo === 'raw') {
+        var rawTop = locatedItemRelativeTop;
+
+        for (var _index = 0; _index < state.itemIndex; _index++) {
+          rawTop -= getCachedItemHeight(getItemKeyByIndex(_index));
+        }
+
+        refList.current.scrollTop = -rawTop;
+        refLockScroll.current = true;
+        refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+          refLockScroll.current = false;
+        });
+      } else {
+        internalScrollTo({
+          itemIndex: state.itemIndex,
+          relativeTop: locatedItemRelativeTop
+        });
+      }
+    }
+  }, [data, isVirtual]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useLayoutEffect"])(function () {
+    if (state.status === 'MEASURE_START' && refList.current) {
+      var _refList$current4 = refList.current,
+          scrollTop = _refList$current4.scrollTop,
+          scrollHeight = _refList$current4.scrollHeight,
+          clientHeight = _refList$current4.clientHeight;
+      var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+        scrollTop: scrollTop,
+        scrollHeight: scrollHeight,
+        clientHeight: clientHeight
+      });
+      var startItemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemAbsoluteTop"])({
+        scrollPtg: scrollPtg,
+        clientHeight: clientHeight,
+        scrollTop: scrollTop - (scrollListPadding.top + scrollListPadding.bottom) * scrollPtg,
+        itemHeight: getCachedItemHeight(getItemKeyByIndex(state.itemIndex)),
+        itemOffsetPtg: state.itemOffsetPtg
+      });
+
+      for (var _index2 = state.itemIndex - 1; _index2 >= state.startIndex; _index2--) {
+        startItemTop -= getCachedItemHeight(getItemKeyByIndex(_index2));
+      }
+
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        startItemTop: startItemTop,
+        status: 'MEASURE_DONE'
+      }));
+    }
+  }, [state]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useImperativeHandle"])(ref, function () {
+    return {
+      dom: refList.current,
+      scrollTo: function scrollTo(arg) {
+        refRafId.current && Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["caf"])(refRafId.current);
+        refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+          var _arg$options;
+
+          if (typeof arg === 'number') {
+            refList.current.scrollTop = arg;
+            return;
+          }
+
+          var index = 'index' in arg ? arg.index : 'key' in arg ? data.findIndex(function (item, index) {
+            return getItemKey(item, index) === arg.key;
+          }) : 0;
+          var item = data[index];
+
+          if (!item) {
+            return;
+          }
+
+          var align = _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6___default()(arg) === 'object' && (_arg$options = arg.options) !== null && _arg$options !== void 0 && _arg$options.block ? arg.options.block : (scrollOptions === null || scrollOptions === void 0 ? void 0 : scrollOptions.block) || 'nearest';
+          var _refList$current5 = refList.current,
+              clientHeight = _refList$current5.clientHeight,
+              scrollTop = _refList$current5.scrollTop;
+
+          if (isVirtual && !isStaticItemHeight) {
+            if (align === 'nearest') {
+              var itemIndex = state.itemIndex,
+                  itemOffsetPtg = state.itemOffsetPtg;
+
+              if (Math.abs(itemIndex - index) < itemCountVisible) {
+                var itemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+                  itemHeight: getCachedItemHeight(getItemKeyByIndex(itemIndex)),
+                  itemOffsetPtg: itemOffsetPtg,
+                  clientHeight: clientHeight,
+                  scrollPtg: Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])(refList.current)
+                });
+
+                if (index < itemIndex) {
+                  for (var i = index; i < itemIndex; i++) {
+                    itemTop -= getCachedItemHeight(getItemKeyByIndex(i));
+                  }
+                } else {
+                  for (var _i = itemIndex; _i < index; _i++) {
+                    itemTop += getCachedItemHeight(getItemKeyByIndex(_i));
+                  }
+                }
+
+                if (itemTop < 0 || itemTop > clientHeight) {
+                  align = itemTop < 0 ? 'start' : 'end';
+                } else {
+                  return;
+                }
+              } else {
+                align = index < itemIndex ? 'start' : 'end';
+              }
+            }
+
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              startIndex: Math.max(0, index - itemCountVisible),
+              endIndex: Math.min(itemCount - 1, index + itemCountVisible)
+            })).then(function () {
+              var itemHeight = getCachedItemHeight(getItemKey(item, index));
+              internalScrollTo({
+                itemIndex: index,
+                relativeTop: align === 'start' ? 0 : (clientHeight - itemHeight) / (align === 'center' ? 2 : 1)
+              });
+            });
+          } else {
+            var indexItemHeight = getCachedItemHeight(getItemKeyByIndex(index));
+            var _itemTop = 0;
+
+            for (var _i2 = 0; _i2 < index; _i2++) {
+              _itemTop += getCachedItemHeight(getItemKeyByIndex(_i2));
+            }
+
+            var itemBottom = _itemTop + indexItemHeight;
+            var itemMiddle = _itemTop + indexItemHeight / 2;
+
+            if (itemMiddle > scrollTop && itemMiddle < clientHeight + scrollTop) {
+              return;
+            }
+
+            if (align === 'nearest') {
+              if (_itemTop < scrollTop) {
+                align = 'start';
+              } else if (itemBottom > scrollTop + clientHeight) {
+                align = 'end';
+              }
+            }
+
+            var _viewportHeight = clientHeight - indexItemHeight;
+
+            refList.current.scrollTop = _itemTop - (align === 'start' ? 0 : _viewportHeight / (align === 'center' ? 2 : 1));
+          }
+        });
+      }
+    };
+  }, [data, itemHeight, state]);
+
+  var renderChildren = function renderChildren(list, startIndex) {
+    return list.map(function (item, index) {
+      var originIndex = startIndex + index;
+      var node = renderChild(item, originIndex, {
+        style: {}
+      });
+      var key = getItemKey(item, originIndex);
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.cloneElement(node, {
+        key: key,
+        ref: function ref(ele) {
+          var heightMap = refItemHeightMap.current;
+
+          if (ele && state.status === 'MEASURE_START' && (!isStaticItemHeight || heightMap[key] === undefined)) {
+            if (isStaticItemHeight) {
+              if (!heightMap[KEY_VIRTUAL_ITEM_HEIGHT]) {
+                heightMap[KEY_VIRTUAL_ITEM_HEIGHT] = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getNodeHeight"])(ele, true);
+              }
+
+              heightMap[key] = heightMap[KEY_VIRTUAL_ITEM_HEIGHT];
+            } else {
+              heightMap[key] = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getNodeHeight"])(ele, true);
+            }
+          }
+        }
+      });
+    });
+  };
+
+  var refLongestItemIndex = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    refLongestItemIndex.current = null;
+  }, [data]);
+
+  var renderLongestItem = function renderLongestItem() {
+    if (measureLongestItem) {
+      var _index3 = refLongestItemIndex.current === null ? Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getLongestItemIndex"])(data) : refLongestItemIndex.current;
+
+      var _item = data[_index3];
+      refLongestItemIndex.current = _index3;
+      return _item ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+        style: {
+          height: 1,
+          overflow: 'hidden',
+          opacity: 0
+        }
+      }, renderChild(_item, _index3, {
+        style: {}
+      })) : null;
+    }
+
+    return null;
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_utils_resizeObserver__WEBPACK_IMPORTED_MODULE_26__["default"], {
+    onResize: function onResize() {
+      if (refList.current && !isNumber(styleListMaxHeight)) {
+        var clientHeight = refList.current.clientHeight;
+        setStateHeight(clientHeight);
+      }
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(WrapperTagName, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({
+    ref: refList,
+    style: _objectSpread(_objectSpread({
+      overflowY: 'auto',
+      overflowAnchor: 'none'
+    }, style), {}, {
+      maxHeight: styleListMaxHeight
+    }),
+    className: className,
+    onScroll: isVirtual ? virtualListScrollHandler : rawListScrollHandler
+  }, restProps), isVirtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_Filler__WEBPACK_IMPORTED_MODULE_25__["default"], {
+    height: itemTotalHeight,
+    offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0,
+    outerStyle: outerStyle
+  }, renderChildren(data.slice(state.startIndex, state.endIndex + 1), state.startIndex)), renderLongestItem()) : needFiller ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_Filler__WEBPACK_IMPORTED_MODULE_25__["default"], {
+    height: viewportHeight
+  }, renderChildren(data, 0)) : renderChildren(data, 0)));
+});
+VirtualList.displayName = 'VirtualList';
+/* harmony default export */ __webpack_exports__["default"] = (VirtualList);
+
+/***/ }),
+
 /***/ "./index.js":
 /*!******************!*\
   !*** ./index.js ***!
@@ -39555,6 +40909,8 @@ __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./no
 
 __webpack_require__(/*! core-js/modules/es.string.match.js */ "./node_modules/core-js/modules/es.string.match.js");
 
+__webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+
 /* eslint no-console:0 */
 function camelCase(name) {
   return name.charAt(0).toUpperCase() + name.slice(1).replace(/-(\w)/g, function (m, n) {
@@ -39574,7 +40930,7 @@ req.keys().forEach(function (mod) {
   var match = mod.match(/^\.\/([^_][\w-]+)\/index\.tsx?$/);
 
   if (match && match[1]) {
-    if (match[1] === 'message' || match[1] === 'notification') {
+    if (['message', 'notification', 'virtual-list'].includes(match[1])) {
       // need nextUI modify
       // message & notification should not be capitalized
       exports[match[1]] = v;
@@ -40543,6 +41899,25 @@ module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.ex
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js":
 /*!*****************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
@@ -40691,6 +42066,55 @@ module.exports = _extends, module.exports.__esModule = true, module.exports["def
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _getPrototypeOf(o) {
+  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  return _getPrototypeOf(o);
+}
+
+module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/inherits.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/inherits.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) setPrototypeOf(subClass, superClass);
+}
+
+module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/iterableToArray.js":
 /*!****************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/iterableToArray.js ***!
@@ -40835,6 +42259,50 @@ module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var _typeof = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/typeof.js")["default"];
+
+var assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return assertThisInitialized(self);
+}
+
+module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _setPrototypeOf(o, p) {
+  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  return _setPrototypeOf(o, p);
+}
+
+module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/slicedToArray.js":
 /*!**************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/slicedToArray.js ***!
@@ -44417,7 +45885,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 
 
@@ -44427,6 +45895,7 @@ var prefix = 'kd-';
 var Classes = {
   /** BaseTable 表格组件的外层包裹 div */
   artTableWrapper: "".concat(prefix, "table-wrapper"),
+  artTableBordered: "".concat(prefix, "table-bordered"),
   artTable: "".concat(prefix, "table"),
   tableHeaderMain: "".concat(prefix, "table-header-main"),
   tableHeader: "".concat(prefix, "table-header"),
@@ -44467,6 +45936,7 @@ var Classes = {
   tableHeaderCellLine: "".concat(prefix, "table-header-cell-line"),
   tableFilterTrigger: "".concat(prefix, "filter-trigger"),
   tableSortIcon: "".concat(prefix, "sort-icon"),
+  tableExtendIcon: "".concat(prefix, "extend-icon"),
   button: "".concat(prefix, "btn"),
   buttonPrimary: "".concat(prefix, "btn-primary"),
   filterIcon: "".concat(prefix, "filter-icon"),
@@ -44491,7 +45961,10 @@ var Classes = {
   rowSpan: "".concat(prefix, "row-span"),
   leaf: "".concat(prefix, "leaf"),
   expanded: "".concat(prefix, "expanded"),
-  collapsed: "".concat(prefix, "collapsed")
+  collapsed: "".concat(prefix, "collapsed"),
+  popup: "".concat(prefix, "popup"),
+  popupHeader: "".concat(prefix, "popup-header"),
+  popupBody: "".concat(prefix, "popup-body")
 };
 var MenuClasses = {
   menu: "".concat(prefix, "table-menu"),
@@ -44510,7 +45983,7 @@ var Z = {
   scrollItem: 30,
   loadingIndicator: 40
 };
-var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-left: none;\n  }\n  td.", ",\n  th.", " {\n    --border-right: none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-left: var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-right: var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
+var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-left: none;\n  }\n  td.", ",\n  th.", " {\n    border-right: none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-left: var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-right: var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
 var defaultCSSVariables = {
   '--row-height': '48px',
   '--color': '#333',
@@ -44536,11 +46009,15 @@ var defaultCSSVariables = {
   '--cell-border-horizontal': '1px solid #dfe3e8',
   '---cell-border-vertical': '1px solid #dfe3e8',
   '--header-cell-border': '1px solid #dfe3e8',
-  '--header-cell-border-horizontal': '1px solid #dfe3e8'
+  '--cell-border-vertical': '1px solid #dfe3e8',
+  '--header-cell-border-horizontal': '1px solid #dfe3e8',
+  '--header-cell-border-vertical': '1px solid #dfe3e8'
 };
 var variableConst = getCssVariableText(defaultCSSVariables);
-var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n  \n  .", " {\n    user-select:none;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right:none\n  }\n\n  th.", " {\n    border-right: none;\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region IE\u517C\u5BB9\n  &.ie-polyfill-wrapper {\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      left:0;\n    }\n    .", "{\n      right:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 0;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n    background: var(--bgcolor);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n  }\n  .", " {\n    display: flex\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    visibility: hidden;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.filterIcon, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
-var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  //#region \u6309\u94AE\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
+var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
+var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
+var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject4 || (_templateObject4 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region IE\u517C\u5BB9\n  &.ie-polyfill-wrapper {\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      left:0;\n    }\n    .", "{\n      right:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 0;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n    background: var(--bgcolor);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    visibility: hidden;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize);
+var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject5 || (_templateObject5 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  //#region \u6309\u94AE\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
 
 function getCssVariableText(obj) {
   return _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default()(obj).reduce(function (acc, key) {
@@ -44573,20 +46050,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_get_iterator_method__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_get_iterator_method__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/slicedToArray */ "./node_modules/@babel/runtime-corejs3/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/defineProperty */ "./node_modules/@babel/runtime-corejs3/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/classCallCheck */ "./node_modules/@babel/runtime-corejs3/helpers/classCallCheck.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/createClass */ "./node_modules/@babel/runtime-corejs3/helpers/createClass.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/inherits */ "./node_modules/@babel/runtime-corejs3/helpers/inherits.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime-corejs3/helpers/possibleConstructorReturn.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/getPrototypeOf */ "./node_modules/@babel/runtime-corejs3/helpers/getPrototypeOf.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/extends */ "./node_modules/@babel/runtime-corejs3/helpers/extends.js");
-/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/extends */ "./node_modules/@babel/runtime-corejs3/helpers/extends.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/defineProperty */ "./node_modules/@babel/runtime-corejs3/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/classCallCheck */ "./node_modules/@babel/runtime-corejs3/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/createClass */ "./node_modules/@babel/runtime-corejs3/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/inherits */ "./node_modules/@babel/runtime-corejs3/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime-corejs3/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/getPrototypeOf */ "./node_modules/@babel/runtime-corejs3/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_flat__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/flat */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/flat.js");
@@ -44609,9 +46086,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./loading */ "./node_modules/@kdcloudjs/table/es/table/base/loading.js");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
-/* harmony import */ var css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! css-vars-ponyfill */ "./node_modules/css-vars-ponyfill/dist/css-vars-ponyfill.esm.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
-/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
 
 
 
@@ -44635,7 +46111,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_10___default()(this).constructor; result = _babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default()(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_9___default()(this, result); }; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_corejs3_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_11___default()(this).constructor; result = _babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default()(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_corejs3_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_10___default()(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default.a) return false; if (_babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default.a.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_babel_runtime_corejs3_core_js_stable_reflect_construct__WEBPACK_IMPORTED_MODULE_0___default()(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -44655,51 +46131,24 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_b
 
 
 
-
-
-var cssPolifill = function cssPolifill(_ref) {
-  var variables = _ref.variables,
-      enableCSSVariables = _ref.enableCSSVariables;
-
-  // const style = document.createElement('style')
-  // style.type = 'text/css'
-  // style.innerHTML = '.aaa{ --color: red; }'
-  // document.getElementsByTagName('head').item(0).appendChild(style)
-  // const variableNames = variableConst.match(/--.*?(?=:)/g)
-  // variables = variableNames.map((name) => rootElement.style[name])
-  if (enableCSSVariables === false) {
-    return;
-  }
-
-  Object(css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_29__["default"])({
-    // exclude: 'link[href*="semantic-ui"]',
-    // onlyLegacy: false,
-    // rootElement: rootElement,
-    include: 'style[data-styled]',
-    variables: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({}, _styles__WEBPACK_IMPORTED_MODULE_27__["defaultCSSVariables"], variables),
-    watch: true,
-    silent: true
-  });
-};
-
 var propsDotEmptyContentDeprecatedWarned = false;
 
 function warnPropsDotEmptyContentIsDeprecated() {
   if (!propsDotEmptyContentDeprecatedWarned) {
     propsDotEmptyContentDeprecatedWarned = true;
-    _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
+    _utils__WEBPACK_IMPORTED_MODULE_29__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
   }
 }
 
 var BaseTable = /*#__PURE__*/function (_React$Component) {
-  _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_8___default()(BaseTable, _React$Component);
+  _babel_runtime_corejs3_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default()(BaseTable, _React$Component);
 
   var _super = _createSuper(BaseTable);
 
   function BaseTable(props) {
     var _this;
 
-    _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_6___default()(this, BaseTable);
+    _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_7___default()(this, BaseTable);
 
     _this = _super.call(this, props);
     _this.rowHeightManager = Object(_helpers_rowHeightManager__WEBPACK_IMPORTED_MODULE_23__["makeRowHeightManager"])(_this.props.dataSource.length, _this.props.estimatedRowHeight);
@@ -44736,7 +46185,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           footerDataSource = _this$props.footerDataSource;
       var tableBodyClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollContainer); // 低版本Edge浏览器下也会出现双滚动条，这里设置overflow: 'hidden'，先去掉edge的方向键控制滚动条的功能
 
-      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isEdge ? {
+      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isEdge ? {
         overflow: 'hidden'
       } : {};
 
@@ -44774,7 +46223,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           topBlank = _info$verticalRenderR.topBlank,
           bottomIndex = _info$verticalRenderR.bottomIndex;
       var stickyRightOffset = _this.hasScrollY ? _this.getScrollBarWidth() : 0;
-      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('body');
+      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('body');
 
       if (typeof renderBody === 'function') {
         return renderBody(info, _this.props, {
@@ -44837,10 +46286,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   /** @deprecated BaseTable.getDoms() 已经过时，请勿调用 */
 
 
-  _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_7___default()(BaseTable, [{
+  _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default()(BaseTable, [{
     key: "getDoms",
     value: function getDoms() {
-      _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
+      _utils__WEBPACK_IMPORTED_MODULE_29__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
       return this.domHelper;
     }
     /** 自定义滚动条宽度为table宽度，使滚动条滑块宽度相同 */
@@ -44912,7 +46361,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
           stickyTop = _this$props3.stickyTop,
           hasHeader = _this$props3.hasHeader;
-      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('header');
+      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('header');
 
       if (typeof renderHeader === 'function') {
         return renderHeader(info, this.props);
@@ -45007,7 +46456,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           getRowProps = _this$props4.getRowProps,
           primaryKey = _this$props4.primaryKey,
           stickyBottom = _this$props4.stickyBottom;
-      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('footer');
+      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_30__["default"])('footer');
 
       if (typeof renderFooter === 'function') {
         return renderFooter(info, this.props, {
@@ -45091,6 +46540,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      var _cx;
+
       // console.log('render table')
       var info = Object(_calculations__WEBPACK_IMPORTED_MODULE_19__["calculateRenderInfo"])(this);
       this.lastInfo = info;
@@ -45106,29 +46557,29 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           isLoading = _this$props6.isLoading,
           getTableProps = _this$props6.getTableProps,
           footerDataSource = _this$props6.footerDataSource,
-          components = _this$props6.components;
-      var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableWrapper, {
+          components = _this$props6.components,
+          bordered = _this$props6.bordered;
+      var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableWrapper, (_cx = {
         'use-outer-border': useOuterBorder,
         empty: dataSource.length === 0,
         lock: info.hasLockColumn,
         'has-header': hasHeader,
         'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
         'has-footer': footerDataSource.length > 0,
-        'sticky-footer': isStickyFooter,
-        'ie-polyfill-wrapper': _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE
-      }, className);
+        'sticky-footer': isStickyFooter
+      }, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableBordered, bordered), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_29__["browserType"].isIE), _cx), className);
 
-      var artTableWrapperProps = _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({
+      var artTableWrapperProps = _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()({
         className: artTableWrapperClassName,
         style: style
       }, _utils__WEBPACK_IMPORTED_MODULE_28__["STYLED_REF_PROP"], this.artTableWrapperRef);
 
       var tableProps = getTableProps() || {};
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_27__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({}, artTableWrapperProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_26__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_27__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, artTableWrapperProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_26__["default"], {
         visible: isLoading,
         LoadingIcon: components.LoadingIcon,
         LoadingContentWrapper: components.LoadingContentWrapper
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({}, tableProps, {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, tableProps, {
         className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTable, tableProps.className)
       }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
     }
@@ -45147,10 +46598,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
       var _this$props7 = this.props,
           cssVariables = _this$props7.cssVariables,
-          enableCSSVariables = _this$props7.enableCSSVariables;
-      cssPolifill({
+          enableCSSVariables = _this$props7.enableCSSVariables,
+          bordered = _this$props7.bordered;
+      Object(_utils__WEBPACK_IMPORTED_MODULE_28__["cssPolifill"])({
         variables: cssVariables || {},
-        enableCSSVariables: enableCSSVariables
+        enableCSSVariables: enableCSSVariables,
+        bordered: bordered
       });
       (_b = (_a = this.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, this.domHelper.tableBody.clientWidth);
       (_d = (_c = this.props).setTableDomHelper) === null || _d === void 0 ? void 0 : _d.call(_c, this.domHelper);
@@ -45186,7 +46639,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         var currentHasFooter = this.props.footerDataSource.length > 0;
 
         if (!prevHasFooter && currentHasFooter) {
-          Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.tableBody.scrollLeft;
+          Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.virtual.scrollLeft;
         }
       }
     }
@@ -45222,15 +46675,15 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
       this.rootSubscription.add(Object(rxjs__WEBPACK_IMPORTED_MODULE_17__["combineLatest"])([richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (p) {
         return p.clipRect;
-      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_28__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref2) {
-        var _ref3 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref2, 2),
-            prevProps = _ref3[0],
-            props = _ref3[1];
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_28__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref) {
+        var _ref2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref, 2),
+            prevProps = _ref2[0],
+            props = _ref2[1];
 
         return prevProps == null || !prevProps.isLoading && props.isLoading;
-      }))]).subscribe(function (_ref4) {
-        var _ref5 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref4, 1),
-            clipRect = _ref5[0];
+      }))]).subscribe(function (_ref3) {
+        var _ref4 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref3, 1),
+            clipRect = _ref4[0];
 
         var loadingIndicator = _this2.domHelper.getLoadingIndicator();
 
@@ -45249,9 +46702,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
             horizontal = _this2$lastInfo$useVi.horizontal,
             vertical = _this2$lastInfo$useVi.vertical;
         return horizontal || vertical;
-      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref6) {
-        var clipRect = _ref6.clipRect,
-            offsetY = _ref6.offsetY;
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref5) {
+        var clipRect = _ref5.clipRect,
+            offsetY = _ref5.offsetY;
         return {
           maxRenderHeight: clipRect.bottom - clipRect.top,
           maxRenderWidth: clipRect.right - clipRect.left,
@@ -45268,9 +46721,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
       }));
-      this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref7) {
-        var clipRect = _ref7.clipRect,
-            offsetY = _ref7.offsetY;
+      this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref6) {
+        var clipRect = _ref6.clipRect,
+            offsetY = _ref6.offsetY;
         return {
           maxRenderHeight: clipRect.bottom - clipRect.top,
           maxRenderWidth: clipRect.right - clipRect.left,
@@ -45442,7 +46895,7 @@ BaseTable.defaultProps = {
 /*!**************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/base/utils.js ***!
   \**************************************************************/
-/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM */
+/*! exports provided: STYLED_VERSION, STYLED_REF_PROP, OVERSCAN_SIZE, AUTO_VIRTUAL_THRESHOLD, sum, throttledWindowResize$, addResizeObserver, getScrollbarSize, syncScrollLeft, shallowEqual, composeRowPropsGetter, getTableScrollHeaderDOM, getTableScrollFooterDOM, cssPolifill */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -45460,6 +46913,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "composeRowPropsGetter", function() { return composeRowPropsGetter; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTableScrollHeaderDOM", function() { return getTableScrollHeaderDOM; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTableScrollFooterDOM", function() { return getTableScrollFooterDOM; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cssPolifill", function() { return cssPolifill; });
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/array/from */ "./node_modules/@babel/runtime-corejs3/core-js-stable/array/from.js");
@@ -45482,8 +46936,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
 /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
-/* harmony import */ var _utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/mergeCellProps */ "./node_modules/@kdcloudjs/table/es/table/utils/mergeCellProps.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! css-vars-ponyfill */ "./node_modules/css-vars-ponyfill/dist/css-vars-ponyfill.esm.js");
+/* harmony import */ var _utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/mergeCellProps */ "./node_modules/@kdcloudjs/table/es/table/utils/mergeCellProps.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _utils_element__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../utils/element */ "./node_modules/@kdcloudjs/table/es/table/utils/element.js");
 
 
 
@@ -45506,6 +46963,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
+
+
 /** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
 
 var STYLED_VERSION = styled_components__WEBPACK_IMPORTED_MODULE_12__["createGlobalStyle"] != null ? 'v5' : 'v3';
@@ -45622,7 +47082,12 @@ function syncScrollLeft(elements, callback) {
           return;
         }
 
-        var scrollLeft = ele.scrollLeft;
+        var scrollLeft = ele.scrollLeft; // 某一元素当滚动条消失时会触发scroll事件（scrolLeft重置为0），不同步其他其他元素的scrollLeft
+
+        if (scrollLeft === 0 && !Object(_utils_element__WEBPACK_IMPORTED_MODULE_17__["hasScroll"])(ele)) {
+          return;
+        }
+
         publishScrollLeft(ele, scrollLeft);
         callback(scrollLeft);
       };
@@ -45686,18 +47151,44 @@ function composeRowPropsGetter(getRowProps, pendingRowProps) {
 
   if (keys.length) {
     return function (row, rowIndex) {
-      return Object(_utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_13__["default"])(getRowProps(row, rowIndex), pendingRowProps);
+      return Object(_utils_mergeCellProps__WEBPACK_IMPORTED_MODULE_14__["default"])(getRowProps(row, rowIndex), pendingRowProps);
     };
   }
 
   return getRowProps;
 }
 function getTableScrollHeaderDOM(domHelper) {
-  return _utils__WEBPACK_IMPORTED_MODULE_14__["browserType"].isIE ? domHelper.tableHeaderMain : domHelper.tableHeader;
+  return _utils__WEBPACK_IMPORTED_MODULE_15__["browserType"].isIE ? domHelper.tableHeaderMain : domHelper.tableHeader;
 }
 function getTableScrollFooterDOM(domHelper) {
-  return _utils__WEBPACK_IMPORTED_MODULE_14__["browserType"].isIE ? domHelper.tableFooterMain : domHelper.tableFooter;
+  return _utils__WEBPACK_IMPORTED_MODULE_15__["browserType"].isIE ? domHelper.tableFooterMain : domHelper.tableFooter;
 }
+var cssPolifill = function cssPolifill(_ref) {
+  var variables = _ref.variables,
+      enableCSSVariables = _ref.enableCSSVariables,
+      bordered = _ref.bordered;
+
+  if (enableCSSVariables === false) {
+    return;
+  }
+
+  var conditionCSSVariables = {}; // 默认情况下存在td、th无左右边框，开启`bordered`属性后才开启，否则隐藏这两种属性
+
+  if (!bordered) {
+    conditionCSSVariables['--cell-border-vertical'] = 'none';
+    conditionCSSVariables['--header-cell-border-vertical'] = 'none';
+  }
+
+  Object(css_vars_ponyfill__WEBPACK_IMPORTED_MODULE_13__["default"])({
+    // exclude: 'link[href*="semantic-ui"]',
+    // onlyLegacy: false,
+    // rootElement: rootElement,
+    include: 'style[data-styled]',
+    variables: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, _styles__WEBPACK_IMPORTED_MODULE_16__["defaultCSSVariables"], variables, conditionCSSVariables),
+    watch: true,
+    silent: true
+  });
+};
 
 /***/ }),
 
@@ -46201,6 +47692,138 @@ function buildTree(idProp, parentIdProp) {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/colGroupExtendable.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/colGroupExtendable.js ***!
+  \****************************************************************************************/
+/*! exports provided: colGroupExtendable */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "colGroupExtendable", function() { return colGroupExtendable; });
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/extends */ "./node_modules/@babel/runtime-corejs3/helpers/extends.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/defineProperty */ "./node_modules/@babel/runtime-corejs3/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs3/helpers/taggedTemplateLiteral.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_splice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/splice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/splice.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_splice__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_splice__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
+/* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../internals */ "./node_modules/@kdcloudjs/table/es/table/internals.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+
+
+
+
+var _templateObject;
+
+
+
+
+
+
+
+
+var ExtendIconStyle = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].span(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  font-size:12px;\n  margin-left:4px;\n"])));
+var stateKey = 'colExtend';
+
+var ExpandIcon = function ExpandIcon(_ref) {
+  var style = _ref.style,
+      className = _ref.className,
+      size = _ref.size,
+      isExtend = _ref.isExtend;
+  return isExtend ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("svg", {
+    className: className,
+    width: size,
+    height: size,
+    style: style,
+    viewBox: "96 96 896 896"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("path", {
+    d: "M678.347087 178.347087C690.550972 166.143203 690.550972 146.356797 678.347087 134.152913C666.143203 121.949029 646.356797 121.949029 634.152913 134.152913L290.402913 477.902913C278.199029 490.106797 278.199029 509.893203 290.402913 522.097087L634.152913 865.847087C646.356797 878.050972 666.143203 878.050972 678.347087 865.847087C690.550972 853.643203 690.550972 833.856797 678.347087 821.652913L356.694175 500L678.347087 178.347087z"
+  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("svg", {
+    className: className,
+    width: size,
+    height: size,
+    style: style,
+    viewBox: "96 96 896 896"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("path", {
+    d: "M321.652913 178.347087C309.449029 166.143203 309.449029 146.356797 321.652913 134.152913C333.856797 121.949029 353.643203 121.949029 365.847088 134.152913L709.597087 477.902913C721.800972 490.106797 721.800972 509.893203 709.597087 522.097087L365.847088 865.847087C353.643203 878.050972 333.856797 878.050972 321.652913 865.847087C309.449029 853.643203 309.449029 833.856797 321.652913 821.652913L643.305825 500L321.652913 178.347087z"
+  }));
+};
+
+var colGroupExtendable = function colGroupExtendable() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return function (pipeline) {
+    var _a, _b;
+
+    var columns = pipeline.getColumns();
+    var curState = (_b = (_a = opts.extendStatus) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : {};
+
+    var processColumns = function processColumns(columns) {
+      // 当组合列可伸缩，且处于收缩状态时，只渲染一个子列，其他不渲染
+      var toggle = function toggle(col) {
+        // 对应的 col 进行状态切换
+        var changedValue = _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, col.code, !curState[col.code]);
+
+        curState[col.code] = !curState[col.code];
+        pipeline.setStateAtKey(stateKey, _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, curState));
+        (opts === null || opts === void 0 ? void 0 : opts.onChangeExtendStatus) && opts.onChangeExtendStatus(curState, changedValue);
+      };
+
+      var addIcon = function addIcon(col) {
+        var result = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, col);
+
+        var addIconNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, _internals__WEBPACK_IMPORTED_MODULE_6__["internals"].safeRenderHeader(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, col)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(ExtendIconStyle, {
+          onClick: function onClick() {
+            toggle(col);
+          }
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(ExpandIcon, {
+          style: {
+            userSelect: 'none',
+            marginLeft: 2,
+            flexShrink: 0,
+            cursor: "pointer",
+            verticalAlign: 'middle'
+          },
+          className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableExtendIcon, true)),
+          size: 16,
+          isExtend: curState[col.code]
+        })));
+        result.title = addIconNode;
+        return result;
+      };
+
+      return Object(_utils__WEBPACK_IMPORTED_MODULE_7__["makeRecursiveMapper"])(function (col) {
+        var _a;
+
+        var _ref2 = (col === null || col === void 0 ? void 0 : col.features) || {},
+            showExtendIcon = _ref2.showExtendIcon;
+
+        if (showExtendIcon === true && ((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+          var _context;
+
+          col = addIcon(col);
+          curState[col.code] === false && _babel_runtime_corejs3_core_js_stable_instance_splice__WEBPACK_IMPORTED_MODULE_3___default()(_context = col.children).call(_context, 1, col.children.length);
+        }
+
+        return col;
+      })(columns);
+    };
+
+    pipeline.columns(processColumns(columns));
+    return pipeline;
+  };
+};
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/columnDrag.js":
 /*!********************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/columnDrag.js ***!
@@ -46464,13 +48087,14 @@ function columnDrag() {
             }
 
             function handleMouseUp(e) {
-              e.stopPropagation();
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
-              window.removeEventListener('selectstart', disableSelect); // 阻止列头点击事件，防止拖动后触发列头过滤事件
+              window.removeEventListener('selectstart', disableSelect);
 
               if (_isMoveWhenClicking(mouseDownClientX, mouseDownClientY, e.clientX, e.clientY)) {
-                currentTarget.addEventListener('click', stopClickPropagation);
+                e.stopPropagation(); // 存在移动就阻止冒泡
+
+                currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
               }
 
               window.requestAnimationFrame(function () {
@@ -46677,7 +48301,8 @@ function filter() {
         keepDataSource = opts.keepDataSource,
         mode = opts.mode,
         filterIcon = opts.filterIcon,
-        stopClickEventPropagation = opts.stopClickEventPropagation;
+        stopClickEventPropagation = opts.stopClickEventPropagation,
+        hideFilterPopupHeader = opts.hideFilterPopupHeader;
     var inputFilters = (_b = (_a = filters !== null && filters !== void 0 ? filters : pipeline.getStateAtKey(stateKey)) !== null && _a !== void 0 ? _a : defaultFilters) !== null && _b !== void 0 ? _b : [];
     inputFilters = mode === 'single' ? _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(inputFilters).call(inputFilters, 0, 1) : inputFilters;
     var inputFiltersMap = new _babel_runtime_corejs3_core_js_stable_map__WEBPACK_IMPORTED_MODULE_4___default.a(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_5___default()(inputFilters).call(inputFilters, function (filterItem) {
@@ -46731,9 +48356,7 @@ function filter() {
 
           var filterPanel = (_d = col.features) === null || _d === void 0 ? void 0 : _d.filterPanel;
           var colFilterIcon = (_f = (_e = col.features) === null || _e === void 0 ? void 0 : _e.filterIcon) !== null && _f !== void 0 ? _f : filterIcon;
-          result.title = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_9___default()(_context = []).call(_context, _babel_runtime_corejs3_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_9___default()(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [_internals__WEBPACK_IMPORTED_MODULE_12__["internals"].safeRenderHeader(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, col), {
-            title: null
-          }))])), [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_filter__WEBPACK_IMPORTED_MODULE_14__["Filter"], {
+          result.title = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_9___default()(_context = []).call(_context, _babel_runtime_corejs3_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_9___default()(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [_internals__WEBPACK_IMPORTED_MODULE_12__["internals"].safeRenderHeader(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, col))])), [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_filter__WEBPACK_IMPORTED_MODULE_14__["Filter"], {
             key: "filter",
             FilterPanelContent: filterPanel,
             filterIcon: colFilterIcon,
@@ -46742,7 +48365,8 @@ function filter() {
             setFilter: setFilter,
             isFilterActive: filterActive,
             className: classnames__WEBPACK_IMPORTED_MODULE_11___default()((_cx = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_15__["Classes"].tableFilterTrigger, true), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, "active", filterActive), _cx)),
-            stopClickEventPropagation: stopClickEventPropagation
+            stopClickEventPropagation: stopClickEventPropagation,
+            hideFilterPopupHeader: hideFilterPopupHeader
           })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
           //   style: {
           //     paddingRight: '18px'
@@ -47048,7 +48672,7 @@ var _templateObject, _templateObject2;
 
 
 
-var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n    background-color: var(--border-color);\n  }\n"])));
+var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
 var TableHeaderGroupCellResize = Object(styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
 
 function clamp(min, x, max) {
@@ -47695,6 +49319,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/util.js");
 /* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _utils_keyCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils/keyCode */ "./node_modules/@kdcloudjs/table/es/table/utils/keyCode.js");
 
 
 
@@ -47708,6 +49333,7 @@ var _templateObject;
 
 
 
+
 var DefaultFilterContentStyle = styled_components__WEBPACK_IMPORTED_MODULE_6__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  border-radius: 2px;\n  width: 100%;\n\n  ", "\n  .filter-option-list {\n    display: flex;\n    flex-direction: column;\n    margin-top: 8px;\n    ul {\n      margin: 0;\n      padding: 0;\n      li {\n        display: flex;\n        position: relative;\n        flex-shrink: 0;\n        height: 32px;\n        align-items: center;\n        border-radius: 2px;\n        font-size: 12px;\n        color: var(--color);\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        &:hover{\n          background-color: var(--primary-color-level1);\n        }\n      }\n      li.active{\n        background-color: var(--primary-color-level1);\n      }\n    }\n  }\n\n  .filter-search {\n    display: flex;\n    padding: 6px 12px;\n\n    .filter-search-inner {\n      width: 100%;\n      font-size: 12px;\n      color: #333333;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 8px;\n      outline: none;\n      background-color: #FAFAFA;\n      border-radius: 2px;\n      border: 1px solid var(--strong-border-color);\n      &:hover{\n        border-color: var(--primary-color)\n      } \n      &:focus{\n        border-color: var(--primary-color)\n      }  \n    }\n  }\n\n  .filter-footer {\n    display: flex;\n    flex-direction: row;\n    padding: 8px 12px;\n    justify-content: space-between;\n\n    .filter-btn {\n      text-align: center;\n      font-size: 12px;\n      width: 60px;\n      height: 24px;\n      line-height: 24px;\n    }\n    \n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_9__["ButtonCSS"]);
 
 function DefaultFilterContent(_ref) {
@@ -47727,6 +49353,7 @@ function DefaultFilterContent(_ref) {
       innerValue = _React$useState4[0],
       setInnerValue = _React$useState4[1];
 
+  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_5__["useRef"])();
   var handleClick = react__WEBPACK_IMPORTED_MODULE_5___default.a.useCallback(function (option) {
     setSelectedValue(option.key);
   }, []);
@@ -47744,10 +49371,26 @@ function DefaultFilterContent(_ref) {
     });
   };
 
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === _utils_keyCode__WEBPACK_IMPORTED_MODULE_10__["default"].ENTER) {
+      confirm();
+    }
+  };
+
   Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
     setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
     setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_3___default()(filterModel)) || '');
   }, [filterModel]);
+  Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
+    // 兼容设置焦点后发生滚动
+    setTimeout(function () {
+      var _a;
+
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({
+        preventScroll: true
+      });
+    });
+  }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(DefaultFilterContentStyle, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: 'filter-option-list'
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("ul", null, _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_4___default()(_util__WEBPACK_IMPORTED_MODULE_8__["DEFAULT_FILTER_OPTIONS"]).call(_util__WEBPACK_IMPORTED_MODULE_8__["DEFAULT_FILTER_OPTIONS"], function (option, index) {
@@ -47769,7 +49412,9 @@ function DefaultFilterContent(_ref) {
     value: innerValue,
     onChange: function onChange(e) {
       setInnerValue(e.target.value);
-    }
+    },
+    onKeyDown: handleKeyDown,
+    ref: inputRef
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
     className: 'filter-footer'
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("button", {
@@ -47844,14 +49489,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dom */ "react-dom");
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
-/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
-/* harmony import */ var _FilterPanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FilterPanel */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/FilterPanel.js");
-/* harmony import */ var _DefaultFilterContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DefaultFilterContent */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterContent.js");
-/* harmony import */ var _DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DefaultFilterIcon */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterIcon.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
-/* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../base/utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _FilterPanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FilterPanel */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/FilterPanel.js");
+/* harmony import */ var _DefaultFilterContent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DefaultFilterContent */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterContent.js");
+/* harmony import */ var _DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DefaultFilterIcon */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterIcon.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../base/utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
+/* harmony import */ var _utils_keyCode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../utils/keyCode */ "./node_modules/@kdcloudjs/table/es/table/utils/keyCode.js");
 
 
 
@@ -47868,23 +49514,22 @@ var _templateObject;
 
 
 
+
 var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
 
 var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
 
-var FilterIconSpanStyle = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].span(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  // position: absolute;\n  // right: 4px;\n  // cursor: pointer;\n  // transform: translateY(-50%);\n  // top: 50%;\n  // height: 12px; \n"])));
+var FilterIconSpanStyle = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].span(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  // position: absolute;\n  // right: 4px;\n  // cursor: pointer;\n  // transform: translateY(-50%);\n  // top: 50%;\n  // height: 12px; \n  > .", " {\n    display: flex\n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].filterIcon);
 
 function Panel(_ref) {
   var ele = _ref.ele,
       filterIcon = _ref.filterIcon,
       hidePanel = _ref.hidePanel,
-      renderPanelContent = _ref.renderPanelContent;
+      renderPanelContent = _ref.renderPanelContent,
+      hideFilterPopupHeader = _ref.hideFilterPopupHeader;
   var filterPanelRef = react__WEBPACK_IMPORTED_MODULE_3___default.a.useRef(null);
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(_utils__WEBPACK_IMPORTED_MODULE_10__["calculatePopupRelative"])(ele, document.body, {
-    x: HEADER_ICON_OFFSET_X,
-    y: HEADER_ICON_OFFSET_Y
-  })),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(Object(_utils__WEBPACK_IMPORTED_MODULE_11__["calculatePopupRelative"])(ele, document.body, _getPanelOffset(ele, hideFilterPopupHeader))),
       _React$useState2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
       position = _React$useState2[0],
       setPosition = _React$useState2[1];
@@ -47895,25 +49540,23 @@ function Panel(_ref) {
   };
 
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
-    setPosition(Object(_utils__WEBPACK_IMPORTED_MODULE_10__["calculatePopupRelative"])(ele, document.body, {
-      x: HEADER_ICON_OFFSET_X,
-      y: HEADER_ICON_OFFSET_Y
-    }));
+    setPosition(Object(_utils__WEBPACK_IMPORTED_MODULE_11__["calculatePopupRelative"])(ele, document.body, _getPanelOffset(ele, hideFilterPopupHeader)));
   };
 
   Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
-    var resizeObserver = Object(_base_utils__WEBPACK_IMPORTED_MODULE_11__["addResizeObserver"])(filterPanelRef.current.children[0], handleFilterPanelResize);
+    var resizeObserver = Object(_base_utils__WEBPACK_IMPORTED_MODULE_12__["addResizeObserver"])(filterPanelRef.current.children[0], handleFilterPanelResize);
     return function () {
       resizeObserver && resizeObserver.disconnect();
     };
   }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     ref: filterPanelRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_FilterPanel__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_FilterPanel__WEBPACK_IMPORTED_MODULE_8__["default"], {
     style: style,
     onClose: hidePanel,
     position: position,
-    filterIcon: filterIcon
+    filterIcon: filterIcon,
+    hideFilterPopupHeader: hideFilterPopupHeader
   }, renderPanelContent()));
 }
 
@@ -47930,7 +49573,8 @@ function Filter(_ref2) {
       setFilterModel = _ref2.setFilterModel,
       filterModel = _ref2.filterModel,
       isFilterActive = _ref2.isFilterActive,
-      stopClickEventPropagation = _ref2.stopClickEventPropagation;
+      stopClickEventPropagation = _ref2.stopClickEventPropagation,
+      hideFilterPopupHeader = _ref2.hideFilterPopupHeader;
 
   var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(false),
       _React$useState4 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
@@ -47938,6 +49582,7 @@ function Filter(_ref2) {
       setShowPanel = _React$useState4[1];
 
   var iconRef = react__WEBPACK_IMPORTED_MODULE_3___default.a.useRef(null);
+  var iconWrapRef = react__WEBPACK_IMPORTED_MODULE_3___default.a.useRef();
 
   var hidePanel = function hidePanel() {
     return setShowPanel(false);
@@ -47952,7 +49597,7 @@ function Filter(_ref2) {
         hidePanel: hidePanel
       });
     } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterContent__WEBPACK_IMPORTED_MODULE_8__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterContent__WEBPACK_IMPORTED_MODULE_9__["default"], {
         setFilterModel: setFilterModel,
         filterModel: filterModel,
         isFilterActive: isFilterActive,
@@ -47975,26 +49620,50 @@ function Filter(_ref2) {
     setShowPanel(true);
   };
 
-  var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_12___default()((_cx = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, className, true), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, 'filter-panel-open', showPanel), _cx));
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.currentTarget.contains(e.target) && e.keyCode === _utils_keyCode__WEBPACK_IMPORTED_MODULE_13__["default"].ESC) {
+      setShowPanel(false);
+    }
+  };
+
+  var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_cx = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, className, true), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_cx, 'filter-panel-open', showPanel), _cx));
   var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterIconSpanStyle, {
     style: style,
     className: iconClassName,
-    onClick: handleIconClick
+    onClick: handleIconClick,
+    onKeyDown: handleKeyDown,
+    ref: iconWrapRef,
+    tabIndex: -1
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
     ref: iconRef,
-    className: _base_styles__WEBPACK_IMPORTED_MODULE_6__["Classes"].filterIcon
-  }, displayFilterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    className: _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].filterIcon
+  }, displayFilterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_10__["default"], {
     width: size,
     height: size
   })), showPanel && /*#__PURE__*/Object(react_dom__WEBPACK_IMPORTED_MODULE_4__["createPortal"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Panel, {
-    ele: iconRef.current,
+    ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,
-    renderPanelContent: renderPanelContent
+    renderPanelContent: renderPanelContent,
+    hideFilterPopupHeader: hideFilterPopupHeader
   }), document.body));
 }
 
+function _getPanelOffset(ele, hideFilterPopupHeader) {
+  if (hideFilterPopupHeader) {
+    return {
+      x: 0,
+      y: 0 - ele.offsetHeight
+    };
+  }
+
+  return {
+    x: HEADER_ICON_OFFSET_X,
+    y: HEADER_ICON_OFFSET_Y
+  };
+}
+
 /* harmony default export */ __webpack_exports__["default"] = (Filter);
 
 /***/ }),
@@ -48019,6 +49688,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 /* harmony import */ var _utils___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/ */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
 /* harmony import */ var _DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DefaultFilterIcon */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/filter/DefaultFilterIcon.js");
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _utils_keyCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/keyCode */ "./node_modules/@kdcloudjs/table/es/table/utils/keyCode.js");
 
 
 
@@ -48029,16 +49700,18 @@ var _templateObject;
 
 
 
-var FilterPanelStyle = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  display: flex;\n  flex-direction: column;\n  max-height: 450px;\n  min-width: 160px;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n  cursor: default;\n\n  .popup-header {\n    display: flex;\n    background-color: #ebedf1;\n\n    .popup-header-icon {\n      display: flex;\n      color:#666;\n      background-color: #fff;\n      padding: 8px 16px 8px 16px;\n      border-right: 1px solid transparent;\n      border-left: 1px solid transparent;\n      border-top: 1px solid transparent;\n      border-top-right-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  }\n\n  .popup-body {\n    display: flex;\n  }\n"])));
+
+
+var FilterPanelStyle = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2___default()(["\n  display: flex;\n  flex-direction: column;\n  max-height: 450px;\n  min-width: 160px;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n  cursor: default;\n\n  .", " {\n    display: flex;\n    background-color: #ebedf1;\n\n    .", " {\n      display: flex;\n      color:#666;\n      background-color: #fff;\n      padding: 8px 16px 8px 16px;\n      border-right: 1px solid transparent;\n      border-left: 1px solid transparent;\n      border-top: 1px solid transparent;\n      border-top-right-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  }\n\n  .", " {\n    display: flex;\n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].popupHeader, _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].filterIcon, _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].popupBody);
 
 var useWindowEvents = function useWindowEvents(func, evens) {
   react__WEBPACK_IMPORTED_MODULE_3___default.a.useEffect(function () {
     evens.forEach(function (event) {
-      return window.addEventListener(event, func);
+      return window.addEventListener(event, func, true);
     });
     return function () {
       return evens.forEach(function (event) {
-        return window.removeEventListener(event, func);
+        return window.removeEventListener(event, func, true);
       });
     };
   }, [evens, func]);
@@ -48049,7 +49722,8 @@ function FilterPanel(_ref) {
       children = _ref.children,
       position = _ref.position,
       filterIcon = _ref.filterIcon,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      hideFilterPopupHeader = _ref.hideFilterPopupHeader;
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(position),
       _useState2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
@@ -48071,40 +49745,47 @@ function FilterPanel(_ref) {
     setPerfectPosition(Object(_utils___WEBPACK_IMPORTED_MODULE_5__["keepWithinBounds"])(document.body, ref.current, position.x, position.y, true));
     setVisible(true);
   }, [position]);
-  var hasPopupMouseDown = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(false);
-  var mouseDownTimeout = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])();
+  var hasPopupMouseEvent = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(false);
 
-  var handleMouseDown = function handleMouseDown(e) {
-    // 当弹出的过滤面板内部发生鼠标按下事件时，标记当前事件，并在下个周期清除标记，用来确定鼠标按下发生在过滤面板内部
+  var handleMouseEvent = function handleMouseEvent() {
+    // 当弹出的过滤面板内部发生鼠标按下、抬起事件时，标记当前事件，并在click捕获期清除标记，用来确定鼠标按下、抬起发生在过滤面板内部
     // 利用了React.createPortal冒泡是根据React Tree的特性：
     // https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1
-    hasPopupMouseDown.current = true;
-    clearTimeout(mouseDownTimeout.current);
-    mouseDownTimeout.current = window.setTimeout(function () {
-      hasPopupMouseDown.current = false;
-    }, 0);
+    hasPopupMouseEvent.current = true;
   };
 
   useWindowEvents(function (e) {
-    !isContainPanel(e) && !hasPopupMouseDown.current && onClose();
-  }, ['mousedown']);
+    !isContainPanel(e) && !hasPopupMouseEvent.current && onClose();
+    hasPopupMouseEvent.current = false;
+  }, ['click']);
+
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.currentTarget.contains(e.target) && e.keyCode === _utils_keyCode__WEBPACK_IMPORTED_MODULE_8__["default"].ESC) {
+      onClose();
+    }
+  };
+
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(FilterPanelStyle, {
+    className: _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].popup,
     style: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, style), {
       left: visible ? perfectPosition.x : 0,
       top: visible ? perfectPosition.y : 0,
       opacity: visible ? 1 : 0
     }),
-    onMouseDown: handleMouseDown,
-    ref: ref
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
-    className: 'popup-header'
+    onMouseDown: handleMouseEvent,
+    onMouseUp: handleMouseEvent,
+    onKeyDown: handleKeyDown,
+    ref: ref,
+    tabIndex: -1
+  }, !hideFilterPopupHeader ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
+    className: _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].popupHeader
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
-    className: 'popup-header-icon'
+    className: _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].filterIcon
   }, filterIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DefaultFilterIcon__WEBPACK_IMPORTED_MODULE_6__["default"], {
     width: 12,
     height: 12
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
-    className: "popup-body"
+  }))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
+    className: _base_styles__WEBPACK_IMPORTED_MODULE_7__["Classes"].popupBody
   }, children));
 }
 
@@ -48273,7 +49954,7 @@ function footerDataSource() {
 /*!***************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/index.js ***!
   \***************************************************************************/
-/*! exports provided: autoRowSpan, buildTree, columnHover, columnRangeHover, multiSelect, rowDetail, rowGrouping, singleSelect, sort, tips, treeMode, treeMetaSymbol, treeSelect, columnDrag, columnResize, contextMenu, filter, rangeSelection, mergeCellHover, footerDataSource, footerRowMetaSymbol */
+/*! exports provided: autoRowSpan, buildTree, columnHover, columnRangeHover, multiSelect, rowDetail, rowGrouping, singleSelect, sort, tips, treeMode, treeMetaSymbol, treeSelect, columnDrag, columnResize, contextMenu, filter, rangeSelection, mergeCellHover, footerDataSource, footerRowMetaSymbol, colGroupExtendable */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -48339,6 +50020,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "footerRowMetaSymbol", function() { return _footerDataSource__WEBPACK_IMPORTED_MODULE_18__["footerRowMetaSymbol"]; });
 
+/* harmony import */ var _colGroupExtendable__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./colGroupExtendable */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/colGroupExtendable.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colGroupExtendable", function() { return _colGroupExtendable__WEBPACK_IMPORTED_MODULE_19__["colGroupExtendable"]; });
+
+
 
 
 
@@ -48676,13 +50361,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/slice */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
-/* harmony import */ var _utils_others__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/others */ "./node_modules/@kdcloudjs/table/es/table/utils/others.js");
-/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
-/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _utils_others__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/others */ "./node_modules/@kdcloudjs/table/es/table/utils/others.js");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
+
 
 
 
@@ -48757,14 +50445,14 @@ function rangeSelection(opts) {
     };
 
     var onMouseDown = function onMouseDown(mouseDownEvent) {
-      if (mouseDownEvent.button !== 0 || !(Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableBody, mouseDownEvent.nativeEvent) || Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableFooter, mouseDownEvent.nativeEvent))) return; // mouseDownEvent.preventDefault()
+      if (mouseDownEvent.button !== 0 || !(Object(_utils__WEBPACK_IMPORTED_MODULE_6__["isElementInEventPath"])(tableBody, mouseDownEvent.nativeEvent) || Object(_utils__WEBPACK_IMPORTED_MODULE_6__["isElementInEventPath"])(tableFooter, mouseDownEvent.nativeEvent))) return; // mouseDownEvent.preventDefault()
       // shift + 点击选中
 
       shiftKeySelect(mouseDownEvent);
       var target = mouseDownEvent.target;
       var startDragCell = getTargetCell(target, columns);
-      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, 'mousemove');
-      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, 'mouseup');
+      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["fromEvent"])(window, 'mousemove');
+      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_8__["fromEvent"])(window, 'mouseup');
       var tableBodyClientRect = tableBody.getBoundingClientRect();
 
       var updateScrollPosition = function updateScrollPosition(client) {
@@ -48792,7 +50480,7 @@ function rangeSelection(opts) {
         }
       };
 
-      var rangeSelected$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"])(function (mouseMoveEvent) {
+      var rangeSelected$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["map"])(function (mouseMoveEvent) {
         var target = mouseMoveEvent.target || mouseMoveEvent.srcElement;
         var draggingCell = getTargetCell(target, columns);
         var client = {
@@ -48804,7 +50492,7 @@ function rangeSelection(opts) {
           startDragCell: startDragCell,
           draggingCell: draggingCell
         };
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["takeUntil"])(mouseup$));
+      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_9__["takeUntil"])(mouseup$));
       rangeSelected$.subscribe(function (_ref) {
         var startDragCell = _ref.startDragCell,
             draggingCell = _ref.draggingCell;
@@ -48813,18 +50501,18 @@ function rangeSelection(opts) {
     };
 
     var onKeyDown = function onKeyDown(e) {
-      if (!(Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableBody, e.nativeEvent) || Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableFooter, e.nativeEvent))) return;
+      if (!(Object(_utils__WEBPACK_IMPORTED_MODULE_6__["isElementInEventPath"])(tableBody, e.nativeEvent) || Object(_utils__WEBPACK_IMPORTED_MODULE_6__["isElementInEventPath"])(tableFooter, e.nativeEvent))) return;
 
       if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
         var rowLen = pipeline.getDataSource().length;
-        var footerDataSource = pipeline.getFooterDataSource() || [];
+        var footerDataSource = pipeline.getFooterDataSource() || []; // 焦点位于可编辑的单元格内不做全选
 
-        if (columns.length && rowLen) {
+        if (columns.length && rowLen && !getElementEditable(e.target)) {
           opts.preventkDefaultOfKeyDownEvent !== false && e.preventDefault();
           rangeSelectedChange({
             startRow: 0,
             endRow: rowLen - 1,
-            columns: columns,
+            columns: Object(_utils__WEBPACK_IMPORTED_MODULE_6__["collectNodes"])(columns, 'leaf-only'),
             startColumn: columns[0],
             footerRowRange: footerDataSource.length > 0 ? {
               startRow: 0,
@@ -48839,10 +50527,10 @@ function rangeSelection(opts) {
       onMouseDown: onMouseDown,
       onKeyDown: onKeyDown,
       tabIndex: -1,
-      className: classnames__WEBPACK_IMPORTED_MODULE_10___default()([_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rangeSelection])
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()([_base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].rangeSelection])
     }); // todo: 后面可以把mousedown放到一个流里面
 
-    return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_5__["makeRecursiveMapper"])(function (col) {
+    return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_6__["makeRecursiveMapper"])(function (col) {
       var _context;
 
       var rangeSelection = pipeline.getStateAtKey(rangeSelectionKey);
@@ -48877,8 +50565,8 @@ function rangeSelection(opts) {
           var matchSingleCell = match && isCellRangeSingleCell(rangeSelection); // 单个范围选中单元格不显示样式
 
           var showCellRangeStyle = match && !matchSingleCell;
-          var className = classnames__WEBPACK_IMPORTED_MODULE_10___default()((_cx = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeSingleCell, matchSingleCell), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeSelected, showCellRangeStyle), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeTop, showCellRangeStyle && (isInFooter ? startRowIndex !== -1 ? false : rowIndex === footerStartRowIndex : rowIndex === startRowIndex)), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeLeft, showCellRangeStyle && col.code === startCol.code), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeBottom, showCellRangeStyle && (isInFooter ? rowIndex === footerEndRowIndex : footerRowRange ? false : rowIndex === endRowIndex)), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableCellRangeRight, showCellRangeStyle && col.code === endCol.code), _cx));
-          return Object(_utils__WEBPACK_IMPORTED_MODULE_5__["mergeCellProps"])(prevCellProps, {
+          var className = classnames__WEBPACK_IMPORTED_MODULE_11___default()((_cx = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeSingleCell, matchSingleCell), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeSelected, showCellRangeStyle), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeTop, showCellRangeStyle && (isInFooter ? startRowIndex !== -1 ? false : rowIndex === footerStartRowIndex : rowIndex === startRowIndex)), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeLeft, showCellRangeStyle && col.code === startCol.code), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeBottom, showCellRangeStyle && (isInFooter ? rowIndex === footerEndRowIndex : footerRowRange ? false : rowIndex === endRowIndex)), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableCellRangeRight, showCellRangeStyle && col.code === endCol.code), _cx));
+          return Object(_utils__WEBPACK_IMPORTED_MODULE_6__["mergeCellProps"])(prevCellProps, {
             className: className
           });
         }
@@ -48892,7 +50580,7 @@ function getTargetCell(target, columns) {
     if (target.getAttribute('data-role') === 'table-cell') {
       var _ret = function () {
         var columnCode = target.getAttribute('data-code');
-        var column = Object(_utils_others__WEBPACK_IMPORTED_MODULE_6__["findByTree"])(columns, function (item, index) {
+        var column = Object(_utils_others__WEBPACK_IMPORTED_MODULE_7__["findByTree"])(columns, function (item, index) {
           return item.code === columnCode;
         });
         if (!column) return {
@@ -48923,8 +50611,8 @@ function isSameCell(cell1, cell2) {
 }
 
 function isEleInFooter(target) {
-  while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].artTable)) {
-    if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableFooter)) {
+  while (target && !target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].artTable)) {
+    if (target.classList.contains(_base_styles__WEBPACK_IMPORTED_MODULE_10__["Classes"].tableFooter)) {
       return true;
     }
 
@@ -48935,7 +50623,7 @@ function isEleInFooter(target) {
 }
 
 function getRangeColumns(startCell, endCell, columns) {
-  var flatColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["collectNodes"])(columns, 'leaf-only');
+  var flatColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_6__["collectNodes"])(columns, 'leaf-only');
 
   var startIndex = _babel_runtime_corejs3_core_js_stable_instance_find_index__WEBPACK_IMPORTED_MODULE_3___default()(flatColumns).call(flatColumns, function (col) {
     return col.code === startCell.code;
@@ -49045,6 +50733,17 @@ function getFooterRowIndex(footerRowRange) {
   };
 }
 
+function getElementEditable(target) {
+  var _context2;
+
+  if (!target) return;
+
+  if (_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_5___default()(_context2 = ['input', 'textarea']).call(_context2, target.tagName.toLowerCase())) {
+    if (target.type === 'checkbox') return;
+    return !target.disabled && !target.readOnly;
+  }
+}
+
 /***/ }),
 
 /***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/rowDetail.js":
@@ -50483,7 +52182,8 @@ function treeMode() {
       columns[expandColIndex] = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({}, expandCol), {
         title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("span", {
           style: {
-            marginLeft: iconIndent + iconWidth + iconGap
+            marginLeft: iconIndent + iconWidth + iconGap,
+            display: 'flex'
           }
         }, _internals__WEBPACK_IMPORTED_MODULE_14__["internals"].safeRenderHeader(expandCol)),
         render: render,
@@ -50999,7 +52699,7 @@ var TablePipeline = /*#__PURE__*/function () {
         var preTableWidth = _this2.getStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_9__["tableWidthKey"]);
 
         if (preTableWidth !== tableWidth) {
-          _this2.setStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_9__["tableWidthKey"], tableWidth);
+          tableWidth && _this2.setStateAtKey(_features_autoFill__WEBPACK_IMPORTED_MODULE_9__["tableWidthKey"], tableWidth);
         }
       };
 
@@ -53101,7 +54801,7 @@ function executeOnTempElement(callback) {
 /*!*****************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/utils/element.js ***!
   \*****************************************************************/
-/*! exports provided: getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds */
+/*! exports provided: getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, hasScroll */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -53112,6 +54812,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculatePointerRelative", function() { return calculatePointerRelative; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculatePopupRelative", function() { return calculatePopupRelative; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "keepWithinBounds", function() { return keepWithinBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasScroll", function() { return hasScroll; });
 /** elementUtil html元素用的工具函数 */
 // 获取面板相对屏幕的位置  panel - 面板 trigger - 触发器
 // export function getPanelScreenByTrigger ({ panel, trigger, defaultAlign }) {
@@ -53340,6 +55041,10 @@ function keepWithinBounds(popupParent, popup, x, y, isPerfect) {
     y: y
   };
 }
+function hasScroll(ele) {
+  var isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  return isHorizontal ? ele.scrollWidth > ele.clientWidth : ele.scrollHeight > ele.clientHeight;
+}
 
 /***/ }),
 
@@ -53818,6 +55523,23 @@ function isLeafNode(node) {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/utils/keyCode.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/utils/keyCode.js ***!
+  \*****************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+var KeyCode = {
+  ENTER: 13,
+  ESC: 27
+};
+/* harmony default export */ __webpack_exports__["default"] = (KeyCode);
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/utils/layeredFilter.js":
 /*!***********************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/utils/layeredFilter.js ***!
@@ -54038,13 +55760,9 @@ __webpack_require__.r(__webpack_exports__);
 
 function composeEventHandler(handler1, handler2) {
   return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
     // 先执行原有的事件回调函数
-    handler1(args);
-    handler2(args); // 事件回调函数没有返回值，故这里不进行 return
+    handler1.apply(void 0, arguments);
+    handler2.apply(void 0, arguments); // 事件回调函数没有返回值，故这里不进行 return
   };
 }
 /** 合并两个 cellProps（单元格属性）对象，返回一个合并后的全新对象。
@@ -67267,6 +68985,52 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/internals/function-bind.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/core-js/internals/function-bind.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var global = __webpack_require__(/*! ../internals/global */ "./node_modules/core-js/internals/global.js");
+var uncurryThis = __webpack_require__(/*! ../internals/function-uncurry-this */ "./node_modules/core-js/internals/function-uncurry-this.js");
+var aCallable = __webpack_require__(/*! ../internals/a-callable */ "./node_modules/core-js/internals/a-callable.js");
+var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
+var hasOwn = __webpack_require__(/*! ../internals/has-own-property */ "./node_modules/core-js/internals/has-own-property.js");
+var arraySlice = __webpack_require__(/*! ../internals/array-slice */ "./node_modules/core-js/internals/array-slice.js");
+var NATIVE_BIND = __webpack_require__(/*! ../internals/function-bind-native */ "./node_modules/core-js/internals/function-bind-native.js");
+
+var Function = global.Function;
+var concat = uncurryThis([].concat);
+var join = uncurryThis([].join);
+var factories = {};
+
+var construct = function (C, argsLength, args) {
+  if (!hasOwn(factories, argsLength)) {
+    for (var list = [], i = 0; i < argsLength; i++) list[i] = 'a[' + i + ']';
+    factories[argsLength] = Function('C,a', 'return new C(' + join(list, ',') + ')');
+  } return factories[argsLength](C, args);
+};
+
+// `Function.prototype.bind` method implementation
+// https://tc39.es/ecma262/#sec-function.prototype.bind
+module.exports = NATIVE_BIND ? Function.bind : function bind(that /* , ...args */) {
+  var F = aCallable(this);
+  var Prototype = F.prototype;
+  var partArgs = arraySlice(arguments, 1);
+  var boundFunction = function bound(/* args... */) {
+    var args = concat(partArgs, arraySlice(arguments));
+    return this instanceof boundFunction ? construct(F, args.length, args) : F.apply(that, args);
+  };
+  if (isObject(Prototype)) boundFunction.prototype = Prototype;
+  return boundFunction;
+};
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/internals/function-call.js":
@@ -71777,6 +73541,27 @@ $({ target: 'Number', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/es.object.entries.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/modules/es.object.entries.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var $entries = __webpack_require__(/*! ../internals/object-to-array */ "./node_modules/core-js/internals/object-to-array.js").entries;
+
+// `Object.entries` method
+// https://tc39.es/ecma262/#sec-object.entries
+$({ target: 'Object', stat: true }, {
+  entries: function entries(O) {
+    return $entries(O);
+  }
+});
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js":
@@ -72319,6 +74104,73 @@ $({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/es.reflect.construct.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/core-js/modules/es.reflect.construct.js ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var getBuiltIn = __webpack_require__(/*! ../internals/get-built-in */ "./node_modules/core-js/internals/get-built-in.js");
+var apply = __webpack_require__(/*! ../internals/function-apply */ "./node_modules/core-js/internals/function-apply.js");
+var bind = __webpack_require__(/*! ../internals/function-bind */ "./node_modules/core-js/internals/function-bind.js");
+var aConstructor = __webpack_require__(/*! ../internals/a-constructor */ "./node_modules/core-js/internals/a-constructor.js");
+var anObject = __webpack_require__(/*! ../internals/an-object */ "./node_modules/core-js/internals/an-object.js");
+var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
+var create = __webpack_require__(/*! ../internals/object-create */ "./node_modules/core-js/internals/object-create.js");
+var fails = __webpack_require__(/*! ../internals/fails */ "./node_modules/core-js/internals/fails.js");
+
+var nativeConstruct = getBuiltIn('Reflect', 'construct');
+var ObjectPrototype = Object.prototype;
+var push = [].push;
+
+// `Reflect.construct` method
+// https://tc39.es/ecma262/#sec-reflect.construct
+// MS Edge supports only 2 arguments and argumentsList argument is optional
+// FF Nightly sets third argument as `new.target`, but does not create `this` from it
+var NEW_TARGET_BUG = fails(function () {
+  function F() { /* empty */ }
+  return !(nativeConstruct(function () { /* empty */ }, [], F) instanceof F);
+});
+
+var ARGS_BUG = !fails(function () {
+  nativeConstruct(function () { /* empty */ });
+});
+
+var FORCED = NEW_TARGET_BUG || ARGS_BUG;
+
+$({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
+  construct: function construct(Target, args /* , newTarget */) {
+    aConstructor(Target);
+    anObject(args);
+    var newTarget = arguments.length < 3 ? Target : aConstructor(arguments[2]);
+    if (ARGS_BUG && !NEW_TARGET_BUG) return nativeConstruct(Target, args, newTarget);
+    if (Target == newTarget) {
+      // w/o altered newTarget, optimization for 0-4 arguments
+      switch (args.length) {
+        case 0: return new Target();
+        case 1: return new Target(args[0]);
+        case 2: return new Target(args[0], args[1]);
+        case 3: return new Target(args[0], args[1], args[2]);
+        case 4: return new Target(args[0], args[1], args[2], args[3]);
+      }
+      // w/o altered newTarget, lot of arguments case
+      var $args = [null];
+      apply(push, $args, args);
+      return new (apply(bind, Target, $args))();
+    }
+    // with altered newTarget, not support built-in constructors
+    var proto = newTarget.prototype;
+    var instance = create(isObject(proto) ? proto : ObjectPrototype);
+    var result = apply(Target, instance, args);
+    return isObject(result) ? result : instance;
+  }
+});
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/es.regexp.constructor.js":