shineout 3.5.0-beta.2 → 3.5.0-beta.4

package/dist/shineout.js

@@ -11984,7 +11984,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.5.0-beta.2');
+/* harmony default export */ var version = ('3.5.0-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -17009,8 +17009,6 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   hideTag: {},
   list: {
-    paddingTop: 3,
-    paddingBottom: 3,
     display: 'inline-block',
     overflow: 'auto'
   },
@@ -17062,6 +17060,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   option: {
     listStyle: 'none',
     lineHeight: src.lineHeightDynamic,
+    minWidth: 64,
     padding: "".concat(src.cascaderOptionPaddingY, " ").concat(src.cascaderOptionPaddingX),
     '&:not($optionDisabled)': {
       cursor: 'pointer'
@@ -19112,16 +19111,16 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({}, animation),
   },
   circle: {
     borderRadius: src.imageCircleBorderRadius,
-    border: "1px solid ".concat(src.imageBorderColor)
+    outline: "1px solid ".concat(src.imageBorderColor)
   },
   rounded: {
     borderRadius: src.imageBorderRadius,
-    border: "1px solid ".concat(src.imageBorderColor)
+    outline: "1px solid ".concat(src.imageBorderColor)
   },
   thumbnail: {
     borderRadius: src.imageBorderRadius,
     backgroundColor: '#FFFFFF',
-    border: "1px solid ".concat(src.imageBorderColor),
+    outline: "1px solid ".concat(src.imageBorderColor),
     '& $inner': {
       top: 4,
       left: 4,
@@ -19911,6 +19910,9 @@ var listStyle = {
     border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
     borderRadius: src.listBorderRadius
   },
+  wrapperEmpty: {
+    justifyContent: 'center'
+  },
   wrapperSmall: {},
   wrapperLarge: {},
   wrapperStriped: {
@@ -29030,7 +29032,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
-    var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
+    var closestScrollContainer = absolute ? null : getClosestScrollContainer(parentElRef.current);
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
@@ -36379,6 +36381,428 @@ var useCascader = function useCascader(props) {
   };
 };
 /* harmony default export */ var use_cascader = (useCascader);
+;// CONCATENATED MODULE: ../hooks/src/common/use-resize/index.ts
+
+
+
+var useResize = function useResize(props) {
+  var targetRef = props.targetRef,
+    _props$timer = props.timer,
+    timer = _props$timer === void 0 ? 100 : _props$timer;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!targetRef.current) return;
+    var el = targetRef.current;
+    if (el) {
+      setWidth(el.clientWidth);
+      setHeight(el.clientHeight);
+    }
+    var clean = addResizeObserver(el, function (entry) {
+      var _props$cb;
+      var _entry$0$contentRect = entry[0].contentRect,
+        width = _entry$0$contentRect.width,
+        height = _entry$0$contentRect.height;
+      setWidth(width);
+      setHeight(height);
+      (_props$cb = props.cb) === null || _props$cb === void 0 || _props$cb.call(props, width, height);
+    }, {
+      timer: timer,
+      direction: false
+    });
+    return function () {
+      if (clean) clean();
+    };
+  }, [targetRef.current]);
+  return {
+    width: width,
+    height: height
+  };
+};
+/* harmony default export */ var use_resize = ((/* unused pure expression or super */ null && (useResize)));
+;// CONCATENATED MODULE: ../base/src/virtual-scroll/scroll.tsx
+
+
+
+
+
+
+
+var Scroll = function Scroll(props) {
+  var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
+  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+      timer: null,
+      isMouseDown: false
+    }),
+    context = _useRef.current;
+  var _props$scrollHeight = props.scrollHeight,
+    scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
+    _props$scrollWidth = props.scrollWidth,
+    scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
+    _props$defaultHeight = props.defaultHeight,
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
+  var _useResize = useResize({
+      targetRef: containerRef
+    }),
+    width = _useResize.width,
+    h = _useResize.height;
+  var height = h || defaultHeight;
+  var config = useConfig();
+  var isRtl = config.direction === 'rtl';
+  var scrollerStyle = props.scrollerStyle || {
+    height: '100%',
+    width: '100%',
+    overflow: 'auto'
+  };
+  var containerStyle = defineProperty_default()(defineProperty_default()({
+    height: '100%',
+    width: '100%',
+    display: 'inline-flex',
+    overflow: 'hidden',
+    position: 'sticky'
+  }, isRtl ? 'right' : 'left', 0), "top", 0);
+  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return Math.max(0, Math.floor(scrollHeight - height));
+  }, [scrollHeight, height]);
+  var placeStyle = {
+    paddingTop: paddingTop,
+    width: scrollWidth,
+    overflow: props.isScrollY ? 'hidden' : 'auto hidden',
+    height: props.isScrollY ? 0 : 1,
+    marginTop: props.isScrollY ? 0 : -1,
+    lineHeight: 0
+  };
+  var extractHeightValue = function extractHeightValue(num) {
+    if (isNumber(num)) return num;
+    var match = num.match(/(\d+)/);
+    if (match) {
+      return parseInt(match[0], 10);
+    }
+    return undefined;
+  };
+  var handleScroll = usePersistFn(function (e) {
+    var onScrollToBottom = props.onScrollToBottom;
+    var target = e.currentTarget;
+    var scrollLeft = target.scrollLeft,
+      scrollTop = target.scrollTop;
+    if (props.height && onScrollToBottom) {
+      var realHeight = extractHeightValue(props.height);
+      if (realHeight !== undefined) {
+        var touchBottom = target.scrollHeight === scrollTop + realHeight;
+        if (touchBottom) onScrollToBottom();
+      }
+    }
+    var maxY = target.scrollHeight - target.clientHeight;
+    var maxX = target.scrollWidth - target.clientWidth;
+    if (!isRtl) {
+      // 解决浏览器缩放以后导致滚动条长度出现小数
+      if (maxX - scrollLeft < 0 || maxX - scrollLeft < 1) scrollLeft = maxX;
+      if (scrollLeft < 0) scrollLeft = 0;
+    } else {
+      if (maxX + scrollLeft < 0 || maxX + scrollLeft < 1) scrollLeft = 0 - maxX;
+      if (scrollLeft > 0) scrollLeft = 0;
+    }
+    if (scrollTop > maxY || maxY - scrollTop < 1) scrollTop = maxY;
+    if (scrollTop < 0) scrollTop = 0;
+    var x = maxX === 0 ? 0 : Math.min(Math.abs(scrollLeft) / maxX, 1);
+    var y = maxY === 0 ? 0 : Math.min(scrollTop / maxY, 1);
+    if (props.onScroll) props.onScroll({
+      scrollLeft: scrollLeft,
+      scrollTop: scrollTop,
+      x: x,
+      y: y,
+      height: height,
+      width: width,
+      fromDrag: context.isMouseDown
+    });
+  });
+  var handleInnerScroll = usePersistFn(function (e) {
+    var scrollTop = e.currentTarget.scrollTop;
+    if (scrollRef.current) {
+      e.currentTarget.scrollTop = 0;
+      scrollRef.current.scrollTop += scrollTop;
+    }
+  });
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: props.className,
+    style: props.style,
+    onMouseMove: props.onMouseMove,
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
+      role: 'scroll'
+    })), {}, {
+      style: scrollerStyle,
+      onScroll: handleScroll,
+      ref: wrapperRef,
+      onMouseDown: function onMouseDown() {
+        context.isMouseDown = true;
+      },
+      onMouseUp: function onMouseUp() {
+        context.isMouseDown = false;
+      },
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
+        role: 'scroll-container'
+      })), {}, {
+        style: containerStyle,
+        ref: containerRef,
+        onScroll: handleInnerScroll,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          style: objectSpread2_default()({
+            flexGrow: 1
+          }, props.childrenStyle),
+          children: props.children
+        })
+      })), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: placeStyle,
+        children: "\xA0"
+      })]
+    }))
+  });
+};
+/* harmony default export */ var virtual_scroll_scroll = (Scroll);
+;// CONCATENATED MODULE: ../base/src/virtual-scroll/virtual-scroll-list.tsx
+
+
+
+
+
+
+var VirtualList = function VirtualList(props) {
+  var rowsInView = props.rowsInView,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    groupKey = props.groupKey,
+    style = props.style,
+    className = props.className,
+    lineHeight = props.lineHeight,
+    height = props.height,
+    renderItem = props.renderItem,
+    customRenderItem = props.customRenderItem,
+    _props$tag = props.tag,
+    tag = _props$tag === void 0 ? 'div' : _props$tag,
+    tagClassName = props.tagClassName,
+    dynamicVirtual = props.dynamicVirtual,
+    virtualRef = props.virtualRef,
+    onControlTypeChange = props.onControlTypeChange;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    top = _useState2[0],
+    setTop = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    offsetY = _useState4[0],
+    setOffsetY = _useState4[1];
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * lineHeight),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    scrollHeight = _useState6[0],
+    setHeight = _useState6[1];
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState8 = slicedToArray_default()(_useState7, 2),
+    startIndex = _useState8[0],
+    setStartIndex = _useState8[1];
+  var wrapperRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+      cachedHeight: [],
+      controlScrollRate: null,
+      heightCallback: null,
+      preIndex: null,
+      topTimer: null,
+      rateTimer: null,
+      shouldUpdateHeight: true
+    }),
+    context = _useRef.current;
+  var getContentHeight = function getContentHeight(index) {
+    var sum = 0;
+    for (var i = 0; i <= index; i++) {
+      sum += context.cachedHeight[i] || lineHeight;
+    }
+    return sum;
+  };
+  var getCurrentIndex = usePersistFn(function () {
+    return startIndex;
+  });
+  var getTop = usePersistFn(function () {
+    return top;
+  });
+  var setRowHeight = usePersistFn(function (index, height) {
+    var beforeHeight = context.cachedHeight[index];
+    if (beforeHeight && beforeHeight === height) return;
+    context.cachedHeight[index] = height;
+    if (context.shouldUpdateHeight) {
+      setHeight(getContentHeight(props.data.length - 1));
+    }
+    var preIndex = context.preIndex;
+    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
+    if (preIndex && preIndex > startIndex && startIndex === index) {
+      // 发生在顶部
+      if (context.heightCallback) return;
+      var offset = height - (beforeHeight || lineHeight);
+      setOffsetY(function (s) {
+        return s + offset;
+      });
+    }
+  });
+  var updateRateScroll = usePersistFn(function (rate) {
+    var sumHeight = getContentHeight(props.data.length - 1);
+    if (sumHeight === scrollHeight) return;
+    context.shouldUpdateHeight = true;
+    context.heightCallback = function () {
+      if (wrapperRef && wrapperRef.current) {
+        var _scrollHeight = wrapperRef.current.scrollHeight;
+        var clientHeight = wrapperRef.current.clientHeight;
+        var nowTop = wrapperRef.current.scrollTop;
+        var max = _scrollHeight - clientHeight;
+        var _top = rate * max;
+        if (Math.abs(nowTop - _top) < 1) {
+          context.controlScrollRate = null;
+        } else {
+          context.controlScrollRate = rate;
+          wrapperRef.current.scrollTop = _top;
+        }
+      }
+    };
+    setHeight(sumHeight);
+  });
+  var updateIndexAndTopFromTop = function updateIndexAndTopFromTop(scrollTop) {
+    var sum = 0;
+    var nextCurrentIndex = 0;
+    var top = 0;
+    var maxIndex = Math.max(props.data.length - rowsInView, 0);
+    for (var i = 0; i <= maxIndex; i++) {
+      sum += context.cachedHeight[i] || lineHeight;
+      if (scrollTop < sum || i === maxIndex) {
+        nextCurrentIndex = i;
+        var beforeHeight = i === 0 ? 0 : sum - (context.cachedHeight[i] || lineHeight);
+        top = scrollTop - beforeHeight;
+        break;
+      }
+    }
+    if (nextCurrentIndex !== startIndex) {
+      setStartIndex(nextCurrentIndex);
+    }
+    setTop(top);
+  };
+  var handleScrollByStep = usePersistFn(function (step, top) {
+    var _wrapperRef$current;
+    var next = startIndex + step;
+    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.scrollTo({
+      top: next * lineHeight + (top || 0)
+    });
+  });
+  var handleMouseMove = function handleMouseMove() {
+    onControlTypeChange === null || onControlTypeChange === void 0 || onControlTypeChange('mouse');
+  };
+  var handleScroll = function handleScroll(info) {
+    var _props$onScroll;
+    var height = info.height,
+      y = info.y,
+      fromDrag = info.fromDrag;
+    var scrollTop = info.scrollTop;
+    context.shouldUpdateHeight = !fromDrag;
+    var sumHeight = getContentHeight(props.data.length - 1);
+    var max = sumHeight - height;
+    if (scrollTop > max) {
+      scrollTop = max;
+    }
+    if (fromDrag) {
+      var _top2 = y * max;
+      updateIndexAndTopFromTop(_top2);
+      if (context.rateTimer) clearTimeout(context.rateTimer);
+      context.rateTimer = setTimeout(function () {
+        updateRateScroll(y);
+      }, 120);
+    } else {
+      updateIndexAndTopFromTop(scrollTop);
+    }
+    (_props$onScroll = props.onScroll) === null || _props$onScroll === void 0 || _props$onScroll.call(props, info);
+  };
+  var renderList = function renderList() {
+    var items = data.slice(startIndex, startIndex + rowsInView);
+    var Tag = tag;
+    var shouldScroll = getContentHeight(data.length - 1) > height;
+    var nextStyle = objectSpread2_default()({}, style);
+    if (shouldScroll) nextStyle.height = height;
+    var scrollHeight = getContentHeight(data.length - 1);
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
+      className: className,
+      style: nextStyle,
+      height: height,
+      scrollWidth: 0,
+      scrollHeight: scrollHeight,
+      wrapperRef: wrapperRef,
+      childrenStyle: {
+        width: '100%'
+      },
+      onScroll: handleScroll,
+      onMouseMove: handleMouseMove,
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
+        className: tagClassName,
+        style: {
+          transform: "translate3d(0, -".concat(top, "px, 0)")
+        },
+        children: items.map(function (d, i) {
+          if (d[groupKey]) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+              children: customRenderItem(d, startIndex + i, i)
+            }, i);
+          }
+          return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+            children: renderItem(d, startIndex + i, i, setRowHeight)
+          }, dynamicVirtual ? startIndex + i : i);
+        })
+      })
+    });
+  };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    // 记录preIndex
+    context.preIndex = startIndex;
+  }, [startIndex]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
+    setTop(0);
+    setStartIndex(0);
+    return function () {
+      context.preIndex = null;
+    };
+  }, [data.length]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (offsetY) {
+      if (wrapperRef.current) {
+        setOffsetY(0);
+        setTop(function (s) {
+          return s + offsetY;
+        });
+        wrapperRef.current.scrollTop += offsetY;
+      }
+    }
+  }, [offsetY, startIndex]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    setHeight(getContentHeight(props.data.length - 1));
+  }, [data.length]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (context.heightCallback) {
+      var cb = context.heightCallback;
+      context.heightCallback = null;
+      cb();
+    }
+  }, [scrollHeight]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (virtualRef !== null && virtualRef !== void 0 && virtualRef.current) {
+      virtualRef.current.scrollByStep = handleScrollByStep;
+      virtualRef.current.getCurrentIndex = getCurrentIndex;
+      virtualRef.current.getTop = getTop;
+    }
+  }, []);
+  return renderList();
+};
+/* harmony default export */ var virtual_scroll_list = (VirtualList);
 ;// CONCATENATED MODULE: ../base/src/cascader/node.tsx
 
 
