@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/stepper/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -27,97 +28,100 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   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 Stepper = /*#__PURE__*/(0, _react.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 = (0, _useValue2.default)({
-        defaultValue: defaultValue,
-        formatter: formatter,
-        min: min,
-        max: max,
-        value: value,
-        digits: digits
-      }),
-      updateValue = _useValue.updateValue,
-      actualInputValue = _useValue.actualInputValue,
-      showValue = _useValue.showValue;
 
-    // 按钮点击的相关逻辑
+    var _useValue = (0, _useValue2.default)({
+      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 = (0, _useButtonClick2.default)({
-        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 = (0, _useButtonClick2.default)({
+      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 = (0, _useInputEvent2.default)({
-        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 = (0, _react.useRef)(null);
     var inputRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
@@ -174,7 +178,6 @@
       }))));
     });
   });
-
   /**
    * 步进器组件，支持受控模式
    * @en Stepper component, provide controlled mode
@@ -184,6 +187,8 @@
    * @name_en Stepper
    * @displayName Stepper
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Stepper, 'Stepper');
+
   _exports.default = _default;
 });

package/umd/steps/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     StepsContext: true
@@ -28,46 +29,54 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   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 StepsContext = /*#__PURE__*/(0, _react.createContext)({
     changeIndex: function changeIndex() {}
   });
   _exports.StepsContext = StepsContext;
   var Steps = /*#__PURE__*/(0, _react.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 = (0, _react.useState)(Number(defaultIndex)),
-      innerIndex = _useState[0],
-      setInnerIndex = _useState[1];
+        innerIndex = _useState[0],
+        setInnerIndex = _useState[1];
+
     var _useRefState = (0, _helpers.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 = (0, _react.useRef)(null);
     var system = (0, _helpers.useSystem)();
+
     function changeIndex(newIndex) {
       onClick == null ? void 0 : onClick(newIndex);
       setInnerIndex(newIndex);
       newIndex !== activeRefIndex.current && (onChange == null ? void 0 : onChange(newIndex));
     }
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
@@ -105,7 +114,6 @@
       }));
     });
   });
-
   /**
    * 显示一个任务的进度; 或者引导用户完成某个复杂任务。
    * @en Display the progress of a task, or guide users to complete a complex task.
@@ -114,8 +122,10 @@
    * @type 信息展示
    * @type_en Data Display
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Steps, {
     Step: _step.default
   });
+
   _exports.default = _default;
 });

package/umd/steps/step.js

@@ -16,21 +16,26 @@
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
+
   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 Step = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var title = props.title,
-      description = props.description,
-      icon = props.icon;
+        description = props.description,
+        icon = props.icon;
+
     var _useContext = (0, _react.useContext)(_index.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 = (0, _react.useRef)(null);
@@ -41,25 +46,32 @@
     });
     var currentStatus = (0, _react.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.default.createElement(_icon.IconCheckBold, null);
       } else if (currentStatus === 'error') {
         content = /*#__PURE__*/_react.default.createElement(_icon.IconCloseBold, null);
       }
+
       return content || /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _mobileUtils.cls)(prefixCls + "-steps-item-icon-num")
       }, index + 1);
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {

package/umd/sticky/index.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _portal = _interopRequireDefault(_portal);
+
   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; }
+
   /**
    * 粘性布局组件，元素相对于窗口或指定容器的吸顶效果。
    * @en Sticky layout component, The sticky-to-top effect of the element relative to the window or specified container
@@ -31,39 +35,43 @@
    */
   var Sticky = /*#__PURE__*/(0, _react.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 = (0, _helpers.useRefState)(false),
-      isSticky = _useRefState[0],
-      isStickyRef = _useRefState[1],
-      setIsSticky = _useRefState[2];
+        isSticky = _useRefState[0],
+        isStickyRef = _useRefState[1],
+        setIsSticky = _useRefState[2];
+
     var _useRefState2 = (0, _helpers.useRefState)(false),
-      wasSticky = _useRefState2[0],
-      wasStickyRef = _useRefState2[1],
-      setWasSticky = _useRefState2[2];
+        wasSticky = _useRefState2[0],
+        wasStickyRef = _useRefState2[1],
+        setWasSticky = _useRefState2[2];
+
     var _useState = (0, _react.useState)({}),
-      stickyStateStyle = _useState[0],
-      setStickyStateStyle = _useState[1];
+        stickyStateStyle = _useState[0],
+        setStickyStateStyle = _useState[1];
+
     var contentRef = (0, _react.useRef)(null);
     var placeholderRef = (0, _react.useRef)(null);
     var contentCalculateHeightRef = (0, _react.useRef)(0);
@@ -72,23 +80,27 @@
     var framePendingRef = (0, _react.useRef)(false);
     var containerEventHandler = (0, _react.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 = (0, _mobileUtils.getScrollContainerRect)(scrollContainerRef.current),
-        containerRect = _getScrollContainerRe.containerRect;
+          containerRect = _getScrollContainerRe.containerRect;
+
       var containerTop = containerRect.top,
-        containerBottom = containerRect.bottom,
-        containerHeight = containerRect.height;
-      var disFromTop = placeholderClientRect.top - containerTop;
-      var disFromBottom = placeholderClientRect.top + calculatedHeight - containerBottom;
+          containerBottom = containerRect.bottom,
+          containerHeight = containerRect.height;
+      var disFromTop = Math.round(placeholderClientRect.top - containerTop);
+      var disFromBottom = Math.round(placeholderClientRect.top + calculatedHeight - containerBottom);
       var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
       var bottomFollowDifference = containerHeight - followTop - followOffset - calculatedHeight - bottomOffset;
       setWasSticky(Boolean(isStickyRef.current));
@@ -98,6 +110,7 @@
       var cssTop = (stickyStyle === 'absolute' ? 0 : containerTop) + topOffset;
       var cssBottom = (stickyStyle === 'absolute' ? 0 : window.innerHeight - containerBottom) + bottomOffset;
       var stickyCssStyle = {};
+
       if (newStickyState) {
         stickyCssStyle = (0, _extends2.default)({
           transform: 'translateZ(0)',
@@ -113,9 +126,11 @@
           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,
@@ -129,12 +144,15 @@
       if (framePendingRef.current) {
         return;
       }
+
       (0, _mobileUtils.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
@@ -149,12 +167,15 @@
       var eventTarget = getScrollContainer ? (0, _mobileUtils.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 () {
@@ -177,6 +198,7 @@
     var computedStyle = (0, _react.useMemo)(function () {
       return (0, _extends2.default)({}, style || {}, stickyStateStyle);
     }, [stickyStateStyle, style]);
+
     function renderSticky(prefixCls) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-sticky", className),
@@ -184,6 +206,7 @@
         style: computedStyle
       }, children);
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {

package/umd/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';
@@ -30,7 +27,10 @@ import './grid/style';
 import './image/style';
 import './show-monitor/style';
 import './image-preview/style';
+import './index-bar/style';
+import './keyboard/style';
 import './load-more/style';
+import './loading/style';
 import './masking/style';
 import './nav-bar/style';
 import './notice-bar/style';
@@ -50,6 +50,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';