@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.10

package/cjs/virtual-scroll/virtual-scroll-list.js

@@ -28,17 +28,18 @@ var VirtualList = function VirtualList(props) {
   var rowsInView = props.rowsInView,
     _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
-    keygen = props.keygen,
+    groupKey = props.groupKey,
     style = props.style,
     className = props.className,
     lineHeight = props.lineHeight,
     height = props.height,
-    _props$colNum = props.colNum,
-    colNum = _props$colNum === void 0 ? 1 : _props$colNum,
     renderItem = props.renderItem,
+    customRenderItem = props.customRenderItem,
     _props$tag = props.tag,
     tag = _props$tag === void 0 ? 'div' : _props$tag,
-    tagClassName = props.tagClassName;
+    tagClassName = props.tagClassName,
+    virtualRef = props.virtualRef,
+    onControlTypeChange = props.onControlTypeChange;
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentIndex = _useState2[0],
@@ -47,12 +48,28 @@ var VirtualList = function VirtualList(props) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     top = _useState4[0],
     setTop = _useState4[1];
+  var wrapperRef = (0, _react.useRef)(null);
   var getScrollHeight = function getScrollHeight() {
-    var rows = Math.ceil(data.length / colNum);
+    var rows = Math.ceil(data.length);
     return rows * lineHeight;
   };
+  var getCurrentIndex = (0, _hooks.usePersistFn)(function () {
+    return currentIndex;
+  });
+  var getTop = (0, _hooks.usePersistFn)(function () {
+    return top;
+  });
+  var handleScrollByStep = (0, _hooks.usePersistFn)(function (step, top) {
+    var _wrapperRef$current;
+    var next = currentIndex + step;
+    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.scrollTo({
+      top: next * lineHeight + (top || 0)
+    });
+  });
+  var handleMouseMove = function handleMouseMove() {
+    onControlTypeChange === null || onControlTypeChange === void 0 ? void 0 : onControlTypeChange('mouse');
+  };
   var handleScroll = function handleScroll(info) {
-    if (props.onScroll) props.onScroll(info);
     var current = Math.floor(info.scrollTop / lineHeight);
     var top = info.scrollTop - current * lineHeight;
     setTop(top);
@@ -60,33 +77,46 @@ var VirtualList = function VirtualList(props) {
   };
   var scrollHeight = getScrollHeight();
   var renderList = function renderList() {
-    var start = currentIndex * colNum;
-    var end = (currentIndex + rowsInView) * colNum;
+    var start = currentIndex;
+    var end = currentIndex + rowsInView;
     var items = data.slice(start, end);
     var Tag = tag;
+    var shouldScroll = items.length * lineHeight > height;
+    var nextStyle = _objectSpread({}, style);
+    if (shouldScroll) nextStyle.height = height;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_scroll.default, {
       className: className,
-      style: _objectSpread({
-        height: height
-      }, style),
+      style: nextStyle,
       scrollWidth: 0,
       scrollHeight: scrollHeight,
+      wrapperRef: wrapperRef,
       onScroll: handleScroll,
-      scrollerStyle: props.scrollerStyle,
+      onMouseMove: handleMouseMove,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
         className: tagClassName,
         style: {
           transform: "translate3d(0, -".concat(top, "px, 0)")
         },
         children: items.map(function (d, i) {
-          var key = _hooks.util.getKey(keygen, d, i);
+          if (d[groupKey]) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+              children: customRenderItem(d, currentIndex + i, i)
+            }, i);
+          }
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-            children: renderItem(d, currentIndex + i, key)
-          }, key);
+            children: renderItem(d, currentIndex + i, i)
+          }, i);
         })
       })
     });
   };
+  (0, _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();
 };
 var _default = VirtualList;

package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import { CommonType } from '../common/type';
 import { KeygenType } from '@sheinx/hooks';