@@ -36505,6 +36929,8 @@ var CascaderNode = function CascaderNode(props) {
 
 
 
+
+
 var CascaderList = function CascaderList(props) {
   var _jssStyle$cascader;
   var jssStyle = props.jssStyle,
@@ -36512,7 +36938,6 @@ var CascaderList = function CascaderList(props) {
     keygen = props.keygen,
     parentId = props.parentId,
     datum = props.datum,
-    renderItem = props.renderItem,
     loader = props.loader,
     onChange = props.onChange,
     onPathChange = props.onPathChange,
@@ -36521,8 +36946,28 @@ var CascaderList = function CascaderList(props) {
     childrenKey = props.childrenKey,
     shouldFinal = props.shouldFinal,
     path = props.path,
-    mode = props.mode;
+    mode = props.mode,
+    size = props.size,
+    virtual = props.virtual;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var virtualRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    scrollByStep: undefined,
+    getCurrentIndex: undefined,
+    getHoverIndex: undefined
+  });
+  var getLineHeight = function getLineHeight() {
+    // if (lineHeightProp && lineHeightProp !== 'auto') return lineHeightProp;
+    if (size === 'small') return 26;
+    if (size === 'default') return 34;
+    if (size === 'large') return 42;
+    return 34;
+  };
+  var lineHeight = getLineHeight();
+  var getHeight = function getHeight() {
+    if (props.height) return props.height;
+    return lineHeight * 7;
+  };
+  var height = getHeight();
 
   // 和 datum 中的 geyKey 不一样，根据 parentId 生成唯一的 key
   var getKey = function getKey(item, index) {
@@ -36541,31 +36986,46 @@ var CascaderList = function CascaderList(props) {
       children: "noData"
     });
   };
+  var renderItem = function renderItem(item, index) {
+    var id = getKey(item, index);
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(node, {
+      jssStyle: jssStyle,
+      active: props.id === id,
+      id: id,
+      data: item,
+      datum: datum,
+      renderItem: props.renderItem,
+      keygen: keygen,
+      loader: loader,
+      onPathChange: onPathChange,
+      onChange: onChange,
+      multiple: multiple,
+      mode: mode,
+      expandTrigger: expandTrigger,
+      childrenKey: childrenKey,
+      shouldFinal: shouldFinal,
+      parentId: parentId,
+      path: path
+    }, id);
+  };
+  var renderSimpleList = function renderSimpleList() {
+    return data.map(renderItem);
+  };
+  var renderVritualList = function renderVritualList() {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
+      virtualRef: virtualRef,
+      data: data,
+      keygen: keygen,
+      renderItem: renderItem,
+      rowsInView: 20,
+      height: height,
+      lineHeight: lineHeight
+    });
+  };
   if (!data || data.length === 0) return renderEmpety();
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles.list),
-    children: data.map(function (item, index) {
-      var id = getKey(item, index);
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(node, {
-        jssStyle: jssStyle,
-        active: props.id === id,
-        id: id,
-        data: item,
-        datum: datum,
-        renderItem: renderItem,
-        keygen: keygen,
-        loader: loader,
-        onPathChange: onPathChange,
-        onChange: onChange,
-        multiple: multiple,
-        mode: mode,
-        expandTrigger: expandTrigger,
-        childrenKey: childrenKey,
-        shouldFinal: shouldFinal,
-        parentId: parentId,
-        path: path
-      }, id);
-    })
+    children: virtual ? renderVritualList() : renderSimpleList()
   });
 };
 /* harmony default export */ var cascader_list = (CascaderList);
