@kdcloudjs/kdesign 1.6.30 → 1.6.32

package/lib/_utils/raf.d.ts

@@ -0,0 +1,3 @@
+declare let raf: any;
+declare let caf: any;
+export { raf, caf };

package/lib/_utils/raf.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.raf = exports.caf = void 0;
+var target = typeof window === 'undefined' ? global : window;
+var vendors = ['webkit', 'ms', 'moz', 'o'];
+var raf = target.requestAnimationFrame; // eslint-disable-line
+
+exports.raf = raf;
+var caf = target.cancelAnimationFrame; // eslint-disable-line
+
+exports.caf = caf;
+
+if (!raf || !caf) {
+  vendors.some(function (prefix) {
+    exports.raf = raf = target["".concat(prefix, "RequestAnimationFrame")];
+    exports.caf = caf = target["".concat(prefix, "CancelAnimationFrame")] || target["".concat(prefix, "CancelRequestAnimationFrame")];
+    return raf && caf;
+  });
+
+  if (!raf || !caf) {
+    var lastTime = 0;
+
+    exports.raf = 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;
+    };
+
+    exports.caf = caf = function caf(timer) {
+      clearTimeout(timer);
+    };
+  }
+}
+
+exports.raf = raf = raf.bind(target);
+exports.caf = caf = caf.bind(target);

package/lib/_utils/resizeObserver.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ResizeProps {
+    onResize?: (entry: ResizeObserverEntry[]) => void;
+    children?: React.ReactNode;
+}
+declare class ResizeObserverComponent extends React.Component<ResizeProps> {
+    resizeObserver: any;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount: () => void;
+    createResizeObserver: () => void;
+    destroyResizeObserver: () => void;
+    render(): React.ReactNode;
+}
+export default ResizeObserverComponent;

package/lib/_utils/resizeObserver.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _reactDom = require("react-dom");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.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) {
+  (0, _inherits2.default)(ResizeObserverComponent, _React$Component);
+
+  var _super = _createSuper(ResizeObserverComponent);
+
+  function ResizeObserverComponent() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ResizeObserverComponent);
+    _this = _super.apply(this, arguments);
+
+    _this.componentWillUnmount = function () {
+      if (_this.resizeObserver) {
+        _this.destroyResizeObserver();
+      }
+    };
+
+    _this.createResizeObserver = function () {
+      _this.resizeObserver = new _resizeObserverPolyfill.default(function (entry) {
+        var onResize = _this.props.onResize;
+        onResize && onResize(entry);
+      }); // eslint-disable-next-line react/no-find-dom-node
+
+      _this.resizeObserver.observe((0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(_this)));
+    };
+
+    _this.destroyResizeObserver = function () {
+      _this.resizeObserver && _this.resizeObserver.disconnect();
+      _this.resizeObserver = null;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ResizeObserverComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (! /*#__PURE__*/_react.default.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 && (0, _reactDom.findDOMNode)(this)) {
+        this.createResizeObserver();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+  return ResizeObserverComponent;
+}(_react.default.Component);
+
+var _default = ResizeObserverComponent;
+exports.default = _default;

package/lib/_utils/testBrowserType.d.ts

@@ -0,0 +1 @@
+export declare function testBrowserType(reg: RegExp, type: number): boolean;

package/lib/_utils/testBrowserType.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testBrowserType = testBrowserType;
+
+function testBrowserType(reg, type) {
+  var external = window.external || {};
+
+  for (var i in external) {
+    if (reg.test(type ? external[i] : i)) {
+      return true;
+    }
+  }
+
+  return false;
+}

package/lib/_utils/usePopper.js

@@ -579,7 +579,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();
           }

package/lib/form/style/index.css

@@ -120,6 +120,10 @@
   display: -ms-flexbox;
   display: flex;
 }
+.kd-form-horizontal .kd-form-field-label {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
 .kd-form-inline .kd-form-field {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/lib/form/style/index.less

@@ -17,6 +17,12 @@
     }
   }
 
