@kdcloudjs/kdesign 1.7.21 → 1.7.22

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.20
+ *   @kdcloudjs/kdesign v1.7.21
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1829,13 +1829,14 @@ function toArray(children) {
 /*!****************************************!*\
   !*** ./components/_utils/reactNode.ts ***!
   \****************************************/
-/*! exports provided: isValidElement, replaceElement, cloneElement */
+/*! exports provided: isValidElement, replaceElement, isFragment, cloneElement */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isValidElement", function() { return isValidElement; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "replaceElement", function() { return replaceElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isFragment", function() { return isFragment; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cloneElement", function() { return cloneElement; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -1846,6 +1847,9 @@ function replaceElement(element, replacement, props) {
   if (!isValidElement(element)) return replacement;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](element, typeof props === 'function' ? props(element.props || {}) : props);
 }
+function isFragment(child) {
+  return child && isValidElement(child) && child.type === react__WEBPACK_IMPORTED_MODULE_0__["Fragment"];
+}
 function cloneElement(element, props) {
   return replaceElement(element, element, props);
 }
@@ -7243,7 +7247,7 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.fo
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getCompProps"])('Checkbox', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getCompProps"])('CheckboxGroup', userDefaultProps, props); // 多选组属性需要合并一遍用户定义的默认属性
   var checkboxType = CheckboxProps.checkboxType,
     className = CheckboxProps.className,
     style = CheckboxProps.style,
@@ -15462,6 +15466,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./menu */ "./components/dropdown/menu.tsx");
 /* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_reactNode__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/reactNode */ "./components/_utils/reactNode.ts");
 
 
 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; }
@@ -15481,6 +15486,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var findItem = function findItem(element) {
   var isItem = /dropdown-menu-item/.test(element.className);
   if (isItem) {
@@ -15534,9 +15540,9 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
       children.props.onBlur && children.props.onBlur(e);
       handleVisibleChange(false);
     }
-  }) : children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
-    ref: children.ref || ref,
-    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), children.props.className, {
+  }) : children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"]( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["isValidElement"](children) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_17__["isFragment"])(children) ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", null, children), {
+    ref: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["isValidElement"](children) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_17__["isFragment"])(children) && children.ref ? children.ref : ref,
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["isValidElement"](children) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_17__["isFragment"])(children) && children.props && children.props.className, {
       disabled: disabled
     })
   });
@@ -20446,6 +20452,9 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+    if (typeof value === 'undefined') {
+      return;
+    }
     setInputValue(Object(_utils_numberUtil__WEBPACK_IMPORTED_MODULE_15__["serialization"])(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
@@ -20611,6 +20620,9 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     inputStatus.current.inputFocused = false;
   };
   Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+    if (typeof value === 'undefined') {
+      return;
+    }
     var _inputStatus$current = inputStatus.current,
       isHandleChange = _inputStatus$current.isHandleChange,
       inputFocused = _inputStatus$current.inputFocused;
@@ -21393,8 +21405,7 @@ var InternalInput = function InternalInput(props, ref) {
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
     showNumberMark = _useState4[0],
     setShowNumberMark = _useState4[1];
-  var thisInputRef = Object(react__WEBPACK_IMPORTED_MODULE_12__["useRef"])();
-  var inputRef = ref || thisInputRef;
+  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_12__["useRef"])();
   var inputPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // 按钮样式前缀
   var addonBefore = others.addonBefore,
     addonAfter = others.addonAfter;
@@ -21473,6 +21484,25 @@ var InternalInput = function InternalInput(props, ref) {
       setShowNumberMark(false);
     }
   }, [focused]);
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useImperativeHandle"])(ref, function () {
+    return {
+      input: inputRef.current,
+      focus: function focus() {
+        var _inputRef$current;
+        setFocused(true);
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      },
+      blur: function blur() {
+        var _inputRef$current2;
+        setFocused(false);
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+      },
+      select: function select() {
+        var _inputRef$current3;
+        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.select();
+      }
+    };
+  });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_17__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, inputProps, {
     handleReset: handleReset,
     value: value,
@@ -22667,7 +22697,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion"];
+var _excluded = ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion", "defaultOpenKeys"];
 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_1___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; }
 
