@arco-design/mobile-react 2.25.4 → 2.26.0

package/esm/stepper/hooks/useInputEvent.js

@@ -1,19 +1,21 @@
 import { useUpdateEffect } from '../../_helpers';
 export default function useInputEvent(params) {
   var defaultValue = params.defaultValue,
-    min = params.min,
-    max = params.max,
-    digits = params.digits,
-    actualInputValue = params.actualInputValue,
-    allowEmpty = params.allowEmpty,
-    updateValue = params.updateValue,
-    onBlur = params.onBlur,
-    onChange = params.onChange,
-    onInput = params.onInput;
+      min = params.min,
+      max = params.max,
+      digits = params.digits,
+      actualInputValue = params.actualInputValue,
+      allowEmpty = params.allowEmpty,
+      updateValue = params.updateValue,
+      onBlur = params.onBlur,
+      onChange = params.onChange,
+      onInput = params.onInput;
+
   var handleInput = function handleInput(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
     var pointIndex = targetValue.indexOf('.');
+
     if (digits > 0 && pointIndex !== -1) {
       var decimalLength = targetValue.slice(pointIndex + 1).length;
       updateValue(decimalLength > digits ? actualInputValue : numberValue);
@@ -22,11 +24,14 @@ export default function useInputEvent(params) {
     } else {
       updateValue(numberValue);
     }
+
     onInput && onInput(e);
   };
+
   var handleBlur = function handleBlur(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
+
     if (allowEmpty && targetValue === '') {
       updateValue(Number.MIN_VALUE);
     } else if (!allowEmpty && targetValue === '') {
@@ -34,8 +39,10 @@ export default function useInputEvent(params) {
     } else {
       updateValue(Math.max(min, Math.min(max, numberValue)));
     }
+
     onBlur && onBlur(e);
   };
+
   useUpdateEffect(function () {
     onChange && onChange(actualInputValue);
   }, [actualInputValue]);

package/esm/stepper/hooks/useValue.js

@@ -1,16 +1,19 @@
 import { useState } from 'react';
 export default function useValue(params) {
   var defaultValue = params.defaultValue,
-    formatter = params.formatter,
-    max = params.max,
-    min = params.min,
-    value = params.value,
-    digits = params.digits;
+      formatter = params.formatter,
+      max = params.max,
+      min = params.min,
+      value = params.value,
+      digits = params.digits;
+
   var _useState = useState(defaultValue),
-    innerValue = _useState[0],
-    setInnerValue = _useState[1];
+      innerValue = _useState[0],
+      setInnerValue = _useState[1];
+
   var updateValue = function updateValue(updater) {
     var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
+
     if (formatter) {
       new Promise(function (resolve) {
         resolve(formatter(Number(tempValue)));
@@ -22,10 +25,10 @@ export default function useValue(params) {
       setInnerValue(tempValue);
     }
   };
-  var actualInputValue = value !== undefined ? value : innerValue;
 
-  // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
+  var actualInputValue = value !== undefined ? value : innerValue; // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
   // @en If actualInputValue equal Number.MIN_VALUE, actualInputValue equal ''
+
   var showValue = actualInputValue === Number.MIN_VALUE ? '' : digits > 0 ? parseFloat(String(actualInputValue)).toFixed(digits) : actualInputValue;
   return {
     updateValue: updateValue,

package/esm/stepper/index.js

@@ -8,93 +8,93 @@ import useValue from './hooks/useValue';
 export * from './type';
 var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    inputStyle = props.inputStyle,
-    _props$inputClass = props.inputClass,
-    inputClass = _props$inputClass === void 0 ? '' : _props$inputClass,
-    value = props.value,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? 1 : _props$defaultValue,
-    _props$allowEmpty = props.allowEmpty,
-    allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
-    _props$digits = props.digits,
-    digits = _props$digits === void 0 ? 0 : _props$digits,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$inputReadonly = props.inputReadonly,
-    inputReadonly = _props$inputReadonly === void 0 ? false : _props$inputReadonly,
-    _props$max = props.max,
-    max = _props$max === void 0 ? Infinity : _props$max,
-    _props$min = props.min,
-    min = _props$min === void 0 ? 1 : _props$min,
-    _props$equalLimitDisa = props.equalLimitDisabled,
-    equalLimitDisabled = _props$equalLimitDisa === void 0 ? false : _props$equalLimitDisa,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'default' : _props$theme,
-    formatter = props.formatter,
-    addButton = props.addButton,
-    minusButton = props.minusButton,
-    renderContent = props.renderContent,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onAddButtonClick = props.onAddButtonClick,
-    onMinusButtonClick = props.onMinusButtonClick,
-    onClick = props.onClick,
-    onInput = props.onInput;
-
-  // 值的相关逻辑
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      inputStyle = props.inputStyle,
+      _props$inputClass = props.inputClass,
+      inputClass = _props$inputClass === void 0 ? '' : _props$inputClass,
+      value = props.value,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 1 : _props$defaultValue,
+      _props$allowEmpty = props.allowEmpty,
+      allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
+      _props$digits = props.digits,
+      digits = _props$digits === void 0 ? 0 : _props$digits,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$inputReadonly = props.inputReadonly,
+      inputReadonly = _props$inputReadonly === void 0 ? false : _props$inputReadonly,
+      _props$max = props.max,
+      max = _props$max === void 0 ? Infinity : _props$max,
+      _props$min = props.min,
+      min = _props$min === void 0 ? 1 : _props$min,
+      _props$equalLimitDisa = props.equalLimitDisabled,
+      equalLimitDisabled = _props$equalLimitDisa === void 0 ? false : _props$equalLimitDisa,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$theme = props.theme,
+      theme = _props$theme === void 0 ? 'default' : _props$theme,
+      formatter = props.formatter,
+      addButton = props.addButton,
+      minusButton = props.minusButton,
+      renderContent = props.renderContent,
+      onBlur = props.onBlur,
+      onChange = props.onChange,
+      onFocus = props.onFocus,
+      onAddButtonClick = props.onAddButtonClick,
+      onMinusButtonClick = props.onMinusButtonClick,
+      onClick = props.onClick,
+      onInput = props.onInput; // 值的相关逻辑
   // @en The logic is that handle value
-  var _useValue = useValue({
-      defaultValue: defaultValue,
-      formatter: formatter,
-      min: min,
-      max: max,
-      value: value,
-      digits: digits
-    }),
-    updateValue = _useValue.updateValue,
-    actualInputValue = _useValue.actualInputValue,
-    showValue = _useValue.showValue;
 
-  // 按钮点击的相关逻辑
+  var _useValue = useValue({
+    defaultValue: defaultValue,
+    formatter: formatter,
+    min: min,
+    max: max,
+    value: value,
+    digits: digits
+  }),
+      updateValue = _useValue.updateValue,
+      actualInputValue = _useValue.actualInputValue,
+      showValue = _useValue.showValue; // 按钮点击的相关逻辑
   // @en The logic is that handle button click
-  var _useButtonClick = useButtonClick({
-      actualInputValue: actualInputValue,
-      min: min,
-      max: max,
-      step: step,
-      disabled: disabled,
-      digits: digits,
-      equalLimitDisabled: equalLimitDisabled,
-      updateValue: updateValue,
-      onAddButtonClick: onAddButtonClick,
-      onMinusButtonClick: onMinusButtonClick
-    }),
-    minusButtonDisable = _useButtonClick.minusButtonDisable,
-    addButtonDisable = _useButtonClick.addButtonDisable,
-    handleAddButtonClick = _useButtonClick.handleAddButtonClick,
-    handleMinusButtonClick = _useButtonClick.handleMinusButtonClick;
 
-  // 输入框操作的相关逻辑
+
+  var _useButtonClick = useButtonClick({
+    actualInputValue: actualInputValue,
+    min: min,
+    max: max,
+    step: step,
+    disabled: disabled,
+    digits: digits,
+    equalLimitDisabled: equalLimitDisabled,
+    updateValue: updateValue,
+    onAddButtonClick: onAddButtonClick,
+    onMinusButtonClick: onMinusButtonClick
+  }),
+      minusButtonDisable = _useButtonClick.minusButtonDisable,
+      addButtonDisable = _useButtonClick.addButtonDisable,
+      handleAddButtonClick = _useButtonClick.handleAddButtonClick,
+      handleMinusButtonClick = _useButtonClick.handleMinusButtonClick; // 输入框操作的相关逻辑
   // @en The logic is that handle input operation
+
+
   var _useInputEvent = useInputEvent({
-      defaultValue: defaultValue,
-      min: min,
-      max: max,
-      digits: digits,
-      actualInputValue: actualInputValue,
-      allowEmpty: allowEmpty,
-      updateValue: updateValue,
-      onBlur: onBlur,
-      onChange: onChange,
-      onInput: onInput
-    }),
-    handleInput = _useInputEvent.handleInput,
-    handleBlur = _useInputEvent.handleBlur;
+    defaultValue: defaultValue,
+    min: min,
+    max: max,
+    digits: digits,
+    actualInputValue: actualInputValue,
+    allowEmpty: allowEmpty,
+    updateValue: updateValue,
+    onBlur: onBlur,
+    onChange: onChange,
+    onInput: onInput
+  }),
+      handleInput = _useInputEvent.handleInput,
+      handleBlur = _useInputEvent.handleBlur;
+
   var domRef = useRef(null);
   var inputRef = useRef(null);
   useImperativeHandle(ref, function () {
@@ -151,7 +151,6 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
     }))));
   });
 });