+export declare type VirtualListType = {
+    scrollByStep?: (step: number, top?: number) => void;
+    getCurrentIndex?: () => number;
+    getTop?: () => number;
+    getHoverIndex?: () => number;
+};
 export interface VirtualListProps<DataItem> extends Pick<CommonType, 'className' | 'style'> {
     data: DataItem[];
     keygen?: KeygenType<DataItem>;
@@ -9,9 +15,13 @@ export interface VirtualListProps<DataItem> extends Pick<CommonType, 'className'
     rowsInView: number;
     colNum?: number;
     renderItem: any;
+    customRenderItem?: any;
+    groupKey?: string;
     tag?: React.ReactElement['type'];
     tagClassName?: string;
+    virtualRef?: React.MutableRefObject<VirtualListType>;
     scrollerStyle?: React.CSSProperties;
+    onControlTypeChange?: React.Dispatch<React.SetStateAction<'mouse' | 'keyboard'>>;
     onScroll?: (info: {
         scrollLeft: number;
         scrollTop: number;

package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroll-list.type.d.ts","sourceRoot":"","sources":["virtual-scroll-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,WAAW,gBAAgB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzF,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;CACZ"}
+{"version":3,"file":"virtual-scroll-list.type.d.ts","sourceRoot":"","sources":["virtual-scroll-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzF,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;CACZ"}

package/esm/absolute-list/use-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,gBAOjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,gBAYrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,mBAK5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CA8B1C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,gBAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,gBAYrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,mBAK5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CA8B1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/alert/alert-icon.js

@@ -12,9 +12,9 @@ var icons = {
   info: _icons.default.PcInfoCircleFill,
   success: _icons.default.PcCheckCircleFill,
   warning: _icons.default.PcWarningCircleFill,
-  danger: _icons.default.PcCloseCircleFill,
+  danger: _icons.default.PcWarningCircleFill,
   confirmwarning: _icons.default.PcWarningCircleFill,
-  error: _icons.default.PcCloseCircleFill,
+  error: _icons.default.PcWarningCircleFill,
   confirm: _icons.default.PcHelpCircleFill
 };
 var AlertIcon = function AlertIcon(props) {

package/esm/alert/alert.type.d.ts

@@ -27,21 +27,58 @@ export interface AlertJssStyle {
 export declare type AlertType = 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning' | 'error';
 export interface AlertProps extends Pick<CommonType, 'className' | 'style'> {
     jssStyle?: AlertJssStyle;
+    /**
+     * @en Alert type
+     * @cn 类型
+     * @default 'warning
+     */
     type?: AlertType;
+    /**
+     * @en Custom close button
+     * @cn 自定义关闭按钮
+     */
     closeItem?: React.ReactNode;
     /**
      * @deprecated 即将废弃，同时 onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
      */
     hideClose?: boolean;
+    /**
+     * @en When the type is true, the status icon is displayed according to the type property. If you need to display a custom icon, pass in ReactElement
+     * @cn 为 true 时，根据 type 属性显示状态图标。如果需要显示自定义图标，传入 ReactElement
+     */
     icon?: React.ReactNode | boolean;
+    /**
+     * @en The size for icon
+     * @cn icon 的尺寸
+     * @default 14
+     */
     iconSize?: number;
+    /**
+     * @en The title of the alert
+     * @cn 标题模式
+     */
     title?: React.ReactNode;
+    /**
+     * @en Whether to display the close button, when set to only, only the close button is displayed
+     * @cn 是否现实关闭按钮，当设置为only的时候，仅仅显示关闭按钮
+     */
     closable?: boolean | 'only';
     /**
+     * @cn 关闭事件
+     * @en Close event
      * @description onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
      */
     onClose?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * @en Whether to display the border
+     * @cn 是否显示边框
+     * @default true
+     */
     bordered?: boolean;
+    /**
+     * @en Content, text or react component
+     * @cn 内容，文字或 react 组件
+     */
     children?: React.ReactNode;
 }
 //# sourceMappingURL=alert.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/animation-list/animation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAc3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAoN/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAc3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBA6N/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/animation-list/animation-list.js

@@ -15,6 +15,8 @@ exports.default = void 0;
 require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.concat.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -60,7 +62,8 @@ var AnimationList = function AnimationList(props) {
       mounted: false,
       height: 0,
       show: show,
-      timer: null
+      timer: null,
+      lastShow: show
     }),
     context = _useRef.current;
   var ref = (0, _react.useRef)(null);
@@ -153,6 +156,7 @@ var AnimationList = function AnimationList(props) {
     var newStyle = {};
     if (type.indexOf('collapse') >= 0) {
       newStyle.height = 'auto';
+      newStyle.overflow = '';
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -164,6 +168,7 @@ var AnimationList = function AnimationList(props) {
     if (type.indexOf('collapse') >= 0) {
       context.height = el.offsetHeight;
       newStyle.height = "".concat(context.height, "px");
+      newStyle.overflow = 'hidden';
     }
     if (type.includes('fade')) {
       newStyle.opacity = '1';
@@ -255,18 +260,22 @@ var AnimationList = function AnimationList(props) {
     }, mm);
   };
   (0, _react.useEffect)(function () {
+    if (context.lastShow === show) return;
     if (show) {
       showList();
     } else {
       hideList();
     }
+    context.lastShow = show;
   }, [show]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     ref: forkRef,
     className: classNamePo,
     "data-sheinx-animation-type": type.join(' '),
     "data-sheinx-animation-duration": duration,
-    style: _objectSpread(_objectSpread({}, style), innerStyle)
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), innerStyle), {}, {
+      transform: "".concat((style === null || style === void 0 ? void 0 : style.transform) || '', " ").concat((innerStyle === null || innerStyle === void 0 ? void 0 : innerStyle.transform) || '').trim()
+    })
   }, forwardProps), {}, {
     children: children
   }));

package/esm/breadcrumb/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD;AACD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAgD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD;AACD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAkD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/breadcrumb/list.js

@@ -41,9 +41,12 @@ var List = function List(props) {
   var renderList = function renderList(arr) {
     return arr.map(function (item, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdownItem),
-        onClick: closePop,
-        children: props.renderItem(item)
+        className: classes === null || classes === void 0 ? void 0 : classes.itemWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdownItem),
+          onClick: closePop,
+          children: props.renderItem(item)
+        })
       }, index);
     });
   };