@@ -22697,10 +22727,10 @@ var isFunction = function isFunction(fn) {
 var openSubMenuSet = new Set();
 var Menu = function Menu(props) {
   var _restProps$style, _classNames;
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_18___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_20__["ConfigContext"]),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_18__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_20__["ConfigContext"]),
+    getPrefixCls = _useContext.getPrefixCls,
+    pkgPrefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var userSelectedKey = props.selectedKey,
     userOpenKeys = props.openKeys;
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getCompProps"])('Menu', userDefaultProps, props),
@@ -22716,22 +22746,23 @@ var Menu = function Menu(props) {
     theme = _getCompProps.theme,
     collapsed = _getCompProps.collapsed,
     accordion = _getCompProps.accordion,
+    defaultOpenKeys = _getCompProps.defaultOpenKeys,
     restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(_getCompProps, _excluded);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState(''),
-    _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState, 2),
-    selectedKey = _React$useState2[0],
-    setSelectedKey = _React$useState2[1];
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState([]),
-    _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState3, 2),
-    selectedKeyPath = _React$useState4[0],
-    setSelectedKeyPath = _React$useState4[1];
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState([]),
-    _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState5, 2),
-    openKeys = _React$useState6[0],
-    setOpenKeys = _React$useState6[1];
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(''),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
+    selectedKey = _useState2[0],
+    setSelectedKey = _useState2[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])([]),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
+    selectedKeyPath = _useState4[0],
+    setSelectedKeyPath = _useState4[1];
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])([]),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
+    openKeys = _useState6[0],
+    setOpenKeys = _useState6[1];
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
   }
@@ -22746,6 +22777,14 @@ var Menu = function Menu(props) {
       setSelectedKey(userSelectedKey);
     }
   }, [userSelectedKey]);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (Array.isArray(defaultOpenKeys)) {
+      setOpenKeys(defaultOpenKeys);
+      defaultOpenKeys.forEach(function (d) {
+        openSubMenuSet.add(d);
+      });
+    }
+  }, []);
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
       setOpenKeys(userOpenKeys);
@@ -28326,8 +28365,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     initValue = _useMergedState2[0],
     setInitValue = _useMergedState2[1];
   var realChildren = Array.isArray(options) ? options : Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_25__["toArray"])(children); // options配置项和默认children
-  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
-  var selectRef = ref || innerRef;
+  var selectRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
   var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null); // 搜索框ref
   var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
   var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
@@ -29012,6 +29050,21 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_clearRef$current2 = clearRef.current) === null || _clearRef$current2 === void 0 ? void 0 : _clearRef$current2.removeEventListener('mouseup', fn);
     };
   }, [singleVal, mulOptions]);
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useImperativeHandle"])(ref, function () {
+    return {
+      select: selectRef.current,
+      focus: function focus() {
+        var _searchRef$current4;
+        setFocusd(true);
+        (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.focus();
+      },
+      blur: function blur() {
+        var _searchRef$current5;
+        setFocusd(false);
+        (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.blur();
+      }
+    };
+  });
   var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(isShowSearch ? getActiveIndex(0) : -1),
     _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState13, 2),
     activeIndex = _useState14[0],
@@ -29091,12 +29144,12 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
-        var _searchRef$current4;
-        return (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.focus();
+        var _searchRef$current6;
+        return (_searchRef$current6 = searchRef.current) === null || _searchRef$current6 === void 0 ? void 0 : _searchRef$current6.focus();
       },
       onBlur: function onBlur() {
-        var _searchRef$current5;
-        return (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.blur();
+        var _searchRef$current7;
+        return (_searchRef$current7 = searchRef.current) === null || _searchRef$current7 === void 0 ? void 0 : _searchRef$current7.blur();
       },
       onKeyDown: onInternalKeyDown
     }, !isMultiple ? renderSingle() : renderMultiple()));