-
 /**
  * 步进器组件，支持受控模式
  * @en Stepper component, provide controlled mode
@@ -161,4 +160,5 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
  * @name_en Stepper
  * @displayName Stepper
  */
+
 export default componentWrapper(Stepper, 'Stepper');

package/esm/steps/index.js

@@ -10,38 +10,43 @@ export var StepsContext = /*#__PURE__*/createContext({
 });
 var Steps = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    children = props.children,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-    userSetAlign = props.align,
-    _props$iconType = props.iconType,
-    iconType = _props$iconType === void 0 ? 'number' : _props$iconType,
-    current = props.current,
-    _props$defaultIndex = props.defaultIndex,
-    defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
-    _props$status = props.status,
-    status = _props$status === void 0 ? 'process' : _props$status,
-    items = props.items,
-    onClick = props.onClick,
-    onChange = props.onChange;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      children = props.children,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+      userSetAlign = props.align,
+      _props$iconType = props.iconType,
+      iconType = _props$iconType === void 0 ? 'number' : _props$iconType,
+      current = props.current,
+      _props$defaultIndex = props.defaultIndex,
+      defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
+      _props$status = props.status,
+      status = _props$status === void 0 ? 'process' : _props$status,
+      items = props.items,
+      onClick = props.onClick,
+      onChange = props.onChange;
   var defaultAlign = direction === 'vertical' ? 'start' : 'center';
   var align = userSetAlign !== void 0 ? userSetAlign : defaultAlign;
