@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.21

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,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;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA2EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,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;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/virtual-scroll/scroll.js

@@ -76,8 +76,9 @@ var Scroll = function Scroll(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: props.className,
     style: props.style,
+    onMouseMove: props.onMouseMove,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
-      type: 'scroll'
+      role: 'scroll'
     })), {}, {
       style: scrollerStyle,
       onScroll: handleScroll,
@@ -89,7 +90,7 @@ var Scroll = function Scroll(props) {
         context.isMouseDown = false;
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
-        type: 'scroll-container'
+        role: 'scroll-container'
       })), {}, {
         style: containerStyle,
         ref: containerRef,

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

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,8DAqEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,8DAyGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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/absolute-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,8EAoD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,8EA0D7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/absolute-list/absolute-list.js

@@ -3,29 +3,35 @@
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@sheinx/hooks");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _useContainer2 = _interopRequireDefault(require("./use-container"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AbsoluteList = function AbsoluteList(props) {
   var absolute = props.absolute,
     position = props.position,
     children = props.children,
-    parentElement = props.parentElement,
-    scrollElement = props.scrollElement,
+    parentElRef = props.parentElRef,
+    scrollElRef = props.scrollElRef,
     fixedWidth = props.fixedWidth,
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
     focus = props.focus,
-    popupEl = props.popupEl,
+    popupElRef = props.popupElRef,
     updateKey = props.updateKey,
     popupGap = props.popupGap,
     adjust = props.adjust,
@@ -34,18 +40,21 @@ var AbsoluteList = function AbsoluteList(props) {
   var _useContainer = (0, _useContainer2.default)({
       container: typeof absolute === 'function' ? absolute : undefined
     }),
-    getRoot = _useContainer.getRoot,
-    getContainer = _useContainer.getContainer;
+    getRoot = _useContainer.getRoot;
+  var _useRef = (0, _react.useRef)({
+      rendered: false
+    }),
+    context = _useRef.current;
   var style = (0, _hooks.usePositionStyle)({
-    getContainer: getContainer,
+    getContainer: getRoot,
     position: position,
     absolute: !!absolute,
-    parentEl: parentElement,
+    parentElRef: parentElRef,
     show: focus,
     fixedWidth: fixedWidth,
     zIndex: zIndex,
-    visibleEl: scrollElement,
-    popupEl: popupEl,
+    scrollElRef: scrollElRef,
+    popupElRef: popupElRef,
     updateKey: updateKey,
     popupGap: popupGap,
     adjust: adjust
@@ -56,9 +65,13 @@ var AbsoluteList = function AbsoluteList(props) {
   var styledChild = /*#__PURE__*/_react.default.cloneElement(children, {
     style: newStyle
   });
+  if (!_hooks.util.isBrowser()) return null;
+  if (!context.rendered && !focus) return null;
   if (destroy && !focus) return null;
+  context.rendered = true;
   if (absolute) {
     var root = getRoot();
+    if (!root) return null;
     root.className = props.rootClass || '';
     return /*#__PURE__*/_reactDom.default.createPortal(styledChild, root);
   }

package/esm/absolute-list/absolute-list.type.d.ts

@@ -4,7 +4,7 @@ export declare type VerticalPosition = 'bottom-left' | 'bottom-right' | 'top-lef
 export interface AbsoluteListProps {
     children: React.ReactElement;
     focus: boolean;
-    parentElement: HTMLElement | null;
+    parentElRef: React.RefObject<HTMLElement>;
     fixedWidth: 'min' | boolean;
     position: HorizontalPosition | VerticalPosition | 'cover';
     updateKey?: number | string;
@@ -26,10 +26,10 @@ export interface AbsoluteListProps {
      * @default 2
      */
     popupGap?: number;
-    scrollElement?: HTMLElement;
+    scrollElRef?: React.RefObject<HTMLElement>;
     scrollLeft?: number;
     scrollTop?: number;
-    popupEl?: HTMLElement | null;
+    popupElRef: React.RefObject<HTMLElement>;
     destroy?: boolean;
     adjust?: boolean;
 }

package/esm/absolute-list/absolute-list.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAE7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/esm/absolute-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -1,12 +1,12 @@
 export interface ContainerProps {
     container?: HTMLElement | null | (() => HTMLElement | null);
 }
-export declare const getContainer: (props: ContainerProps) => HTMLElement;
-export declare const getRootContainer: (props: ContainerProps) => HTMLElement;
-export declare const getRoot: (props: ContainerProps) => HTMLDivElement;
+export declare const getContainer: (props: ContainerProps) => HTMLElement | null;
+export declare const getRootContainer: (props: ContainerProps) => HTMLElement | null;
+export declare const getRoot: (props: ContainerProps) => HTMLDivElement | null;
 declare const useContainer: (props?: ContainerProps) => {
-    getRoot: () => HTMLDivElement;
-    getContainer: () => HTMLElement;
+    getRoot: () => HTMLDivElement | null;
+    getContainer: () => HTMLElement | null;
     unMount: () => void;
 };
 export default useContainer;

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,uBAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,uBAsBrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,0BAO5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CAmC1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/absolute-list/use-container.js

@@ -13,7 +13,7 @@ var _hooks = require("@sheinx/hooks");
 var _config = require("../config");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var root;
+var root = null;
 var getContainer = function getContainer(props) {
   {
     var container = typeof props.container === 'function' ? props.container() : props.container;
@@ -29,8 +29,13 @@ var getRootContainer = function getRootContainer(props) {
   if (!root || _hooks.util.isInDocument(root) === false) {
     root = document.createElement('div');
     root.setAttribute('style', 'contain: size');
+    if (defaultContainer) {
+      defaultContainer.appendChild(root);
+    }
   }
-  if (root.parentElement !== defaultContainer) {
+  if (_hooks.util.isBrowser() && defaultContainer &&
+  // body在微前端会被劫持导致死循环
+  defaultContainer !== document.body && root.parentElement !== defaultContainer) {
     defaultContainer.appendChild(root);
   }
   return root;
@@ -38,6 +43,8 @@ var getRootContainer = function getRootContainer(props) {
 exports.getRootContainer = getRootContainer;
 var getRoot = function getRoot(props) {
   var rootContainer = getRootContainer(props);
+  if (!rootContainer) return null;
+  if (!_hooks.util.isBrowser()) return null;
   var root = document.createElement('div');
   rootContainer.appendChild(root);
   return root;
@@ -53,11 +60,13 @@ var useContainer = function useContainer() {
     return getContainer(props);
   });
   var getRoot = (0, _hooks.usePersistFn)(function () {
+    if (!_hooks.util.isBrowser()) return null;
     if (!context.element) {
       context.element = document.createElement('div');
+      context.element.setAttribute('style', ' position: absolute; top: 0px; left: 0px; width: 100% ');
     }
     var rootContainer = getRootContainer(props);
-    if (context.element.parentElement !== rootContainer) {
+    if (rootContainer && context.element.parentElement !== rootContainer) {
       rootContainer.appendChild(context.element);
     }
     return context.element;

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/alert/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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,gBAkO/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: undefined
     }),
     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,26 @@ var AnimationList = function AnimationList(props) {
     }, mm);
   };
   (0, _react.useEffect)(function () {
+    if (context.lastShow === show) return;
     if (show) {
       showList();
     } else {
       hideList();
     }
+    context.lastShow = show;
   }, [show]);
+  var wrapperStyle = _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()
+  });
+  if (!wrapperStyle.transform) {
+    delete wrapperStyle.transform;
+  }
   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: wrapperStyle
   }, forwardProps), {}, {
     children: children
   }));

package/esm/animation-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAkB,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxF,QAAA,MAAM,UAAU,0EAwEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAkB,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxF,QAAA,MAAM,UAAU,0EAuEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/breadcrumb/breadcrumb.js

@@ -28,8 +28,6 @@ var Breadcrumb = function Breadcrumb(props) {
     _props$separator = props.separator,
     separator = _props$separator === void 0 ? '/' : _props$separator;
   var breadcrumbClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$bread = _props$jssStyle.breadcrumb) === null || _props$jssStyle$bread === void 0 ? void 0 : _props$jssStyle$bread.call(_props$jssStyle);
-  // ...
-
   var renderItem = function renderItem(dataItem) {
     var d = dataItem;
     var item = d.title;

package/esm/breadcrumb/breadcrumb.type.d.ts

@@ -15,6 +15,7 @@ export interface BreadcrumbClasses {
     itemWithDrop: string;
     dropdown: string;
     ellipsis: string;
+    itemWrapper: string;
 }
 export interface BreadcrumbJssStyle extends PopoverJssStyle {
     breadcrumb?: () => BreadcrumbClasses;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.type.d.ts","sourceRoot":"","sources":["breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oBAAY,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,kBAAkB,CACxD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC;IACxC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}
+{"version":3,"file":"breadcrumb.type.d.ts","sourceRoot":"","sources":["breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oBAAY,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,kBAAkB,CACxD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC;IACxC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/esm/breadcrumb/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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);
     });
   };
@@ -61,10 +64,10 @@ var List = function List(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       position: position,
       focus: open,
-      parentElement: targetRef.current,
+      parentElRef: targetRef,
       absolute: true,
       fixedWidth: 'min',
-      popupEl: popupRef.current,
+      popupElRef: popupRef,
       adjust: true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
         className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdown),
@@ -72,7 +75,7 @@ var List = function List(props) {
         duration: 'fast',
         show: open,
         onRef: popupRef,
-        animation: true,
+        animation: false,
         children: renderList(rest)
       })
     })]