+  &-horizontal {
+    .@{field-label-cls} {
+      flex-shrink: 0;
+    }
+  }
+
   &-inline {
     .@{field-prefix-cls} {
       display: inline-flex;

package/lib/grid/col.js

@@ -25,6 +25,8 @@ var _utils = require("../_utils");
 
 var _configProvider = require("../config-provider");
 
+var _testBrowserType = require("../_utils/testBrowserType");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,8 +54,10 @@ var Col = function Col(props) {
       winWidth = _getCompProps.winWidth,
       children = _getCompProps.children,
       className = _getCompProps.className,
-      customPrefixcls = _getCompProps.prefixCls; // className前缀
+      customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
+
 
+  var isSogou = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0); // className前缀
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
   var columns = 24;
@@ -120,7 +124,9 @@ var Col = function Col(props) {
     marginLeft: base.offset && base.offset / columns * 100 + '%'
   }, style);
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(prefixCls, className),
+    className: (0, _classnames.default)(prefixCls, className, {
+      'sogou-col': isSogou
+    }),
     style: styleString
   }, children);
 };

package/lib/grid/row.js

@@ -29,6 +29,8 @@ var _configProvider = require("../config-provider");
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
+var _testBrowserType = require("../_utils/testBrowserType");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -65,8 +67,10 @@ var Row = function Row(props) {
       gutter = _getCompProps.gutter,
       align = _getCompProps.align,
       justify = _getCompProps.justify,
-      customPrefixcls = _getCompProps.prefixCls; // className前缀
+      customPrefixcls = _getCompProps.prefixCls; // 浏览器名称
+
 
+  var isSogou = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0); // className前缀
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
 
@@ -123,6 +127,8 @@ var Row = function Row(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(prefixCls, className, {
       nowrap: !wrap
+    }, {
+      'sogou-row': isSogou
     }),
     style: styleString
   }, (0, _map.default)(_context = React.Children).call(_context, children, function (child) {

package/lib/grid/style/index.css

@@ -119,9 +119,15 @@
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
 }
+.kd-row.sogou-row {
+  margin-bottom: calc(-1 * var(--rgap));
+}
 .kd-col {
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0 calc(var(--cgap) / 2);
 }
+.kd-col.sogou-col {
+  margin-bottom: var(--rgap);
+}

package/lib/grid/style/index.less

@@ -13,10 +13,18 @@
   &.nowrap {
     flex-wrap: nowrap;
   }
+
+  &.sogou-row {
+    margin-bottom: calc(-1 * var(--rgap));
+  }
 }
 
 .@{col-prefix-cls} {
   position: relative;
   box-sizing: border-box;
   padding: 0 calc(var(--cgap) / 2);
+
+  &.sogou-col {
+    margin-bottom: var(--rgap);
+  }
 }

package/lib/select/interface.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { PopperProps } from '../_utils/usePopper';
+import { AvailableVirtualListProps } from '../virtual-list';
 export declare const SelectSizes: ["large", "middle", "small"];
 export declare type SelectSize = typeof SelectSizes[number];
 export declare const BorderTypes: ["none", "underline", "bordered"];