@@ -37330,9 +37790,12 @@ var More = function More(props) {
     data = props.data,
     showNum = props.showNum,
     size = props.size,
+    datas = props.datas,
     compressed = props.compressed,
     compressedClassName = props.compressedClassName,
-    classes = props.classes;
+    renderCompressed = props.renderCompressed,
+    classes = props.classes,
+    onRemove = props.onRemove;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = slicedToArray_default()(_useState, 2),
     visible = _useState2[0],
@@ -37381,11 +37844,8 @@ var More = function More(props) {
       }, 'hidden')]
     });
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-    children: [shouldShowMore ? data : before, /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
-      style: {
-        display: 'inline-flex'
-      },
+  var renderCompressedTag = function renderCompressedTag() {
+    return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, {
         className: styles.tag,
         jssStyle: jssStyle,
@@ -37407,6 +37867,17 @@ var More = function More(props) {
           children: [compressed === 'no-repeat' ? null : before, after]
         })
       })]
+    });
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+    children: [shouldShowMore ? data : before, /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      style: {
+        display: 'inline-flex'
+      },
+      children: renderCompressed ? renderCompressed({
+        data: datas,
+        onRemove: onRemove
+      }) : renderCompressedTag()
     })]
   });
 };
@@ -37428,6 +37899,11 @@ var result_isObject = is_isObject,
   result_isUnMatchedData = isUnMatchedData,
   result_isFunc = isFunc,
   result_isArray = isArray;