+
   var _useState = useState(Number(defaultIndex)),
-    innerIndex = _useState[0],
-    setInnerIndex = _useState[1];
+      innerIndex = _useState[0],
+      setInnerIndex = _useState[1];
+
   var _useRefState = useRefState(current === void 0 ? innerIndex : current),
-    activeIndex = _useRefState[0],
-    activeRefIndex = _useRefState[1],
-    setActiveIndex = _useRefState[2];
+      activeIndex = _useRefState[0],
+      activeRefIndex = _useRefState[1],
+      setActiveIndex = _useRefState[2];
+
   var domRef = useRef(null);
   var system = useSystem();
+
   function changeIndex(newIndex) {
     onClick == null ? void 0 : onClick(newIndex);
     setInnerIndex(newIndex);
     newIndex !== activeRefIndex.current && (onChange == null ? void 0 : onChange(newIndex));
   }
+
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
@@ -79,7 +84,6 @@ var Steps = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
   });
 });
-
 /**
  * 显示一个任务的进度; 或者引导用户完成某个复杂任务。
  * @en Display the progress of a task, or guide users to complete a complex task.
@@ -88,6 +92,7 @@ var Steps = /*#__PURE__*/forwardRef(function (props, ref) {
  * @type 信息展示
  * @type_en Data Display
  */
+
 export default componentWrapper(Steps, {
   Step: Step
 });

package/esm/steps/step.js

@@ -5,17 +5,19 @@ import { ContextLayout } from '../context-provider';
 import { StepsContext } from './index';
 var Step = /*#__PURE__*/forwardRef(function (props, ref) {
   var title = props.title,
-    description = props.description,
-    icon = props.icon;
+      description = props.description,
+      icon = props.icon;
+
   var _useContext = useContext(StepsContext),
-    iconType = _useContext.iconType,
-    current = _useContext.current,
-    direction = _useContext.direction,
-    _useContext$index = _useContext.index,
-    index = _useContext$index === void 0 ? 0 : _useContext$index,
-    contextStatus = _useContext.status,
-    contextAlign = _useContext.align,
-    changeIndex = _useContext.changeIndex;
+      iconType = _useContext.iconType,
+      current = _useContext.current,
+      direction = _useContext.direction,
+      _useContext$index = _useContext.index,
+      index = _useContext$index === void 0 ? 0 : _useContext$index,
+      contextStatus = _useContext.status,
+      contextAlign = _useContext.align,
+      changeIndex = _useContext.changeIndex;
+
   var status = props.status || contextStatus;
   var align = props.align || contextAlign;
   var domRef = useRef(null);
@@ -26,25 +28,32 @@ var Step = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   var currentStatus = useMemo(function () {
     if (status) return status;
+
     if (current < index) {
       return 'wait';
     }
+
     if (current === index) {
       return 'process';
     }
+
     return 'finish';
   }, [status, index, current]);
+
   function renderNumIcon(prefixCls) {
     var content;
+
     if (currentStatus === 'finish') {
       content = /*#__PURE__*/React.createElement(IconCheckBold, null);
     } else if (currentStatus === 'error') {
       content = /*#__PURE__*/React.createElement(IconCloseBold, null);
     }
+
     return content || /*#__PURE__*/React.createElement("span", {
       className: cls(prefixCls + "-steps-item-icon-num")
     }, index + 1);
   }
+
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {

package/esm/sticky/index.js

@@ -4,6 +4,7 @@ import { cls, execRAF, getActualContainer, getScrollContainerRect } from '@arco-
 import { ContextLayout } from '../context-provider';
 import { useRefState } from '../_helpers';
 import Portal from '../portal';
+
 /**
  * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
  * @en Sticky layout component, The sticky-to-top effect of the element relative to the window or specified container
@@ -14,39 +15,43 @@ import Portal from '../portal';
  */
 var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$position = props.position,
-    position = _props$position === void 0 ? 'top' : _props$position,
-    _props$topOffset = props.topOffset,
-    topOffset = _props$topOffset === void 0 ? 0 : _props$topOffset,
-    _props$bottomOffset = props.bottomOffset,
-    bottomOffset = _props$bottomOffset === void 0 ? 0 : _props$bottomOffset,
-    _props$followOffset = props.followOffset,
-    followOffset = _props$followOffset === void 0 ? 0 : _props$followOffset,
-    children = props.children,
-    className = props.className,
-    style = props.style,
-    _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
-    _props$portalWhenStic = props.portalWhenSticky,
-    portalWhenSticky = _props$portalWhenStic === void 0 ? false : _props$portalWhenStic,
-    _props$stickyStyle = props.stickyStyle,
-    stickyStyle = _props$stickyStyle === void 0 ? 'fixed' : _props$stickyStyle,
-    userSetStickyCssStyle = props.stickyCssStyle,
-    getPortalContainer = props.getPortalContainer,
-    getContainer = props.getContainer,
-    getScrollContainer = props.getScrollContainer,
-    onStickyStateChange = props.onStickyStateChange,
-    onTopChange = props.onTopChange;
+      position = _props$position === void 0 ? 'top' : _props$position,
+      _props$topOffset = props.topOffset,
+      topOffset = _props$topOffset === void 0 ? 0 : _props$topOffset,
+      _props$bottomOffset = props.bottomOffset,
+      bottomOffset = _props$bottomOffset === void 0 ? 0 : _props$bottomOffset,
+      _props$followOffset = props.followOffset,
+      followOffset = _props$followOffset === void 0 ? 0 : _props$followOffset,
+      children = props.children,
+      className = props.className,
+      style = props.style,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
+      _props$portalWhenStic = props.portalWhenSticky,
+      portalWhenSticky = _props$portalWhenStic === void 0 ? false : _props$portalWhenStic,
+      _props$stickyStyle = props.stickyStyle,
+      stickyStyle = _props$stickyStyle === void 0 ? 'fixed' : _props$stickyStyle,
+      userSetStickyCssStyle = props.stickyCssStyle,
+      getPortalContainer = props.getPortalContainer,
+      getContainer = props.getContainer,
+      getScrollContainer = props.getScrollContainer,
+      onStickyStateChange = props.onStickyStateChange,
+      onTopChange = props.onTopChange;
+
   var _useRefState = useRefState(false),
-    isSticky = _useRefState[0],
-    isStickyRef = _useRefState[1],
-    setIsSticky = _useRefState[2];
+      isSticky = _useRefState[0],
+      isStickyRef = _useRefState[1],
+      setIsSticky = _useRefState[2];
+
   var _useRefState2 = useRefState(false),
-    wasSticky = _useRefState2[0],
-    wasStickyRef = _useRefState2[1],
-    setWasSticky = _useRefState2[2];
+      wasSticky = _useRefState2[0],
+      wasStickyRef = _useRefState2[1],
+      setWasSticky = _useRefState2[2];
+
   var _useState = useState({}),
-    stickyStateStyle = _useState[0],
-    setStickyStateStyle = _useState[1];
+      stickyStateStyle = _useState[0],
+      setStickyStateStyle = _useState[1];
+
   var contentRef = useRef(null);
   var placeholderRef = useRef(null);
   var contentCalculateHeightRef = useRef(0);
@@ -55,21 +60,25 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
   var framePendingRef = useRef(false);
   var containerEventHandler = useCallback(function (_ref) {
     var followTop = _ref.followTop,
-      followBottom = _ref.followBottom;
+        followBottom = _ref.followBottom;
+
     if (!contentRef.current) {
       return;
     }
+
     var needTop = position === 'top' || position === 'both';
     var needBottom = position === 'bottom' || position === 'both';
     var placeholderClientRect = placeholderRef.current.getBoundingClientRect();
     var contentClientRect = contentRef.current.getBoundingClientRect();
     var calculatedHeight = contentClientRect.height;
     contentCalculateHeightRef.current = contentClientRect.height;
+
     var _getScrollContainerRe = getScrollContainerRect(scrollContainerRef.current),
-      containerRect = _getScrollContainerRe.containerRect;
+        containerRect = _getScrollContainerRe.containerRect;
+
     var containerTop = containerRect.top,
-      containerBottom = containerRect.bottom,
-      containerHeight = containerRect.height;
+        containerBottom = containerRect.bottom,
+        containerHeight = containerRect.height;
     var disFromTop = placeholderClientRect.top - containerTop;
     var disFromBottom = placeholderClientRect.top + calculatedHeight - containerBottom;
     var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
@@ -81,6 +90,7 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
     var cssTop = (stickyStyle === 'absolute' ? 0 : containerTop) + topOffset;
     var cssBottom = (stickyStyle === 'absolute' ? 0 : window.innerHeight - containerBottom) + bottomOffset;
     var stickyCssStyle = {};
+
     if (newStickyState) {
       stickyCssStyle = _extends({
         transform: 'translateZ(0)',
@@ -96,9 +106,11 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
         width: placeholderClientRect.width
       }, userSetStickyCssStyle || {});
     }
+
     onTopChange == null ? void 0 : onTopChange(Math.max(0, contentClientRect.top - containerTop - topOffset));
     setIsSticky(newStickyState);
     setStickyStateStyle(stickyCssStyle);
+
     if (newStickyState !== wasStickyRef.current) {
       onStickyStateChange && onStickyStateChange({
         isTopSticky: isTopSticky,
@@ -112,12 +124,15 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
     if (framePendingRef.current) {
       return;
     }
+
     execRAF(function () {
       framePendingRef.current = false;
+
       if (containerRef.current) {
         var _containerRef$current = containerRef.current.getBoundingClientRect(),
-          _top = _containerRef$current.top,
-          bottom = _containerRef$current.bottom;
+            _top = _containerRef$current.top,
+            bottom = _containerRef$current.bottom;
+
         containerEventHandler({
           followTop: _top,
           followBottom: bottom
@@ -132,12 +147,15 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
     var eventTarget = getScrollContainer ? getActualContainer(getScrollContainer) : window;
     if (!eventTarget) return;
     scrollContainerRef.current = eventTarget;
+
     var attachEventListeners = function attachEventListeners(target) {
       target.addEventListener('scroll', recalculatePosition);
     };
+
     var removeEventListeners = function removeEventListeners(target) {
       target.removeEventListener('scroll', recalculatePosition);
     };
+
     attachEventListeners(eventTarget);
     recalculatePosition();
     return function () {
@@ -160,6 +178,7 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
   var computedStyle = useMemo(function () {
     return _extends({}, style || {}, stickyStateStyle);
   }, [stickyStateStyle, style]);
+
   function renderSticky(prefixCls) {
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-sticky", className),
@@ -167,6 +186,7 @@ var Sticky = /*#__PURE__*/forwardRef(function (props, ref) {
       style: computedStyle
     }, children);
   }
+
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
     var prefixCls = _ref2.prefixCls;
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {

package/esm/style.d.ts

@@ -1,21 +1,18 @@
 import '../style/public.less';
+import './button/style';
 import './action-sheet/style';
-import './cell/style';
-import './loading/style';
-import './badge/style';
 import './avatar/style';
-import './button/style';
+import './badge/style';
 import './carousel/style';
-import './toast/style';
-import './switch/style';
+import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
-import './tabs/style';
 import './context-provider/style';
-import './dialog/style';
 import './count-down/style';
 import './date-picker/style';
+import './divider/style';
+import './dialog/style';
 import './dropdown/style';
 import './dropdown-menu/style';
 import './ellipsis/style';
@@ -31,6 +28,7 @@ import './image/style';
 import './show-monitor/style';
 import './image-preview/style';
 import './load-more/style';
+import './loading/style';
 import './masking/style';
 import './nav-bar/style';
 import './notice-bar/style';
@@ -50,6 +48,9 @@ import './steps/style';
 import './sticky/style';
 import './swipe-action/style';
 import './swipe-load/style';
+import './switch/style';
 import './tab-bar/style';
+import './tabs/style';
 import './tag/style';
+import './toast/style';
 import './transition/style';