@@ -37,6 +38,7 @@ export interface AbstractSelectProps extends PopperProps {
     filterOption?: boolean | ((inputValue: string, option?: OptionsType) => boolean);
     optionFilterProp?: string;
     optionLabelProp?: string;
+    virtualListProps?: AvailableVirtualListProps | boolean;
 }
 export interface LabeledValue {
     key?: string;

package/lib/select/select.js

@@ -51,6 +51,8 @@ var _option = _interopRequireDefault(require("./option"));
 
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
 
+var _virtualList = _interopRequireDefault(require("../virtual-list"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -99,7 +101,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 = (0, _hooks.useMergedState)(undefined, {
@@ -440,31 +443,41 @@ var InternalSelect = function InternalSelect(props, ref) {
     var _multipleRef$current3 = multipleRef.current,
         selectedVal = _multipleRef$current3.selectedVal,
         selectMulOpts = _multipleRef$current3.selectMulOpts;
+    var newSelectedVal = (0, _toConsumableArray2.default)(selectedVal);
+    var newSelectMulOpts = (0, _toConsumableArray2.default)(selectMulOpts);
+
+    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
+      (0, _map.default)(filledOptions).call(filledOptions, function (child) {
+        var _ref = child.props || child,
+            value = _ref.value;
+
+        if (!(0, _includes.default)(newSelectedVal).call(newSelectedVal, value)) {
+          newSelectedVal.push(value);
+          newSelectMulOpts.push({
+            value: value,
+            label: getOptionLabel(child)
+          });
+        }
+      });
 
-    if (!('value' in selectProps)) {
-      if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
-        (0, _map.default)(filledOptions).call(filledOptions, function (child) {
-          var _ref = child.props || child,
-              value = _ref.value;
-
-          if (!(0, _includes.default)(selectedVal).call(selectedVal, value)) {
-            selectedVal.push(value);
-            selectMulOpts.push({
-              value: value,
-              label: getOptionLabel(child)
-            });
-          }
-        });
-        setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
+      if (typeof value === 'undefined') {
+        multipleRef.current.selectedVal = newSelectedVal;
+        multipleRef.current.selectMulOpts = newSelectMulOpts;
+        setMulOptions((0, _toConsumableArray2.default)(newSelectMulOpts));
         setSearchValue('');
-      } else {
-        multipleRef.current.selectedVal = selectedVal = [];
-        multipleRef.current.selectMulOpts = selectMulOpts = [];
+      }
+    } else {
+      newSelectedVal = [];
+      newSelectMulOpts = [];
+
+      if (typeof value === 'undefined') {
+        multipleRef.current.selectedVal = [];
+        multipleRef.current.selectMulOpts = [];
         setMulOptions([]);
       }
     }
 
-    onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
+    onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
   }; // 输入框变化搜索内容
 
 
@@ -585,6 +598,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 = (0, _map.default)(childrenToRender).call(childrenToRender, function (item, index) {
@@ -592,6 +606,23 @@ var InternalSelect = function InternalSelect(props, ref) {
         var temp = renderOption(item, index);
         return temp;
       });
+      eleOptionList = /*#__PURE__*/_react.default.createElement(_virtualList.default, (0, _extends2.default)({
+        role: "listbox",
+        data: childrenToRender,
+        itemKey: function itemKey(child) {
+          var _a;
+
+          return (_a = child.props) === null || _a === void 0 ? void 0 : _a.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 = {
@@ -611,7 +642,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(childrenToRender, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/_react.default.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/_react.default.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
       style: checkboxStyle,

package/lib/select/style/index.css

@@ -298,6 +298,8 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  right: 28px;
+  left: 0;
 }
 .kd-select-borderless {
   border: none;

package/lib/select/style/index.less

@@ -67,6 +67,8 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    right: 28px;
+    left: 0;
   }
 
   &-borderless {

package/lib/stepper/stepper.js

@@ -43,6 +43,8 @@ var _omit = require("../_utils/omit");
 
 var _hooks = require("../_utils/hooks");
 
+var _numberUtil = require("../_utils/numberUtil");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -140,7 +142,7 @@ var InternalStepper = function InternalStepper(props, ref) {
       return false;
     }
 
-    var startingNumber = parseFloat(stepperrref.current.value) || parseFloat(inputNumberProps.min) || 0;
+    var startingNumber = (0, _numberUtil.isExp)(stepperrref.current.value) ? (0, _big.default)(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
     var calculationResults = new _big.default(startingNumber)[type](stepNum).valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
 

package/lib/tree/treeHooks.js

@@ -123,7 +123,7 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
 
   _react.default.useEffect(function () {
     setExpandedKeys(initialExpandedKeys);
-  }, [expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
+  }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
 
   return [expandedKeys, setExpandedKeys];
 };

package/lib/virtual-list/Filler.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface FillerProps {
+    height: number;
+    offset?: number;
+    outerStyle?: React.CSSProperties;
+    children: React.ReactNode;
+}
+declare const Filler: React.FC<FillerProps>;
+export default Filler;

package/lib/virtual-list/Filler.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 = (0, _extends2.default)({
+      height: height,
+      position: 'relative',
+      overflow: 'hidden',
+      zIndex: 0
+    }, propsOuterStyle);
+    innerStyle = (0, _extends2.default)((0, _extends2.default)({}, innerStyle), {
+      transform: "translateY(".concat(offset, "px)"),
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: outerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    style: innerStyle
+  }, children));
+};
+
+var _default = Filler;
+exports.default = _default;

package/lib/virtual-list/index.d.ts

@@ -0,0 +1,3 @@
+import VirtualList from './virtual-list';
+export * from './virtual-list';
+export default VirtualList;

package/lib/virtual-list/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+
+var _virtualList = _interopRequireWildcard(require("./virtual-list"));
+
+_Object$keys(_virtualList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _virtualList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _virtualList[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _virtualList.default;
+exports.default = _default;

package/lib/virtual-list/utils/algorithmUtil.d.ts

@@ -0,0 +1,19 @@
+import { Key } from './itemUtil';
+/**
+ * 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
+ */
+export declare function getIndexByStartLoc(min: number, max: number, start: number, index: number): number;
+export declare function findListDiffIndex<T>(originList: T[], targetList: T[], getKey: (item: T, index: number) => Key): {
+    index: number;
+    multiple: boolean;
+} | null;