package/esm/button/button.js

@@ -76,12 +76,12 @@ var Button = function Button(props) {
     }
     return 12;
   };
-  var childrenEl = getSpaceChildren(children, space);
+  var childrenEl = getSpaceChildren(children, space, buttonStyle.spaceWrapper);
   var buttonInnerEl = childrenEl;
   if (typeof renderInnerWrapper === 'function') {
     buttonInnerEl = renderInnerWrapper(childrenEl);
   }
-  var loadingEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  var loadingEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: buttonStyle.spin,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
       name: "ring",

package/esm/button/button.type.d.ts

@@ -31,11 +31,40 @@ export interface ButtonJssStyle {
     spin?: () => SpinClasses;
 }
 export interface ButtonItemProps extends Pick<CommonType, 'style' | 'className'> {
+    /**
+     * @en The type of the button
+     * @cn 按钮类型
+     * @default 'default'
+     */
     type: ButtonType;
+    /**
+     * @en The mode of the button
+     * @cn 按钮风格
+     */
     mode: ButtonMode;
+    /**
+     * @en The size of the button
+     * @cn 按钮尺寸
+     * @default 'default'
+     */
     size?: string;
+    /**
+     * @en Text button
+     * @cn 文字按钮，不展示边框和背景
+     * @default false
+     */
     text?: boolean;
+    /**
+     * @en When outline is true, the background is transparent
+     * @cn outline 为 true 时，显示透明背景的按钮
+     * @default false
+     */
     outline?: boolean;
+    /**
+     * @en Specifies the button should be disabled
+     * @cn 禁用
+     * @default false
+     */
     disabled?: boolean;
     jssStyle?: ButtonJssStyle;
 }
@@ -44,18 +73,57 @@ export interface ButtonBaseProps extends BaseButtonProps, Pick<CommonType, 'styl
         button?: () => ButtonClasses;
         spin?: () => SpinClasses;
     };
+    /**
+     * @en The content inside the button, can be a text icon, etc
+     * @cn 按钮里面的内容, 可以是文字图标等
+     */
     children?: React.ReactNode;
     renderButton?: (buttonEl: React.ReactNode) => React.ReactElement;
+    /**
+     * @en Customize loading
+     * @cn 自定义loading
+     */
     renderLoading?: (buttonEl: React.ReactNode) => React.ReactElement;
+    /**
+     * @en Customize the inner wrapper
+     * @cn 自定义内部包裹
+     */
     renderInnerWrapper?: (innerWrapperEl: React.ReactNode) => React.ReactElement;
 }
 export interface ButtonGroupProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
+    /**
+     * @deprecated 线框按钮,即将废弃,请使用 mode="outline"
+     */
     outline?: boolean;
+    /**
+     * @deprecated 文本按钮,即将废弃,请使用 mode="text"
+     */
     text?: boolean;
+    /**
+     * @deprecated 文本按钮,即将废弃,请使用 mode="link"
+     */
     link?: boolean;
+    /**
+     * @en Can be set button shape
+     * @cn 设置按钮形状
+     */
     shape?: 'round';
+    /**
+     * @en The mode of the button
+     * @cn 按钮风格;如果Button和Group同时设置mode,以Group为准
+     */
     mode?: ButtonMode;
+    /**
+     * @en The type of the button
+     * @cn 按钮类型;如果Button和Group同时设置type,以Button为准
+     * @default 'default'
+     */
     type?: ButtonType;
+    /**
+     * @en Array of Button
+     * @cn 由 Button 组成的 array
+     * @default index
+     */
     children: React.ReactNode;
     jssStyle?: ButtonJssStyle;
 }

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

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

package/esm/card/card-accordion-context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface CardAccordionContextValue {
+    activeId: any;
+    onActiveChange: (id: any) => void;
+    getDefaultId: () => any;
+    inAccordion: boolean;
+}
+export declare const defualtCardAccordionContextValue: {
+    activeId: null;
+    onActiveChange: () => void;
+    getDefaultId: () => null;
+    inAccordion: boolean;
+};
+export declare const CardAccordionContext: React.Context<CardAccordionContextValue>;
+export {};
+//# sourceMappingURL=card-accordion-context.d.ts.map

