@kdcloudjs/kdesign 1.6.31 → 1.6.33

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/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/date-picker/date-picker.js

@@ -122,8 +122,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onClick = datePickerProps.onClick,
       _onOk = datePickerProps.onOk; // ref
 
-  var panelDivRef = _react.default.useRef(null);
-
   var inputDivRefDefault = _react.default.useRef(null);
 
   var inputDivRef = ref || inputDivRefDefault;
@@ -285,9 +283,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (!openValue) {
       setSelectedValue(dateValue);
 
-      if (valueText === '') {
-        triggerTextChange('');
-      } else if (valueText !== text) {
+      if (valueText !== text) {
         resetText();
       }
     } else {
@@ -439,7 +435,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var inputProps = {
     inputRef: inputRef,
-    panelDivRef: panelDivRef,
+    panelDivRef: popperRef,
     id: id,
     autoFocus: autoFocus,
     allowClear: allowClear,

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, {
@@ -595,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) {
@@ -602,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 = {
@@ -621,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/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/table/feature/colGroupExtendable.d.ts

@@ -0,0 +1,4 @@
+import { colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
+import { TablePipeline } from '../interface';
+declare function colGroupExtendable(pipeline: TablePipeline, columnGroupExtend: colGroupExtendOption): void;
+export default colGroupExtendable;

package/lib/table/feature/colGroupExtendable.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _table = require("@kdcloudjs/table");
+
+function colGroupExtendable(pipeline, columnGroupExtend) {
+  if (columnGroupExtend) {
+    pipeline.use(_table.features.colGroupExtendable(columnGroupExtend));
+  }
+}
+
+var _default = colGroupExtendable;
+exports.default = _default;

package/lib/table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
 declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     components?: {
         /** 复选框 */
@@ -31,6 +31,7 @@ export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     columnResize?: boolean | ColumnResizeOptions;
     contextMenu?: IContextMenu;
     rangeSelection?: TableRangeSelection;
+    columnGroupExtend?: colGroupExtendOption;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';

package/lib/table/table.js

@@ -59,6 +59,8 @@ var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 
 var _useFooterDataSource = _interopRequireDefault(require("./feature/useFooterDataSource"));
 
+var _colGroupExtendable = _interopRequireDefault(require("./feature/colGroupExtendable"));
+
 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; }
@@ -94,7 +96,9 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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 = (0, _react.useContext)(_ConfigContext.default),
       getPrefixCls = _useContext.getPrefixCls,
@@ -148,6 +152,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _useRangeSelection.default)(pipeline, rangeSelection);
   (0, _mergeCellHover.default)(pipeline);
   (0, _useFooterDataSource.default)(pipeline, footerDataSource);
+  (0, _colGroupExtendable.default)(pipeline, columnGroupExtend);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */

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;

package/lib/virtual-list/utils/algorithmUtil.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findListDiffIndex = findListDiffIndex;
+exports.getIndexByStartLoc = getIndexByStartLoc;
+
+/**
+ * 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
+  };
+}

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

@@ -0,0 +1,75 @@
+/**
+ * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
+ */
+export declare const GHOST_ITEM_KEY = "__rc_ghost_item__";
+export declare type Key = string | number;
+interface LocationItemResult {
+    /** 用于定位的元素的下标 */
+    index: number;
+    /** 定位元素自身需要补充的偏移量 */
+    offsetPtg: number;
+}
+/**
+ * 根据滚动条当前的滚动百分比，计算出基准元素
+ * 在基准元素的上方和下方渲染可见区域的其他元素
+ */
+export declare function getLocationItem(scrollPtg: number, total: number): LocationItemResult;
+/**
+ * 获取HTML元素高度
+ */
+export declare function getNodeHeight(node: HTMLElement, needMargin?: boolean): number;
+/**
+ * 获取有效的scrollTop值
+ * Safari的缓动效果会获得负值的scrollTop
+ */
+export declare function getValidScrollTop(scrollTop: number, scrollRange: number): number;
+/**
+ * 视口已滚动距离 / 总可滚动距离
+ */
+export declare function getScrollPercentage({ scrollTop, scrollHeight, clientHeight, }: {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}): number;
+/**
+ * 计算需要渲染的元素的开始下标、结束下标和用于定位的元素下标
+ */
+export declare function getRangeIndex(scrollPtg: number, itemCount: number, visibleCount: number): {
+    itemIndex: number;
+    itemOffsetPtg: number;
+    startIndex: number;
+    endIndex: number;
+};
+interface ItemTopConfig {
+    itemHeight: number;
+    itemOffsetPtg: number;
+    scrollTop: number;
+    scrollPtg: number;
+    clientHeight: number;
+}
+/**
+ * 计算元素相对于视口顶部的偏移量
+ */
+export declare function getItemRelativeTop({ itemHeight, itemOffsetPtg, scrollPtg, clientHeight, }: Omit<ItemTopConfig, 'scrollTop'>): number;
+/**
+ * 计算元素相对于整个滚动区域顶部的偏移量
+ */
+export declare function getItemAbsoluteTop({ scrollTop, ...rest }: ItemTopConfig): number;
+interface CompareItemConfig {
+    locatedItemRelativeTop: number;
+    locatedItemIndex: number;
+    compareItemIndex: number;
+    getItemKey: (index: number) => Key;
+    startIndex: number;
+    endIndex: number;
+    itemElementHeights: {
+        [key: string]: number;
+    };
+    itemHeight: number;
+}
+/**
+ * 计算某一指定下标的元素相对于视口顶部的偏移量
+ */
+export declare function getCompareItemRelativeTop({ locatedItemRelativeTop, locatedItemIndex, compareItemIndex, startIndex, endIndex, getItemKey, itemElementHeights, itemHeight, }: CompareItemConfig): number;
+export declare function getLongestItemIndex(data: Array<any>): number;
+export {};