@arco-design/mobile-react 2.29.3 → 2.29.5

package/cjs/pull-refresh/android-pull-refresh.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.PullRefresh = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _mobileUtils = require("@arco-design/mobile-utils");
@@ -70,11 +72,7 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onRefresh = props.onRefresh,
       _props$allowPullWhenN = props.allowPullWhenNotTop,
       allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
-
-  var _useState = (0, _react.useState)({}),
-      transition = _useState[0],
-      setTransition = _useState[1];
-
+  var placeRef = (0, _react.useRef)(null);
   var touchRef = (0, _react.useRef)(null);
   var currentTranslateYRef = (0, _react.useRef)(0);
   var onTouching = (0, _react.useRef)(false);
@@ -111,17 +109,7 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var scroll = function scroll(y, ms, callback) {
     if (y < 5) {
-      if (y < 0) {
-        currentTranslateYRef.current = 0;
-        return;
-      }
-
-      if (ms === 0) {
-        setTimeout(function () {
-          setTransition({
-            transition: 'all 0s'
-          });
-        });
+      if (y < 0 || ms === 0) {
         currentTranslateYRef.current = 0;
         return;
       }
@@ -129,10 +117,11 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     var translateY = dampRateCalculate(y, loosingHeight, dampRate);
     currentTranslateYRef.current = translateY;
-    setTransition({
-      transform: translateY ? "translateY(" + translateY + "px)" : '',
+    placeRef.current && (0, _helpers.setStyleWithVendor)(placeRef.current, (0, _extends2.default)({
+      transform: translateY ? "translateY(" + translateY + "px) translateZ(0)" : ''
+    }, ms ? {
       transition: "all " + ms / 1000 + "s"
-    });
+    } : {}));
     setTimeout(function () {
       callback == null ? void 0 : callback();
     }, ms);
@@ -150,6 +139,9 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
       loadingRef.current = false;
       setStatus(_model.PullRefreshStatus.Static);
+      placeRef.current && (0, _helpers.setStyleWithVendor)(placeRef.current, {
+        transition: ''
+      });
       callback();
     });
   };
@@ -277,7 +269,7 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: domRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-place"),
-    style: (0, _helpers.getStyleWithVendor)(transition)
+    ref: placeRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label"),
     ref: labelRef,

package/cjs/pull-refresh/hooks.js

@@ -110,9 +110,9 @@ var useCheckAsStart = function useCheckAsStart(_ref3) {
   var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
       domRef = _ref3.domRef;
   var ifShouldHandle = (0, _react.useCallback)(function () {
-    var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
+    var _domRef$current$offse, _domRef$current9;
 
-    var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
+    var domRefHeight = (_domRef$current$offse = (_domRef$current9 = domRef.current) == null ? void 0 : _domRef$current9.offsetHeight) != null ? _domRef$current$offse : 0;
     return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
   }, [allowPullWhenNotTop]);
   return {

package/cjs/pull-refresh/style/css/index.css

@@ -51,7 +51,6 @@
   overflow-y: auto;
 }
 .arco-pull-refresh-place {
-  will-change: transform;
   position: relative;
   height: 100%;
 }

package/cjs/pull-refresh/style/index.less

@@ -51,7 +51,6 @@
     }
 
     &-place {
-        will-change: transform;
         position: relative;
         height: 100%;
     }

package/cjs/search-bar/style/css/index.css