+var getValueArr = function getValueArr(v) {
+  return (result_isArray(v) ? v : [v]).filter(function (v) {
+    return v !== undefined && v !== null;
+  });
+};
 var result_Result = function Result(props) {
   var jssStyle = props.jssStyle,
     multiple = props.multiple,
@@ -37444,10 +37920,12 @@ var result_Result = function Result(props) {
     placeholder = props.placeholder,
     filterText = props.filterText,
     inputText = props.inputText,
+    inputRef = props.inputRef,
     compressed = props.compressed,
     compressedBound = props.compressedBound,
     compressedClassName = props.compressedClassName,
     renderUnmatched = props.renderUnmatched,
+    renderCompressed = props.renderCompressed,
     renderResultProp = props.renderResult,
     renderResultContentProp = props.renderResultContent,
     allowOnFilter = props.allowOnFilter,
@@ -37495,7 +37973,9 @@ var result_Result = function Result(props) {
     }) >= 0;
     return !hasValue;
   };
-  var empty = isEmptyResult();
+  var empty = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return isEmptyResult();
+  }, [props.value]);
   var isCompressedBound = function isCompressedBound() {
     return compressedBound && result_isNumber(compressedBound) && compressedBound >= 1;
   };
@@ -37613,13 +38093,11 @@ var result_Result = function Result(props) {
       children: content
     }, 'single');
   };
-  var getValueArr = function getValueArr(v) {
-    return (result_isArray(v) ? v : [v]).filter(function (v) {
-      return v !== undefined && v !== null;
-    });
-  };
-  var renderMultipleResult = function renderMultipleResult() {
-    if (isEmptyResult()) return renderNbsp();
+  var renderMultipleResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (isEmptyResult()) return {
+      results: renderNbsp(),
+      datas: undefined
+    };
     // [TODO] separator 处理逻辑后续交给 hooks 处理，此处临时处理
     var nextValue = getValueArr(value);
     if (separator && isString(valueProp)) {
@@ -37636,18 +38114,24 @@ var result_Result = function Result(props) {
       }
       return renderResultItem(d, i, datas, v);
     });
-    return result;
-  };
-  var result = renderMultipleResult();
+    return {
+      results: result,
+      datas: datas
+    };
+  }, [props.value]);
+  var result = renderMultipleResult.results;
   var moreNumber = getCompressedBound();
   var renderMultipleResultMore = /*#__PURE__*/(0,jsx_runtime.jsx)(result_more, {
     keygen: keygen,
+    onRemove: onRemove,
     classes: props.classes,
     jssStyle: props.jssStyle,
     data: result,
+    datas: renderMultipleResult.datas,
     size: size,
     more: moreNumber,
     compressed: compressed,
+    renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
     showNum: moreNumber
   }, 'more');