@@ -33460,6 +33513,7 @@ var TimelineItem = function TimelineItem(props) {
   var labelStyle = mode !== 'alternate' ? _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({
     width: "".concat(labelWidth, "px")
   }, "margin".concat(mode === null || mode === void 0 ? void 0 : mode.substring(0, 1).toUpperCase()).concat(mode === null || mode === void 0 ? void 0 : mode.substring(1)), "-".concat(labelWidth, "px")) : {};
+  var marginDistance = pending ? Math.round(lineHeight / 2 + 12 / 2 + 2) : Math.round(lineHeight / 2 + 9 / 2 + 2);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, restProps, {
     className: itemClassName
   }), label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("div", {
@@ -33470,7 +33524,7 @@ var TimelineItem = function TimelineItem(props) {
   }, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("div", {
     className: "".concat(prefixCls, "-tail"),
     style: {
-      marginTop: lineHeight - 2
+      marginTop: marginDistance
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("div", {
     className: dotClassName,
@@ -33610,8 +33664,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_reactNode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/reactNode */ "./components/_utils/reactNode.ts");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -33626,8 +33681,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.forwardRef(function (props, ref) {
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_10__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_11__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps;
@@ -33641,8 +33697,8 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.forwardR
 
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'tooltip', customPrefixcls);
-  var tiplocator = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(react__WEBPACK_IMPORTED_MODULE_8___default.a.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, children), {
-    ref: children.ref || ref
+  var tiplocator = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.isValidElement(children) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_10__["isFragment"])(children) ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, children), {
+    ref: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.isValidElement(children) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_10__["isFragment"])(children) && children.ref ? children.ref : ref
   });
   var onVisibleChange = function onVisibleChange(v) {
     if (status.current === v && allProps.visible === undefined) return;
@@ -33656,7 +33712,7 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.forwardR
   });
 
   var tipPopper = typeof tip === 'function' ? tip() : tip;
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_11__["default"])(tiplocator, tipPopper, popperProps);
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_12__["default"])(tiplocator, tipPopper, popperProps);
 });
 Tooltip.displayName = 'Tooltip';
 /* harmony default export */ __webpack_exports__["default"] = (Tooltip);
@@ -35916,7 +35972,14 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       return item === null || item === void 0 ? void 0 : item.key;
     },
     height: height,
-    itemHeight: estimatedItemSize
+    itemHeight: estimatedItemSize,
+    outerStyle: {
+      overflow: 'unset'
+    },
+    innerStyle: {
+      minWidth: '100%',
+      width: 'max-contnet'
+    }
   }, renderTreeNode) : filterData.map(renderTreeNode)));
 });
 var Tree = InternalTree;
@@ -38492,7 +38555,8 @@ var Filler = function Filler(_ref) {
   var height = _ref.height,
     offset = _ref.offset,
     children = _ref.children,
-    propsOuterStyle = _ref.outerStyle;
+    propsOuterStyle = _ref.outerStyle,
+    propsInnerStyle = _ref.innerStyle;
   var outerStyle = {};
   var innerStyle = {
     display: 'flex',
@@ -38511,7 +38575,7 @@ var Filler = function Filler(_ref) {
       left: 0,
       right: 0,
       top: 0
-    });
+    }, propsInnerStyle);
   }
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
     style: outerStyle
@@ -38874,7 +38938,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle"];
+var _excluded = ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle"];
 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_2___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; }
 
@@ -38950,7 +39014,7 @@ var VirtualList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.for
     _props$wrapper = props.wrapper,
     WrapperTagName = _props$wrapper === void 0 ? 'div' : _props$wrapper,
     _props$height = props.height,
-    propHeight = _props$height === void 0 ? 300 : _props$height,
+    propHeight = _props$height === void 0 ? '100%' : _props$height,
     _props$isStaticItemHe = props.isStaticItemHeight,
     isStaticItemHeight = _props$isStaticItemHe === void 0 ? true : _props$isStaticItemHe,
     propItemHeight = props.itemHeight,
@@ -38960,6 +39024,7 @@ var VirtualList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.for
     _props$needFiller = props.needFiller,
     needFiller = _props$needFiller === void 0 ? true : _props$needFiller,
     outerStyle = props.outerStyle,
+    innerStyle = props.innerStyle,
     restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(props, _excluded);
   var styleListMaxHeight = style && style.maxHeight || propHeight;
   var refItemHeightMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])({});
@@ -39383,7 +39448,8 @@ var VirtualList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.for
   }, 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
+    outerStyle: outerStyle,
+    innerStyle: innerStyle
   }, 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)));