@@ -75,6 +75,8 @@
 }
 .arco-search-bar-clear {
   color:  #C9CDD4 ;
+  font-size:  16PX ;
+  padding-left:  0.32rem ;
 }
 .arco-search-bar-search-icon {
   color:  #86909C ;

package/cjs/search-bar/style/index.less

@@ -1,112 +1,114 @@
 @import '../../../style/mixin.less';
 
 .@{prefix}-search-bar {
-  &-container {
-    display: flex;
-    align-items: center;
-    position: relative;
-    .use-var(padding, search-bar-padding);
-    .use-var(background-color, search-bar-background-color);
-  }
-  &-square {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-square-shape-border-radius);
+    &-container {
+        display: flex;
+        align-items: center;
+        position: relative;
+        .use-var(padding, search-bar-padding);
+        .use-var(background-color, search-bar-background-color);
     }
-  }
-  &-round {
-    .@{prefix}-search-bar-wrap {
-      .use-var(border-radius, search-bar-round-shape-border-radius);
+    &-square {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-square-shape-border-radius);
+        }
     }
-  }
-  &-wrap {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    .use-var(height, search-bar-input-wrapper-height);
-    .use-var(font-size, search-bar-input-wrapper-font-size);
-    .use-var(padding, search-bar-input-wrapper-padding);
-    .use-var(background-color, search-bar-input-wrapper-background-color);
-  }
-  &-input {
-    flex: 1;
-    background-color: transparent;
-    .use-var(height, search-bar-input-height);
-    .use-var(caret-color, search-bar-input-caret-color);
-    &-left {
-      text-align: left;
+    &-round {
+        .@{prefix}-search-bar-wrap {
+            .use-var(border-radius, search-bar-round-shape-border-radius);
+        }
     }
-    &-right {
-      text-align: right;
-    }
-    &-center {
-      text-align: center;
+    &-wrap {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        .use-var(height, search-bar-input-wrapper-height);
+        .use-var(font-size, search-bar-input-wrapper-font-size);
+        .use-var(padding, search-bar-input-wrapper-padding);
+        .use-var(background-color, search-bar-input-wrapper-background-color);
     }
+    &-input {
+        flex: 1;
+        background-color: transparent;
+        .use-var(height, search-bar-input-height);
+        .use-var(caret-color, search-bar-input-caret-color);
+        &-left {
+            text-align: left;
+        }
+        &-right {
+            text-align: right;
+        }
+        &-center {
+            text-align: center;
+        }
+
+        &::placeholder {
+            .use-var(color, search-bar-input-placeholder-color);
+        }
 
-    &::placeholder {
-      .use-var(color, search-bar-input-placeholder-color);
+        &::-webkit-search-decoration,
+        &::-webkit-search-cancel-button {
+            display: none;
+        }
     }
 
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button {
-      display: none;
+    &-prefix,
+    &-suffix,
+    &-clear {
+        align-items: center;
+        justify-content: center;
+        display: flex;
     }
-  }
 
-  &-prefix,
-  &-suffix,
-  &-clear {
-    align-items: center;
-    justify-content: center;
-    display: flex;
-  }
+    &-prefix {
+        .use-var(margin-right, search-bar-prefix-margin-right);
+    }
 
-  &-prefix {
-    .use-var(margin-right, search-bar-prefix-margin-right);
-  }
+    &-clear {
+        .use-var(color, search-bar-clear-icon-color);
+        .use-var(font-size, search-bar-clear-icon-font-size);
+        .use-var(padding-left, search-bar-clear-icon-padding-left);
+    }
 
-  &-clear {
-    .use-var(color, search-bar-clear-icon-color);
-  }
+    &-search-icon {
+        .use-var(color, search-bar-search-icon-color);
+        .use-var(font-size, search-bar-search-icon-font-size);
+    }
 
-  &-search-icon {
-    .use-var(color, search-bar-search-icon-color);
-    .use-var(font-size, search-bar-search-icon-font-size);
-  }
+    &-cancel-btn {
+        .use-var(margin-left, search-bar-cancel-btn-margin-left);
+        .use-var(color, search-bar-cancel-btn-color);
+        .use-var(font-size, search-bar-cancel-btn-font-size);
+    }
 
-  &-cancel-btn {
-    .use-var(margin-left, search-bar-cancel-btn-margin-left);
-    .use-var(color, search-bar-cancel-btn-color);
-    .use-var(font-size, search-bar-cancel-btn-font-size);
-  }
+    &-association {
+        position: absolute;
+        left: 0;
+        right: 0;
+        .use-var(background-color, search-bar-association-background-color);
+        top: 100%;
+        display: none;
 
-  &-association {
-    position: absolute;
-    left: 0;
-    right: 0;
-    .use-var(background-color, search-bar-association-background-color);
-    top: 100%;
-    display: none;
+        &-visible {
+            display: block;
+        }
 
-    &-visible {
-      display: block;
-    }
+        &-item {
+            .use-var(height, search-bar-association-item-height);
+            display: flex;
+            align-items: center;
+            position: relative;
+            .use-var(color, search-bar-association-item-color);
+            .use-var(padding, search-bar-association-item-padding);
+            .use-var(font-size, search-bar-association-item-font-size);
 
-    &-item {
-      .use-var(height, search-bar-association-item-height);
-      display: flex;
-      align-items: center;
-      position: relative;
-      .use-var(color, search-bar-association-item-color);
-      .use-var(padding, search-bar-association-item-padding);
-      .use-var(font-size, search-bar-association-item-font-size);
-      
-      &:not(:last-child) {
-        .onepx-border-var(bottom, line-color);
-      }
+            &:not(:last-child) {
+                .onepx-border-var(bottom, line-color);
+            }
 
-      &-highlight {
-        .use-var(color, search-bar-association-item-highlight-color)
-      }
+            &-highlight {
+                .use-var(color, search-bar-association-item-highlight-color)
+            }
+        }
     }
-  }
-}
+}

package/cjs/style.d.ts

@@ -1,13 +1,14 @@
 import '../style/public.less';
 import './tabs/style';
 import './sticky/style';
-import './load-more/style';
-import './cell/style';
+import './portal/style';
+import './toast/style';
 import './action-sheet/style';
 import './avatar/style';
 import './badge/style';
 import './button/style';
 import './carousel/style';
+import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
@@ -27,6 +28,7 @@ import './image-preview/style';
 import './index-bar/style';
 import './input/style';
 import './keyboard/style';
+import './load-more/style';
 import './loading/style';
 import './masking/style';
 import './nav-bar/style';
@@ -38,14 +40,13 @@ import './picker-view/style';
 import './popover/style';
 import './popup/style';
 import './popup-swiper/style';
-import './portal/style';
 import './progress/style';
 import './pull-refresh/style';
 import './radio/style';
 import './rate/style';
 import './search-bar/style';
-import './skeleton/style';
 import './show-monitor/style';
+import './skeleton/style';
 import './slider/style';
 import './stepper/style';
 import './steps/style';
@@ -55,5 +56,4 @@ import './switch/style';
 import './tab-bar/style';
 import './tag/style';
 import './textarea/style';
-import './toast/style';
 import './transition/style';

package/cjs/style.js

@@ -6,9 +6,9 @@ require("./tabs/style");
 
 require("./sticky/style");
 
-require("./load-more/style");
+require("./portal/style");
 
-require("./cell/style");
+require("./toast/style");
 
 require("./action-sheet/style");
 
@@ -20,6 +20,8 @@ require("./button/style");
 
 require("./carousel/style");
 
+require("./cell/style");
+
 require("./checkbox/style");
 
 require("./circle-progress/style");
@@ -58,6 +60,8 @@ require("./input/style");
 
 require("./keyboard/style");
 
+require("./load-more/style");
+
 require("./loading/style");
 
 require("./masking/style");
@@ -80,8 +84,6 @@ require("./popup/style");
 
 require("./popup-swiper/style");
 
-require("./portal/style");
-
 require("./progress/style");
 
 require("./pull-refresh/style");
@@ -92,10 +94,10 @@ require("./rate/style");
 
 require("./search-bar/style");
 
-require("./skeleton/style");
-
 require("./show-monitor/style");
 
+require("./skeleton/style");
+
 require("./slider/style");
 
 require("./stepper/style");
@@ -114,6 +116,4 @@ require("./tag/style");
 
 require("./textarea/style");
 
-require("./toast/style");
-
 require("./transition/style");

package/cjs/tabs/index.js

@@ -197,6 +197,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var touchStartXRef = (0, _react.useRef)(0);
   var touchStartYRef = (0, _react.useRef)(0);
   var touchStartTimeRef = (0, _react.useRef)(0);
+  var touchMovedRef = (0, _react.useRef)(false);
   var scrollingRef = (0, _react.useRef)(null);
   var touchStoppedRef = (0, _react.useRef)(false);
   var changeFromRef = (0, _react.useRef)('');
@@ -290,6 +291,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
 
     touchStartedRef.current = true;
+    touchMovedRef.current = false;
     setCellTrans(false);
     setPaneTrans(false);
     var evt = e.touches[0];
@@ -317,6 +319,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return;
     }
 
+    touchMovedRef.current = true;
     var evt = e.changedTouches[0];
     var touchMoveX = evt.clientX || 0;
     var touchMoveY = evt.clientY || 0; // bugfix: 兼容safari在右滑返回上一页时clientX为负值的情况，安卓有折叠屏，触点会有超出屏幕(clientX < 0)的情况，因此这里限定ios系统
@@ -383,7 +386,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       cellRef.current && cellRef.current.scrollToCenter();
     }
 
-    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current) {
+    if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current || !touchMovedRef.current) {
       return;
     }
 