@@ -37657,7 +38141,7 @@ var result_Result = function Result(props) {
     }
     var result = [];
     if (multiple) {
-      result.push(compressed ? renderMultipleResultMore : renderMultipleResult());
+      result.push(compressed ? renderMultipleResultMore : renderMultipleResult.results);
       if (showInput) {
         result.push(renderInput());
       } else if (result.length === 0) {
@@ -37688,8 +38172,18 @@ var result_Result = function Result(props) {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
       }, 400);
     }
+
+    // 单选场景下，焦点时自动选中input文本
+    if (focus && showInput && mounted.current) {
+      var nextValue = getValueArr(value);
+      props.setInputText(nextValue[0]);
+      setTimeout(function () {
+        var _inputRef$current;
+        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
+      }, 10);
+    }
     mounted.current = true;
-  }, [focus]);
+  }, [focus, showInput]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     handleResetMore();
   }, [valueProp, data]);
@@ -37755,7 +38249,7 @@ var result_Result = function Result(props) {
 var Cascader = function Cascader(props0) {
   var _jssStyle$cascader;
   var props = use_with_form_config(props0);
-  var defaultHeight = 232;
+  var defaultHeight = 250;
   var jssStyle = props.jssStyle,
     style = props.style,
     _props$adjust = props.adjust,
@@ -37800,6 +38294,7 @@ var Cascader = function Cascader(props0) {
     placeholder = props.placeholder,
     _props$focusSelected = props.focusSelected,
     focusSelected = _props$focusSelected === void 0 ? true : _props$focusSelected,
+    renderCompressed = props.renderCompressed,
     compressedClassName = props.compressedClassName,
     resultClassName = props.resultClassName,
     renderUnmatched = props.renderUnmatched,
@@ -37819,6 +38314,7 @@ var Cascader = function Cascader(props0) {
     onFilterProp = props.onFilter,
     onCollapseProp = props.onCollapse,
     size = props.size,
+    virtual = props.virtual,
     filterSameChange = props.filterSameChange;
   var showInput = isFunc(onFilterProp);
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
@@ -38057,13 +38553,8 @@ var Cascader = function Cascader(props0) {
     onChange(datum.getValue(), item);
   };
   var getDataByValues = function getDataByValues(values) {
-    var nextValues = values === null || values === void 0 ? void 0 : values.filter(function (v) {
-      return !is_isEmpty(v);
-    }).reduce(function (acc, val) {
-      return acc.concat(val);
-    }, []);
-    if (!nextValues) return [];
-    return datum.getDataByValues(nextValues);
+    if (!values) return [];
+    return datum.getDataByValues(values);
   };
   var checkUnMatched = function checkUnMatched(item) {
     return isUnMatchedData(item);
@@ -38133,6 +38624,7 @@ var Cascader = function Cascader(props0) {
         keygen: keygen,
         disabled: disabled,
         compressed: compressed,
+        renderCompressed: renderCompressed,
         compressedBound: compressedBound,
         compressedClassName: compressedClassName,
         multiple: true,
@@ -38182,9 +38674,11 @@ var Cascader = function Cascader(props0) {
       expandTrigger: expandTrigger,
       childrenKey: childrenKey,
       shouldFinal: shouldFinal,
+      height: height,
       data: tempData,
       id: path[0],
       parentId: "",
+      virtual: virtual,
       path: [],
       mode: mode
     }, 'root')];
@@ -38197,6 +38691,8 @@ var Cascader = function Cascader(props0) {
         tempData = tempData[childrenKey];
         return /*#__PURE__*/(0,jsx_runtime.jsx)(cascader_list, {
           datum: datum,
+          size: size,
+          height: height,
           jssStyle: jssStyle,
           renderItem: renderItem,
           keygen: keygen,
@@ -38209,6 +38705,7 @@ var Cascader = function Cascader(props0) {
           shouldFinal: shouldFinal,
           data: tempData,
           id: path[i + 1],
+          virtual: virtual,
           parentId: path[i],
           path: path.slice(0, i + 1)
         }, p);
@@ -38880,18 +39377,37 @@ function useFormControl(props) {
     var errors = arguments.length > 1 ? arguments[1] : undefined;
     var severErrors = arguments.length > 2 ? arguments[2] : undefined;
     if (!name) return;
-    var value = getValue(name, formValue);
-    var error = getError(name, errors, severErrors);
-    if (error !== errorState) {
-      setErrorState(error);
-    }
-    if (!shallowEqual(value, latestInfo.valueState)) {
-      if (value === undefined && defaultValue !== undefined) {
-        setValueState(defaultValue);
-      } else {
-        setValueState(value);
+    if (isArray(name)) {
+      var _value = getValue(name, formValue);
+      var _error = getError(name, errors, severErrors);
+      if (_error !== errorState) {
+        setErrorState(_error);
+      }
+      // format defaultValue
+      var dv = isArray(defaultValue) ? defaultValue : [];
+      var nextValue = [];
+      name.forEach(function (n, index) {
+        if (_value[index] === undefined && dv[index] !== undefined) {
+          nextValue[index] = dv[index];
+        } else {
+          nextValue[index] = _value[index];
+        }
+      });
+      setValueState(nextValue);
+    } else {
+      var _value2 = getValue(name, formValue);
+      var _error2 = getError(name, errors, severErrors);
+      if (_error2 !== errorState) {
+        setErrorState(_error2);
+      }
+      if (!shallowEqual(_value2, latestInfo.valueState)) {
+        if (_value2 === undefined && defaultValue !== undefined) {
+          setValueState(defaultValue);
+        } else {
+          setValueState(_value2);
+        }
+        latestInfo.valueState = _value2;
       }
-      latestInfo.valueState = value;
     }
   });
   var validateFiled = use_persist_fn(function (name, v, formV) {
@@ -41432,51 +41948,6 @@ var useDate = function useDate(props) {
   };
 };
 /* harmony default export */ var use_date = (useDate);
-;// CONCATENATED MODULE: ../hooks/src/common/use-resize/index.ts
-
-
-
-var useResize = function useResize(props) {
-  var targetRef = props.targetRef,
-    _props$timer = props.timer,
-    timer = _props$timer === void 0 ? 100 : _props$timer;
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState4 = slicedToArray_default()(_useState3, 2),
-    height = _useState4[0],
-    setHeight = _useState4[1];
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (!targetRef.current) return;
-    var el = targetRef.current;
-    if (el) {
-      setWidth(el.clientWidth);
-      setHeight(el.clientHeight);
-    }
-    var clean = addResizeObserver(el, function (entry) {
-      var _props$cb;
-      var _entry$0$contentRect = entry[0].contentRect,
-        width = _entry$0$contentRect.width,
-        height = _entry$0$contentRect.height;
-      setWidth(width);
-      setHeight(height);
-      (_props$cb = props.cb) === null || _props$cb === void 0 || _props$cb.call(props, width, height);
-    }, {
-      timer: timer,
-      direction: false
-    });
-    return function () {
-      if (clean) clean();
-    };
-  }, [targetRef.current]);
-  return {
-    width: width,
-    height: height
-  };
-};
-/* harmony default export */ var use_resize = ((/* unused pure expression or super */ null && (useResize)));
 ;// CONCATENATED MODULE: ../hooks/src/components/use-datepicker/use-time.tsx
 
 
@@ -42886,11 +43357,13 @@ var Quick = function Quick(props) {
     format = props.format,
     options = props.options,
     children = props.children,
-    type = props.type;
+    type = props.type,
+    closePop = props.closePop;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var quickDateCache = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var quickActiveKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var handleClick = function handleClick(item, index) {
+    var immediate = item.immediate;
     var itemV = isFunc(item.value) ? item.value() : item.value;
     quickDateCache.current = itemV;
     quickActiveKey.current = index;
@@ -42905,6 +43378,9 @@ var Quick = function Quick(props) {
     });
     props.setDateArr(dateArr);
     props.setCurrentArr(dateArr, 'quick', item);
+    if (immediate && closePop) {
+      closePop();
+    }
   };
   if (!(quickSelect !== null && quickSelect !== void 0 && quickSelect.length)) {
     return children || null;
@@ -43282,6 +43758,7 @@ var Picker = function Picker(props) {
     className: styles === null || styles === void 0 ? void 0 : styles.pickerBox,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(quick, {
       quickSelect: props.quickSelect,
+      closePop: props.closePop,
       range: props.range,
       jssStyle: jssStyle,
       dateArr: dateArr,
@@ -48943,383 +49420,6 @@ var usePaginationList = function usePaginationList(props) {
 };
 /* harmony default export */ var use_pagination_list = ((/* unused pure expression or super */ null && (usePaginationList)));
 
-;// CONCATENATED MODULE: ../base/src/virtual-scroll/scroll.tsx
-
-
-
-
-
-
-
-var Scroll = function Scroll(props) {
-  var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
-  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      timer: null,
-      isMouseDown: false
-    }),
-    context = _useRef.current;
-  var _props$scrollHeight = props.scrollHeight,
-    scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
-    _props$scrollWidth = props.scrollWidth,
-    scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
-    _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
-  var _useResize = useResize({
-      targetRef: containerRef
-    }),
-    width = _useResize.width,
-    h = _useResize.height;
-  var height = h || defaultHeight;
-  var config = useConfig();
-  var isRtl = config.direction === 'rtl';
-  var scrollerStyle = props.scrollerStyle || {
-    height: '100%',
-    width: '100%',
-    overflow: 'auto'
-  };
-  var containerStyle = defineProperty_default()(defineProperty_default()({
-    height: '100%',
-    width: '100%',
-    display: 'inline-flex',
-    overflow: 'hidden',
-    position: 'sticky'
-  }, isRtl ? 'right' : 'left', 0), "top", 0);
-  var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return Math.max(0, Math.floor(scrollHeight - height));
-  }, [scrollHeight, height]);
-  var placeStyle = {
-    paddingTop: paddingTop,
-    width: scrollWidth,
-    overflow: props.isScrollY ? 'hidden' : 'auto hidden',
-    height: props.isScrollY ? 0 : 1,
-    marginTop: props.isScrollY ? 0 : -1,
-    lineHeight: 0
-  };
-  var extractHeightValue = function extractHeightValue(num) {
-    if (isNumber(num)) return num;
-    var match = num.match(/(\d+)/);
-    if (match) {
-      return parseInt(match[0], 10);
-    }
-    return undefined;
-  };
-  var handleScroll = usePersistFn(function (e) {
-    var onScrollToBottom = props.onScrollToBottom;
-    var target = e.currentTarget;
-    var scrollLeft = target.scrollLeft,
-      scrollTop = target.scrollTop;
-    if (props.height && onScrollToBottom) {
-      var realHeight = extractHeightValue(props.height);
-      if (realHeight !== undefined) {
-        var touchBottom = target.scrollHeight === scrollTop + realHeight;
-        if (touchBottom) onScrollToBottom();
-      }
-    }
-    var maxY = target.scrollHeight - target.clientHeight;
-    var maxX = target.scrollWidth - target.clientWidth;
-    if (!isRtl) {
-      // 解决浏览器缩放以后导致滚动条长度出现小数
-      if (maxX - scrollLeft < 0 || maxX - scrollLeft < 1) scrollLeft = maxX;
-      if (scrollLeft < 0) scrollLeft = 0;
-    } else {
-      if (maxX + scrollLeft < 0 || maxX + scrollLeft < 1) scrollLeft = 0 - maxX;
-      if (scrollLeft > 0) scrollLeft = 0;
-    }
-    if (scrollTop > maxY || maxY - scrollTop < 1) scrollTop = maxY;
-    if (scrollTop < 0) scrollTop = 0;
-    var x = maxX === 0 ? 0 : Math.min(Math.abs(scrollLeft) / maxX, 1);
-    var y = maxY === 0 ? 0 : Math.min(scrollTop / maxY, 1);
-    if (props.onScroll) props.onScroll({
-      scrollLeft: scrollLeft,
-      scrollTop: scrollTop,
-      x: x,
-      y: y,
-      height: height,
-      width: width,
-      fromDrag: context.isMouseDown
-    });
-  });
-  var handleInnerScroll = usePersistFn(function (e) {
-    var scrollTop = e.currentTarget.scrollTop;
-    if (scrollRef.current) {
-      e.currentTarget.scrollTop = 0;
-      scrollRef.current.scrollTop += scrollTop;
-    }
-  });
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: props.className,
-    style: props.style,
-    onMouseMove: props.onMouseMove,
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
-      role: 'scroll'
-    })), {}, {
-      style: scrollerStyle,
-      onScroll: handleScroll,
-      ref: wrapperRef,
-      onMouseDown: function onMouseDown() {
-        context.isMouseDown = true;
-      },
-      onMouseUp: function onMouseUp() {
-        context.isMouseDown = false;
-      },
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
-        role: 'scroll-container'
-      })), {}, {
-        style: containerStyle,
-        ref: containerRef,
-        onScroll: handleInnerScroll,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          style: objectSpread2_default()({
-            flexGrow: 1
-          }, props.childrenStyle),
-          children: props.children
-        })
-      })), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        style: placeStyle,
-        children: "\xA0"
-      })]
-    }))
-  });
-};
-/* harmony default export */ var virtual_scroll_scroll = (Scroll);
-;// CONCATENATED MODULE: ../base/src/virtual-scroll/virtual-scroll-list.tsx
-
-
-
-
-
-
-var VirtualList = function VirtualList(props) {
-  var rowsInView = props.rowsInView,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    groupKey = props.groupKey,
-    style = props.style,
-    className = props.className,
-    lineHeight = props.lineHeight,
-    height = props.height,
-    renderItem = props.renderItem,
-    customRenderItem = props.customRenderItem,
-    _props$tag = props.tag,
-    tag = _props$tag === void 0 ? 'div' : _props$tag,
-    tagClassName = props.tagClassName,
-    dynamicVirtual = props.dynamicVirtual,
-    virtualRef = props.virtualRef,
-    onControlTypeChange = props.onControlTypeChange;
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    top = _useState2[0],
-    setTop = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState4 = slicedToArray_default()(_useState3, 2),
-    offsetY = _useState4[0],
-    setOffsetY = _useState4[1];
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * lineHeight),
-    _useState6 = slicedToArray_default()(_useState5, 2),
-    scrollHeight = _useState6[0],
-    setHeight = _useState6[1];
-  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
-    _useState8 = slicedToArray_default()(_useState7, 2),
-    startIndex = _useState8[0],
-    setStartIndex = _useState8[1];
-  var wrapperRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-      cachedHeight: [],
-      controlScrollRate: null,
-      heightCallback: null,
-      preIndex: null,
-      topTimer: null,
-      rateTimer: null,
-      shouldUpdateHeight: true
-    }),
-    context = _useRef.current;
-  var getContentHeight = function getContentHeight(index) {
-    var sum = 0;
-    for (var i = 0; i <= index; i++) {
-      sum += context.cachedHeight[i] || lineHeight;
-    }
-    return sum;
-  };
-  var getCurrentIndex = usePersistFn(function () {
-    return startIndex;
-  });
-  var getTop = usePersistFn(function () {
-    return top;
-  });
-  var setRowHeight = usePersistFn(function (index, height) {
-    var beforeHeight = context.cachedHeight[index];
-    if (beforeHeight && beforeHeight === height) return;
-    context.cachedHeight[index] = height;
-    if (context.shouldUpdateHeight) {
-      setHeight(getContentHeight(props.data.length - 1));
-    }
-    var preIndex = context.preIndex;
-    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
-    if (preIndex && preIndex > startIndex && startIndex === index) {
-      // 发生在顶部
-      if (context.heightCallback) return;
-      var offset = height - (beforeHeight || lineHeight);
-      setOffsetY(function (s) {
-        return s + offset;
-      });
-    }
-  });
-  var updateRateScroll = usePersistFn(function (rate) {
-    var sumHeight = getContentHeight(props.data.length - 1);
-    if (sumHeight === scrollHeight) return;
-    context.shouldUpdateHeight = true;
-    context.heightCallback = function () {
-      if (wrapperRef && wrapperRef.current) {
-        var _scrollHeight = wrapperRef.current.scrollHeight;
-        var clientHeight = wrapperRef.current.clientHeight;
-        var nowTop = wrapperRef.current.scrollTop;
-        var max = _scrollHeight - clientHeight;
-        var _top = rate * max;
-        if (Math.abs(nowTop - _top) < 1) {
-          context.controlScrollRate = null;
-        } else {
-          context.controlScrollRate = rate;
-          wrapperRef.current.scrollTop = _top;
-        }
-      }
-    };
-    setHeight(sumHeight);
-  });
-  var updateIndexAndTopFromTop = function updateIndexAndTopFromTop(scrollTop) {
-    var sum = 0;
-    var nextCurrentIndex = 0;
-    var top = 0;
-    var maxIndex = Math.max(props.data.length - rowsInView, 0);
-    for (var i = 0; i <= maxIndex; i++) {
-      sum += context.cachedHeight[i] || lineHeight;
-      if (scrollTop < sum || i === maxIndex) {
-        nextCurrentIndex = i;
-        var beforeHeight = i === 0 ? 0 : sum - (context.cachedHeight[i] || lineHeight);
-        top = scrollTop - beforeHeight;
-        break;
-      }
-    }
-    if (nextCurrentIndex !== startIndex) {
-      setStartIndex(nextCurrentIndex);
-    }
-    setTop(top);
-  };
-  var handleScrollByStep = usePersistFn(function (step, top) {
-    var _wrapperRef$current;
-    var next = startIndex + step;
-    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.scrollTo({
-      top: next * lineHeight + (top || 0)
-    });
-  });
-  var handleMouseMove = function handleMouseMove() {
-    onControlTypeChange === null || onControlTypeChange === void 0 || onControlTypeChange('mouse');
-  };
-  var handleScroll = function handleScroll(info) {
-    var _props$onScroll;
-    var height = info.height,
-      y = info.y,
-      fromDrag = info.fromDrag;
-    var scrollTop = info.scrollTop;
-    context.shouldUpdateHeight = !fromDrag;
-    var sumHeight = getContentHeight(props.data.length - 1);
-    var max = sumHeight - height;
-    if (scrollTop > max) {
-      scrollTop = max;
-    }
-    if (fromDrag) {
-      var _top2 = y * max;
-      updateIndexAndTopFromTop(_top2);
-      if (context.rateTimer) clearTimeout(context.rateTimer);
-      context.rateTimer = setTimeout(function () {
-        updateRateScroll(y);
-      }, 120);
-    } else {
-      updateIndexAndTopFromTop(scrollTop);
-    }
-    (_props$onScroll = props.onScroll) === null || _props$onScroll === void 0 || _props$onScroll.call(props, info);
-  };
-  var renderList = function renderList() {
-    var items = data.slice(startIndex, startIndex + rowsInView);
-    var Tag = tag;
-    var shouldScroll = getContentHeight(data.length - 1) > height;
-    var nextStyle = objectSpread2_default()({}, style);
-    if (shouldScroll) nextStyle.height = height;
-    var scrollHeight = getContentHeight(data.length - 1);
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
-      className: className,
-      style: nextStyle,
-      height: height,
-      scrollWidth: 0,
-      scrollHeight: scrollHeight,
-      wrapperRef: wrapperRef,
-      childrenStyle: {
-        width: '100%'
-      },
-      onScroll: handleScroll,
-      onMouseMove: handleMouseMove,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
-        className: tagClassName,
-        style: {
-          transform: "translate3d(0, -".concat(top, "px, 0)")
-        },
-        children: items.map(function (d, i) {
-          if (d[groupKey]) {
-            return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-              children: customRenderItem(d, startIndex + i, i)
-            }, i);
-          }
-          return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-            children: renderItem(d, startIndex + i, i, setRowHeight)
-          }, dynamicVirtual ? startIndex + i : i);
-        })
-      })
-    });
-  };
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // 记录preIndex
-    context.preIndex = startIndex;
-  }, [startIndex]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
-    // 数据变化的时候清空掉 preIndex, 如果之前有缓存的index, setRowHeight 会有问题
-    setTop(0);
-    setStartIndex(0);
-    return function () {
-      context.preIndex = null;
-    };
-  }, [data.length]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (offsetY) {
-      if (wrapperRef.current) {
-        setOffsetY(0);
-        setTop(function (s) {
-          return s + offsetY;
-        });
-        wrapperRef.current.scrollTop += offsetY;
-      }
-    }
-  }, [offsetY, startIndex]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    setHeight(getContentHeight(props.data.length - 1));
-  }, [data.length]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.heightCallback) {
-      var cb = context.heightCallback;
-      context.heightCallback = null;
-      cb();
-    }
-  }, [scrollHeight]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (virtualRef !== null && virtualRef !== void 0 && virtualRef.current) {
-      virtualRef.current.scrollByStep = handleScrollByStep;
-      virtualRef.current.getCurrentIndex = getCurrentIndex;
-      virtualRef.current.getTop = getTop;
-    }
-  }, []);
-  return renderList();
-};
-/* harmony default export */ var virtual_scroll_list = (VirtualList);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-treeselect/use-tiled.tsx
 
 
@@ -51703,6 +51803,7 @@ function Select(props0) {
         allowOnFilter: showInput,
         focusSelected: focusSelected,
         inputText: inputText,
+        inputRef: inputRef,
         filterText: filterText,
         onFilter: handleFilter,
         onRef: inputRef,
@@ -52618,6 +52719,7 @@ var list_list_List = function List(props) {
     _props$pagination = props.pagination,
     pagination = _props$pagination === void 0 ? {} : _props$pagination;
   var listClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$list = _props$jssStyle.list) === null || _props$jssStyle$list === void 0 ? void 0 : _props$jssStyle$list.call(_props$jssStyle);
+  var isEmpty = !isArray(data) || data.length <= 0;
   var inputAble = useInputAble({
     value: props.value,
     onChange: props.onChange,
@@ -52741,6 +52843,7 @@ var list_list_List = function List(props) {
     }
   });
   var renderList = function renderList() {
+    if (isEmpty) return null;
     if (props.fixed) return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
         data: columnData,
@@ -52770,7 +52873,7 @@ var list_list_List = function List(props) {
       }), renderFooter()]
     });
   };
-  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
+  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, isEmpty && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperEmpty), props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
   var wrapperStyle = objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
     height: props.height
   });
@@ -52800,7 +52903,8 @@ var list_jssStyle = {
   checkbox: useCheckboxStyle,
   empty: useEmptyStyle,
   spin: useSpinStyle,
-  image: useImageStyle
+  image: useImageStyle,
+  select: useSelectStyle
 };
 /* harmony default export */ var src_list_list_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_list_list, objectSpread2_default()({
@@ -65267,7 +65371,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.0-beta.2'
+  version: '3.5.0-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;