package/esm/card/card-accordion-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion-context.d.ts","sourceRoot":"","sources":["card-accordion-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gCAAgC;;;;;CAK5C,CAAC;AACF,eAAO,MAAM,oBAAoB,0CAEhC,CAAC"}

package/esm/card/card-accordion-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defualtCardAccordionContextValue = exports.CardAccordionContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var defualtCardAccordionContextValue = {
+  activeId: null,
+  onActiveChange: function onActiveChange() {},
+  getDefaultId: function getDefaultId() {
+    return null;
+  },
+  inAccordion: false
+};
+exports.defualtCardAccordionContextValue = defualtCardAccordionContextValue;
+var CardAccordionContext = /*#__PURE__*/_react.default.createContext(defualtCardAccordionContextValue);
+exports.CardAccordionContext = CardAccordionContext;

package/esm/card/card-accordion.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardAccordionProps } from './card-accordion.type';
+declare const CardAccordion: <T>(props: CardAccordionProps<T>) => JSX.Element;
+export default CardAccordion;
+//# sourceMappingURL=card-accordion.d.ts.map

package/esm/card/card-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion.d.ts","sourceRoot":"","sources":["card-accordion.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,QAAA,MAAM,aAAa,kDAiClB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/card/card-accordion.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _react = require("react");
+var _cardAccordionContext = require("./card-accordion-context");
+var _jsxRuntime = require("react/jsx-runtime");
+var CardAccordion = function CardAccordion(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useRef = (0, _react.useRef)({
+      id: 0
+    }),
+    context = _useRef.current;
+  var _useState = (0, _react.useState)(props.defaultActive),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeId = _useState2[0],
+    setActiveId = _useState2[1];
+  var getDefaultId = (0, _hooks.usePersistFn)(function () {
+    var id = context.id;
+    context.id++;
+    return id;
+  });
+  var onActiveChange = (0, _hooks.usePersistFn)(function (id) {
+    var _props$onChange;
+    var result = id === activeId ? null : id;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, result);
+    setActiveId(result);
+  });
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      activeId: activeId,
+      onActiveChange: onActiveChange,
+      getDefaultId: getDefaultId,
+      inAccordion: true
+    };
+  }, [activeId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.accordion),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cardAccordionContext.CardAccordionContext.Provider, {
+      value: contextValue,
+      children: props.children
+    })
+  });
+};
+var _default = CardAccordion;
+exports.default = _default;

package/esm/card/card-accordion.type.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { CardJssStyle } from './card.type';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    header: string;
+    body: string;
+    footer: string;
+}
+export interface CardAccordionProps<T = string | number> extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en Active value. It is -1 when fully closed. Used in controlled state. be id while Card.id setted
+     * @cn 打开的值，全关闭时为 null，用于受控状态。默认为索引，若 Card 设置 id 后则为 id。
+     * @override any
+     */
+    active?: T | null;
+    /**
+     * @en The default active value for uncontrolled state, be id while Card.id setted
+     * @cn 默认打开的值，用于非受控状态。默认为索引，若 Card 设置 id 后则为 id。
+     * @default 0
+     * @override any
+     */
+    defaultActive?: T | null;
+    /**
+     * @en The callback function when the panel is opened
+     * @cn 面板打开回调
+     * @override (active: any) => void
+     */
+    onChange?: (active: T | null) => void;
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=card-accordion.type.d.ts.map

package/esm/card/card-accordion.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion.type.d.ts","sourceRoot":"","sources":["card-accordion.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CACrD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAElB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/card/card-accordion.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/card/card-body.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardBodyProps } from './card-body.type';
+declare const CardBody: (props: CardBodyProps) => JSX.Element;
+export default CardBody;
+//# sourceMappingURL=card-body.d.ts.map

package/esm/card/card-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.d.ts","sourceRoot":"","sources":["card-body.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAsBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/card/card-body.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _card = require("./card.context");
+var _animationList = _interopRequireDefault(require("../animation-list"));
+var _jsxRuntime = require("react/jsx-runtime");
+var CardBody = function CardBody(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useContext = (0, _react.useContext)(_card.CardContext),
+    collapsible = _useContext.collapsible,
+    collapsed = _useContext.collapsed;
+  var cs = (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.body);
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: cs,
+    style: props.style,
+    children: props.children
+  });
+  if (collapsible) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+      className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.bodyCollapse,
+      type: 'collapse',
+      show: !collapsed,
+      duration: 'fast',
+      children: body
+    });
+  }
+  return body;
+};
+var _default = CardBody;
+exports.default = _default;