package/cjs/tabs/tab-pane.js

@@ -250,12 +250,15 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
 
     var translateStr = translateZ ? ' translateZ(0)' : '';
+    var translatePercentInSSR = (panes.length ? 100 / panes.length : 0) * activeIndex * rtlRatio * -1 + "%";
+    var verticalTranslate = distance - wrapWidth * activeIndex * rtlRatio + "px";
+    var horizontalTranslate = distance - wrapHeight * activeIndex + "px";
     var sizeStyle = tabDirection === 'vertical' ? {
       width: 100 * panes.length + "%",
-      transform: "translateX(" + (distance - wrapWidth * activeIndex * rtlRatio) + "px)" + translateStr
+      transform: "translateX(" + ((0, _mobileUtils.isSSR)() ? translatePercentInSSR : verticalTranslate) + ")" + translateStr
     } : {
       height: 100 * panes.length + "%",
-      transform: "translateY(" + (distance - wrapHeight * activeIndex) + "px)" + translateStr
+      transform: "translateY(" + ((0, _mobileUtils.isSSR)() ? translatePercentInSSR : horizontalTranslate) + ")" + translateStr
     };
     var heightStyle = currentPaneHeight && currentPaneHeight !== 'auto' ? {
       height: currentPaneHeight

package/cjs/toast/index.d.ts

@@ -185,8 +185,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -196,8 +196,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -207,8 +207,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -218,8 +218,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -229,8 +229,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -240,8 +240,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap" | "initialBodyOverflow">) => void;
         close: () => void;
         hide: () => void;
     };