@sheinx/base 3.1.5 → 3.2.0-rc.1

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAI3D,QAAA,MAAM,MAAM;YAAW,WAAW;;CAmHjC,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAI3D,QAAA,MAAM,MAAM;YAAW,WAAW;;CAgHjC,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/cjs/button/button.js

@@ -7,15 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _config = require("../config");
 var _buttonGroup = _interopRequireDefault(require("./button-group"));
 var _spin = _interopRequireDefault(require("../spin"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["jssStyle", "className", "style", "children", "loading", "href", "text", "outline", "shape", "size", "type", "space", "target", "mode", "htmlType", "renderLoading"],
   _excluded2 = ["htmlType", "onRef"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25,7 +23,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Button = function Button(props) {
-  var _jssStyle$button, _React$Children$map;
+  var _jssStyle$button;
   var jssStyle = props.jssStyle,
     className = props.className,
     style = props.style,
@@ -81,12 +79,7 @@ var Button = function Button(props) {
     }
     return 12;
   };
-  var childrenEl = (_React$Children$map = _react.default.Children.map(getSpaceChildren(children, space), function (item) {
-    if (loading && /*#__PURE__*/(0, _react.isValidElement)(item) && item.type.isShineoutIcon) return null;
-    return item;
-  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(function (item) {
-    return item !== null;
-  });
+  var childrenEl = getSpaceChildren(children, space);
   var buttonInnerEl = childrenEl;
 
   // if (typeof renderInnerWrapper === 'function') {
@@ -97,8 +90,7 @@ var Button = function Button(props) {
     className: buttonStyle.spin,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
       size: getSpinSize(),
-      jssStyle: jssStyle,
-      name: "ring"
+      jssStyle: jssStyle
     })
   });
   if (renderLoading) {

package/cjs/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AASF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/cjs/config/index.js

@@ -37,7 +37,7 @@ var config = exports.config = {
   locale: processEnv.LOCALE || 'en-US',
   delay: 0,
   trim: undefined,
-  spin: 'ring',
+  spin: undefined,
   direction: 'ltr',
   popupContainer: null
 };

package/cjs/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA6JzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBAmNzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/menu/item.js

@@ -21,10 +21,13 @@ var MenuItem = function MenuItem(props) {
   var _props$jssStyle, _props$jssStyle$menu;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var children = props.dataItem.children || [];
+  var itemContentRef = (0, _react.useRef)(null);
+  var timer = (0, _react.useRef)(null);
   var _props$inlineIndent = props.inlineIndent,
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
-    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
+    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType,
+    collapse = props.collapse;
   var config = (0, _config.useConfig)();
   var hasExpandAbleChildren = children.some(function (item) {
     return item && item.children && (props.looseChildren || item.children.length);
@@ -81,9 +84,11 @@ var MenuItem = function MenuItem(props) {
         flexShrink: 0
       }
     }) : null;
+    var isFirstCollapseItem = collapse && props.level === 0;
     if (props.frontCaret) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
+        ref: itemContentRef,
+        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
@@ -100,7 +105,8 @@ var MenuItem = function MenuItem(props) {
       });
     } else {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
+        ref: itemContentRef,
+        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, title, expandAble && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           onClick: handleExpandClick,
@@ -117,12 +123,36 @@ var MenuItem = function MenuItem(props) {
       });
     }
   };
+  var renderCollapseItem = function renderCollapseItem() {
+    if (!props.renderCollapse) return null;
+    var isFirstCollapseItem = props.level === 0 && collapse;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.collapseItem, isInPath && (classes === null || classes === void 0 ? void 0 : classes.collapseItemInPath), !isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.collapseItemHide)),
+      onClick: handleItemClick,
+      children: props.renderCollapse(props.dataItem, props.index)
+    });
+  };
+  (0, _react.useEffect)(function () {
+    if (!itemContentRef.current) return;
+    if (collapse === undefined) return;
+    if (timer.current) clearTimeout(timer.current);
+    itemContentRef.current.style.overflow = 'hidden';
+    itemContentRef.current.style.whiteSpace = 'nowrap';
+    timer.current = setTimeout(function () {
+      if (!itemContentRef.current) return;
+      itemContentRef.current.style.overflow = '';
+      itemContentRef.current.style.whiteSpace = '';
+    }, 300);
+    return function () {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [collapse]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
     className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
-    children: [renderItem(), children.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+    children: [renderItem(), renderCollapseItem(), children.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
       dir: config.direction,
       children: children.map(function (item, index) {

package/cjs/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAmGT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAiHT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/menu/menu.js

@@ -29,9 +29,11 @@ var Menu = function Menu(props) {
   var _props$data = props.data,
     data = _props$data === void 0 ? emptyArray : _props$data,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'inline' : _props$mode,
+    modeProps = _props$mode === void 0 ? 'inline' : _props$mode,
     _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme;
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    collapse = props.collapse;
+  var mode = collapse ? 'vertical' : modeProps;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var isVertical = mode === 'vertical' || mode === 'vertical-auto';
   var isHorizontal = mode === 'horizontal';
@@ -39,12 +41,16 @@ var Menu = function Menu(props) {
     _useState2 = _slicedToArray(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    collapseOpenKeys = _useState4[0],
+    setCollapseOpenKeys = _useState4[1];
   var _useMenu = (0, _hooks.useMenu)({
       data: data,
       active: props.active,
       defaultOpenKeys: props.defaultOpenKeys,
-      openKeys: props.openKeys,
-      onOpenChange: props.onOpenChange
+      openKeys: props.collapse ? collapseOpenKeys : props.openKeys,
+      onOpenChange: props.collapse ? setCollapseOpenKeys : props.onOpenChange
     }),
     openKeys = _useMenu.openKeys,
     onOpenChange = _useMenu.onOpenChange,
@@ -56,7 +62,9 @@ var Menu = function Menu(props) {
     return item && item.children && (props.looseChildren || item.children.length);
   });
   var showScrollBar = isHorizontal || isVertical;
-  var listStyle = isVertical ? {
+  var style = _objectSpread({}, props.style);
+  if (collapse) delete style.width;
+  var listStyle = isVertical && !collapse ? {
     width: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width
   } : undefined;
   (0, _react.useEffect)(function () {
@@ -70,10 +78,10 @@ var Menu = function Menu(props) {
     }
   }, [data, openKeys]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
+    className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.collapse)),
     style: _objectSpread({
       height: props.height
-    }, props.style),
+    }, style),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
       ref: scrollRef,
@@ -86,6 +94,7 @@ var Menu = function Menu(props) {
             level: 0,
             index: index,
             parentId: "",
+            collapse: collapse,
             dataItem: item,
             keyResult: key,
             openKeys: openKeys,
@@ -100,6 +109,7 @@ var Menu = function Menu(props) {
             toggleDuration: props.toggleDuration,
             disabled: props.disabled,
             renderItem: props.renderItem,
+            renderCollapse: props.renderCollapse,
             keygen: props.keygen,
             jssStyle: props.jssStyle,
             linkKey: props.linkKey,

package/cjs/menu/menu.type.d.ts

@@ -11,16 +11,21 @@ export interface MenuClasses {
     wrapperHasOpen: string;
     wrapperLight: string;
     wrapperDark: string;
+    collapse: string;
     root: string;
     children: string;
     childrenUp: string;
     item: string;
+    collapseItem: string;
+    collapseItemInPath: string;
+    collapseItemHide: string;
     itemActive: string;
     itemDisabled: string;
     itemOpen: string;
     itemInPath: string;
     itemHasChildren: string;
     itemContent: string;
+    itemContentHide: string;
     itemContentFront: string;
     itemContentBack: string;
     title: string;
@@ -158,8 +163,21 @@ export interface MenuProps<DataItem, Key extends KeygenResult = KeygenResult> ex
      * @default 'title'
      */
     renderItem?: ((data: DataItem, index: number) => React.ReactNode) | ObjectKey<DataItem>;
+    /**
+     * @en Whether to collapse the menu horizontally
+     * @cn 是否水平折叠收起菜单
+     * @default false
+     */
+    collapse?: boolean;
+    /**
+     *
+     * @cn 折叠时的渲染方式,如果为字符串,则会以对应的值作为显示内容;如果为函数,则以函数返回的结果作为显示内容,函数参数为对应的数据对象
+     * @en Element render mode when collapsed. If it is a string, the corresponding value is taken as the display content; If it is a function, the result returned by the function is taken as the display content.
+     * @default null
+     */
+    renderCollapse?: (data: DataItem, index: number) => React.ReactNode;
 }
-export interface MenuItemProps extends UseMenuItemProps, Pick<MenuProps<any, any>, 'renderItem' | 'keygen' | 'linkKey' | 'frontCaret' | 'frontCaretType' | 'caretColor' | 'jssStyle' | 'inlineIndent'> {
+export interface MenuItemProps extends UseMenuItemProps, Pick<MenuProps<any, any>, 'renderItem' | 'keygen' | 'linkKey' | 'frontCaret' | 'frontCaretType' | 'caretColor' | 'jssStyle' | 'inlineIndent' | 'collapse' | 'renderCollapse'> {
     index: number;
     level: number;
     scrollRef: React.MutableRefObject<HTMLDivElement | null>;

package/cjs/menu/menu.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["menu.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["menu.type.ts"],"names":[],"mappings":"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"}

package/cjs/spin/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAoBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/spin/base.js

@@ -30,16 +30,15 @@ var Spin = function Spin(props) {
     width: size,
     height: size
   }, props.style);
-  var classname = (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.spin);
   if (count < 1 || !render) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
-      className: classname
+      className: className
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
-    className: classname,
+    className: (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.spin),
     children: range(count + 1, 1).map(function (i) {
       return render(_objectSpread(_objectSpread({}, props), {}, {
         index: i

package/cjs/virtual-scroll/scroll.js

@@ -99,6 +99,7 @@ var Scroll = function Scroll(props) {
         ref: containerRef,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
+            flexShrink: 0,
             flexGrow: 1
           },
           children: props.children

package/esm/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAI3D,QAAA,MAAM,MAAM;YAAW,WAAW;;CAmHjC,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAI3D,QAAA,MAAM,MAAM;YAAW,WAAW;;CAgHjC,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/esm/button/button.js

@@ -10,14 +10,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useButton } from '@sheinx/hooks';
 import classNames from 'classnames';
-import React, { isValidElement } from 'react';
+import React from 'react';
 import { useConfig } from "../config";
 import ButtonGroup from "./button-group";
 import Spin from "../spin";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Button = function Button(props) {
-  var _jssStyle$button, _React$Children$map;
+  var _jssStyle$button;
   var jssStyle = props.jssStyle,
     className = props.className,
     style = props.style,
@@ -73,12 +73,7 @@ var Button = function Button(props) {
     }
     return 12;
   };
-  var childrenEl = (_React$Children$map = React.Children.map(getSpaceChildren(children, space), function (item) {
-    if (loading && /*#__PURE__*/isValidElement(item) && item.type.isShineoutIcon) return null;
-    return item;
-  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(function (item) {
-    return item !== null;
-  });
+  var childrenEl = getSpaceChildren(children, space);
   var buttonInnerEl = childrenEl;
 
   // if (typeof renderInnerWrapper === 'function') {
@@ -89,8 +84,7 @@ var Button = function Button(props) {
     className: buttonStyle.spin,
     children: /*#__PURE__*/_jsx(Spin, {
       size: getSpinSize(),
-      jssStyle: jssStyle,
-      name: "ring"
+      jssStyle: jssStyle
     })
   });
   if (renderLoading) {

package/esm/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AASF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/config/index.js

@@ -15,7 +15,7 @@ export var config = {
   locale: processEnv.LOCALE || 'en-US',
   delay: 0,
   trim: undefined,
-  spin: 'ring',
+  spin: undefined,
   direction: 'ltr',
   popupContainer: null
 };

package/esm/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA6JzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBAmNzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/menu/item.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { cloneElement } from 'react';
+import { cloneElement, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import { useMenuItem, util } from '@sheinx/hooks';
 import Icons from "../icons";
@@ -16,10 +16,13 @@ var MenuItem = function MenuItem(props) {
   var _props$jssStyle, _props$jssStyle$menu;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var children = props.dataItem.children || [];
+  var itemContentRef = useRef(null);
+  var timer = useRef(null);
   var _props$inlineIndent = props.inlineIndent,
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
-    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
+    frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType,
+    collapse = props.collapse;
   var config = useConfig();
   var hasExpandAbleChildren = children.some(function (item) {
     return item && item.children && (props.looseChildren || item.children.length);
@@ -76,9 +79,11 @@ var MenuItem = function MenuItem(props) {
         flexShrink: 0
       }
     }) : null;
+    var isFirstCollapseItem = collapse && props.level === 0;
     if (props.frontCaret) {
       return /*#__PURE__*/_jsxs("div", {
-        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
+        ref: itemContentRef,
+        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, /*#__PURE__*/_jsx("div", {
           style: {
@@ -95,7 +100,8 @@ var MenuItem = function MenuItem(props) {
       });
     } else {
       return /*#__PURE__*/_jsxs("div", {
-        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
+        ref: itemContentRef,
+        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
         onClick: handleItemClick,
         children: [indent, title, expandAble && /*#__PURE__*/_jsx("div", {
           onClick: handleExpandClick,
@@ -112,12 +118,36 @@ var MenuItem = function MenuItem(props) {
       });
     }
   };
+  var renderCollapseItem = function renderCollapseItem() {
+    if (!props.renderCollapse) return null;
+    var isFirstCollapseItem = props.level === 0 && collapse;
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames(classes === null || classes === void 0 ? void 0 : classes.collapseItem, isInPath && (classes === null || classes === void 0 ? void 0 : classes.collapseItemInPath), !isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.collapseItemHide)),
+      onClick: handleItemClick,
+      children: props.renderCollapse(props.dataItem, props.index)
+    });
+  };
+  useEffect(function () {
+    if (!itemContentRef.current) return;
+    if (collapse === undefined) return;
+    if (timer.current) clearTimeout(timer.current);
+    itemContentRef.current.style.overflow = 'hidden';
+    itemContentRef.current.style.whiteSpace = 'nowrap';
+    timer.current = setTimeout(function () {
+      if (!itemContentRef.current) return;
+      itemContentRef.current.style.overflow = '';
+      itemContentRef.current.style.whiteSpace = '';
+    }, 300);
+    return function () {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [collapse]);
   return /*#__PURE__*/_jsxs("li", {
     className: classNames(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
-    children: [renderItem(), children.length > 0 && /*#__PURE__*/_jsx("ul", {
+    children: [renderItem(), renderCollapseItem(), children.length > 0 && /*#__PURE__*/_jsx("ul", {
       className: classNames(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
       dir: config.direction,
       children: children.map(function (item, index) {

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAmGT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAiHT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/menu/menu.js

@@ -23,9 +23,11 @@ var Menu = function Menu(props) {
   var _props$data = props.data,
     data = _props$data === void 0 ? emptyArray : _props$data,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'inline' : _props$mode,
+    modeProps = _props$mode === void 0 ? 'inline' : _props$mode,
     _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme;
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    collapse = props.collapse;
+  var mode = collapse ? 'vertical' : modeProps;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var isVertical = mode === 'vertical' || mode === 'vertical-auto';
   var isHorizontal = mode === 'horizontal';
@@ -33,12 +35,16 @@ var Menu = function Menu(props) {
     _useState2 = _slicedToArray(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    collapseOpenKeys = _useState4[0],
+    setCollapseOpenKeys = _useState4[1];
   var _useMenu = useMenu({
       data: data,
       active: props.active,
       defaultOpenKeys: props.defaultOpenKeys,
-      openKeys: props.openKeys,
-      onOpenChange: props.onOpenChange
+      openKeys: props.collapse ? collapseOpenKeys : props.openKeys,
+      onOpenChange: props.collapse ? setCollapseOpenKeys : props.onOpenChange
     }),
     openKeys = _useMenu.openKeys,
     onOpenChange = _useMenu.onOpenChange,
@@ -50,7 +56,9 @@ var Menu = function Menu(props) {
     return item && item.children && (props.looseChildren || item.children.length);
   });
   var showScrollBar = isHorizontal || isVertical;
-  var listStyle = isVertical ? {
+  var style = _objectSpread({}, props.style);
+  if (collapse) delete style.width;
+  var listStyle = isVertical && !collapse ? {
     width: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width
   } : undefined;
   useEffect(function () {
@@ -64,10 +72,10 @@ var Menu = function Menu(props) {
     }
   }, [data, openKeys]);
   return /*#__PURE__*/_jsxs("div", {
-    className: classNames(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
+    className: classNames(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.collapse)),
     style: _objectSpread({
       height: props.height
-    }, props.style),
+    }, style),
     children: [/*#__PURE__*/_jsx("div", {
       className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
       ref: scrollRef,
@@ -80,6 +88,7 @@ var Menu = function Menu(props) {
             level: 0,
             index: index,
             parentId: "",
+            collapse: collapse,
             dataItem: item,
             keyResult: key,
             openKeys: openKeys,
@@ -94,6 +103,7 @@ var Menu = function Menu(props) {
             toggleDuration: props.toggleDuration,
             disabled: props.disabled,
             renderItem: props.renderItem,
+            renderCollapse: props.renderCollapse,
             keygen: props.keygen,
             jssStyle: props.jssStyle,
             linkKey: props.linkKey,

package/esm/menu/menu.type.d.ts

@@ -11,16 +11,21 @@ export interface MenuClasses {
     wrapperHasOpen: string;
     wrapperLight: string;
     wrapperDark: string;
+    collapse: string;
     root: string;
     children: string;
     childrenUp: string;
     item: string;
+    collapseItem: string;
+    collapseItemInPath: string;
+    collapseItemHide: string;
     itemActive: string;
     itemDisabled: string;
     itemOpen: string;
     itemInPath: string;
     itemHasChildren: string;
     itemContent: string;
+    itemContentHide: string;
     itemContentFront: string;
     itemContentBack: string;
     title: string;
@@ -158,8 +163,21 @@ export interface MenuProps<DataItem, Key extends KeygenResult = KeygenResult> ex
      * @default 'title'
      */
     renderItem?: ((data: DataItem, index: number) => React.ReactNode) | ObjectKey<DataItem>;
+    /**
+     * @en Whether to collapse the menu horizontally
+     * @cn 是否水平折叠收起菜单
+     * @default false
+     */
+    collapse?: boolean;
+    /**
+     *
+     * @cn 折叠时的渲染方式,如果为字符串,则会以对应的值作为显示内容;如果为函数,则以函数返回的结果作为显示内容,函数参数为对应的数据对象
+     * @en Element render mode when collapsed. If it is a string, the corresponding value is taken as the display content; If it is a function, the result returned by the function is taken as the display content.
+     * @default null
+     */
+    renderCollapse?: (data: DataItem, index: number) => React.ReactNode;
 }
-export interface MenuItemProps extends UseMenuItemProps, Pick<MenuProps<any, any>, 'renderItem' | 'keygen' | 'linkKey' | 'frontCaret' | 'frontCaretType' | 'caretColor' | 'jssStyle' | 'inlineIndent'> {
+export interface MenuItemProps extends UseMenuItemProps, Pick<MenuProps<any, any>, 'renderItem' | 'keygen' | 'linkKey' | 'frontCaret' | 'frontCaretType' | 'caretColor' | 'jssStyle' | 'inlineIndent' | 'collapse' | 'renderCollapse'> {
     index: number;
     level: number;
     scrollRef: React.MutableRefObject<HTMLDivElement | null>;

package/esm/menu/menu.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["menu.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["menu.type.ts"],"names":[],"mappings":"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"}

package/esm/spin/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAoBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/spin/base.js

@@ -23,16 +23,15 @@ var Spin = function Spin(props) {
     width: size,
     height: size
   }, props.style);
-  var classname = classNames(className, styles === null || styles === void 0 ? void 0 : styles.spin);
   if (count < 1 || !render) {
     return /*#__PURE__*/_jsx("div", {
       style: style,
-      className: classname
+      className: className
     });
   }
   return /*#__PURE__*/_jsx("div", {
     style: style,
-    className: classname,
+    className: classNames(className, styles === null || styles === void 0 ? void 0 : styles.spin),
     children: range(count + 1, 1).map(function (i) {
       return render(_objectSpread(_objectSpread({}, props), {}, {
         index: i

package/esm/virtual-scroll/scroll.js

@@ -92,6 +92,7 @@ var Scroll = function Scroll(props) {
         ref: containerRef,
         children: /*#__PURE__*/_jsx("div", {
           style: {
+            flexShrink: 0,
             flexGrow: 1
           },
           children: props.children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.1.5",
+  "version": "3.2.0-rc.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.1.5",
+    "@sheinx/hooks": "3.2.0-rc.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.2"