@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/nav-bar/back-icon.js

@@ -14,12 +14,14 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireDefault(_react);
+
   function BackArrow(_ref) {
     var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color;
+        color = _ref$color === void 0 ? 'currentColor' : _ref$color;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "c-svg-arrow nav-bar-back"
     }, /*#__PURE__*/_react.default.createElement("svg", {
@@ -31,6 +33,7 @@
       fill: color
     })));
   }
+
   var _default = BackArrow;
   _exports.default = _default;
 });

package/umd/nav-bar/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);
   _backIcon = _interopRequireDefault(_backIcon);
+
   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; }
+
   /**
    * 导航栏组件，支持吸顶和沉浸式，支持在指定滚动位置展示，支持根据滚动位置实时更新style。
    * @en Navigation bar, supports ceiling and immersion, supports display at specified scroll position, and supports real-time update of style according to scroll position.
@@ -31,53 +35,60 @@
    */
   var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var children = props.children,
-      _props$title = props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      onClickLeft = props.onClickLeft,
-      _props$leftContent = props.leftContent,
-      leftContent = _props$leftContent === void 0 ? /*#__PURE__*/_react.default.createElement(_backIcon.default, null) : _props$leftContent,
-      onClickRight = props.onClickRight,
-      rightContent = props.rightContent,
-      onShowChange = props.onShowChange,
-      style = props.style,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      wrapClass = props.wrapClass,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? true : _props$placeholder,
-      _props$fixed = props.fixed,
-      fixed = _props$fixed === void 0 ? true : _props$fixed,
-      _props$hasBottomLine = props.hasBottomLine,
-      hasBottomLine = _props$hasBottomLine === void 0 ? true : _props$hasBottomLine,
-      _props$statusBarHeigh = props.statusBarHeight,
-      statusBarHeight = _props$statusBarHeigh === void 0 ? 0 : _props$statusBarHeigh,
-      extra = props.extra,
-      getScrollContainer = props.getScrollContainer,
-      _props$showOffset = props.showOffset,
-      showOffset = _props$showOffset === void 0 ? 0 : _props$showOffset,
-      onScrollChange = props.onScrollChange,
-      getComputedStyleByScroll = props.getComputedStyleByScroll,
-      _props$ariaLabel = props.ariaLabel,
-      ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel,
-      _props$ariaRole = props.ariaRole,
-      ariaRole = _props$ariaRole === void 0 ? 'banner' : _props$ariaRole;
+        _props$title = props.title,
+        title = _props$title === void 0 ? '' : _props$title,
+        onClickLeft = props.onClickLeft,
+        _props$leftContent = props.leftContent,
+        leftContent = _props$leftContent === void 0 ? /*#__PURE__*/_react.default.createElement(_backIcon.default, null) : _props$leftContent,
+        onClickRight = props.onClickRight,
+        rightContent = props.rightContent,
+        onShowChange = props.onShowChange,
+        style = props.style,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        wrapClass = props.wrapClass,
+        _props$placeholder = props.placeholder,
+        placeholder = _props$placeholder === void 0 ? true : _props$placeholder,
+        _props$fixed = props.fixed,
+        fixed = _props$fixed === void 0 ? true : _props$fixed,
+        _props$hasBottomLine = props.hasBottomLine,
+        hasBottomLine = _props$hasBottomLine === void 0 ? true : _props$hasBottomLine,
+        _props$statusBarHeigh = props.statusBarHeight,
+        statusBarHeight = _props$statusBarHeigh === void 0 ? 0 : _props$statusBarHeigh,
+        extra = props.extra,
+        getScrollContainer = props.getScrollContainer,
+        _props$showOffset = props.showOffset,
+        showOffset = _props$showOffset === void 0 ? 0 : _props$showOffset,
+        onScrollChange = props.onScrollChange,
+        getComputedStyleByScroll = props.getComputedStyleByScroll,
+        _props$ariaLabel = props.ariaLabel,
+        ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel,
+        _props$ariaRole = props.ariaRole,
+        ariaRole = _props$ariaRole === void 0 ? 'banner' : _props$ariaRole;
     var navBarRef = (0, _react.useRef)(null);
+
     var _useState = (0, _react.useState)(showOffset > 0),
-      scrollToggleHide = _useState[0],
-      setScrollToggleHide = _useState[1];
+        scrollToggleHide = _useState[0],
+        setScrollToggleHide = _useState[1];
+
     var relBackground = scrollToggleHide ? 'transparent' : '';
+
     var _useState2 = (0, _react.useState)({}),
-      customStyle = _useState2[0],
-      setCustomStyle = _useState2[1];
+        customStyle = _useState2[0],
+        setCustomStyle = _useState2[1];
+
     var system = (0, _helpers.useSystem)();
+
     var onElementScroll = function onElementScroll(curOffset) {
       setScrollToggleHide(curOffset < showOffset);
       onScrollChange == null ? void 0 : onScrollChange(curOffset);
+
       if (getComputedStyleByScroll) {
         var cstyle = getComputedStyleByScroll(curOffset);
         setCustomStyle(cstyle);
       }
     };
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         navBar: navBarRef.current,
@@ -87,35 +98,39 @@
     (0, _react.useEffect)(function () {
       onShowChange == null ? void 0 : onShowChange(!scrollToggleHide);
     }, [scrollToggleHide]);
+
     var handleEleScroll = function handleEleScroll() {
       var top = (0, _mobileUtils.getScrollContainerAttribute)('scrollTop', getScrollContainer) || 0;
       onElementScroll(top);
     };
+
     (0, _react.useEffect)(function () {
       var needBind = showOffset || getComputedStyleByScroll || onScrollChange;
       var container = (0, _mobileUtils.getValidScrollContainer)(getScrollContainer);
       handleEleScroll();
+
       if (needBind && container) {
         container.addEventListener('scroll', handleEleScroll, false);
       }
+
       return function () {
         if (needBind && container) {
           container.removeEventListener('scroll', handleEleScroll, false);
         }
       };
     }, [showOffset, getComputedStyleByScroll, onScrollChange, getScrollContainer]);
+
     function handleClickLeft(e) {
       if (onClickLeft) {
         onClickLeft(e);
       }
     }
+
     function handleClickRight(e) {
       if (onClickRight) {
         onClickRight(e);
       }
-    }
-
-    // 最外层div是为了fixed时占位
+    } // 最外层div是为了fixed时占位
     // @en The outermost div is a placeholder for fixed
     // 第二层div是为了沉浸式paddingTop
     // @en The second layer of div is for immersive paddingTop
@@ -125,8 +140,11 @@
     // @en The background color is placed on the wrapper layer to be compatible with the background color of the pull-down rebound in iOS
     // fixed时用height+padding撑开nav-bar最外层高度；不fixed时内部wrapper元素撑开最外层高度
     // @en When fixed, use height+padding to stretch the outermost height of nav-bar; when not fixed, the inner wrapper element stretches the outermost height
+
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var _cls, _cls2;
+
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: navBarRef,

package/umd/notice-bar/index.js

@@ -14,12 +14,16 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _IconClose = _interopRequireDefault(_IconClose);
+
   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 Line wrapping or scrolling effects can be customized, and circular scrolling is supported.
@@ -30,52 +34,61 @@
    */
   var NoticeBar = /*#__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,
-      leftContent = props.leftContent,
-      rightContent = props.rightContent,
-      _props$marquee = props.marquee,
-      marquee = _props$marquee === void 0 ? 'overflow' : _props$marquee,
-      _props$closeable = props.closeable,
-      closeable = _props$closeable === void 0 ? true : _props$closeable,
-      _props$closeIcon = props.closeIcon,
-      closeIcon = _props$closeIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_IconClose.default, null) : _props$closeIcon,
-      _props$wrapable = props.wrapable,
-      wrapable = _props$wrapable === void 0 ? true : _props$wrapable,
-      _props$speed = props.speed,
-      speed = _props$speed === void 0 ? 50 : _props$speed,
-      _props$delay = props.delay,
-      delay = _props$delay === void 0 ? 1000 : _props$delay,
-      _props$autoSetGradien = props.autoSetGradientStyle,
-      autoSetGradientStyle = _props$autoSetGradien === void 0 ? true : _props$autoSetGradien,
-      onClick = props.onClick,
-      onClose = props.onClose;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        children = props.children,
+        leftContent = props.leftContent,
+        rightContent = props.rightContent,
+        _props$marquee = props.marquee,
+        marquee = _props$marquee === void 0 ? 'overflow' : _props$marquee,
+        _props$closeable = props.closeable,
+        closeable = _props$closeable === void 0 ? true : _props$closeable,
+        _props$closeIcon = props.closeIcon,
+        closeIcon = _props$closeIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_IconClose.default, null) : _props$closeIcon,
+        _props$wrapable = props.wrapable,
+        wrapable = _props$wrapable === void 0 ? true : _props$wrapable,
+        _props$speed = props.speed,
+        speed = _props$speed === void 0 ? 50 : _props$speed,
+        _props$delay = props.delay,
+        delay = _props$delay === void 0 ? 1000 : _props$delay,
+        _props$autoSetGradien = props.autoSetGradientStyle,
+        autoSetGradientStyle = _props$autoSetGradien === void 0 ? true : _props$autoSetGradien,
+        onClick = props.onClick,
+        onClose = props.onClose;
+
+    var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+        useRtl = _useContext.useRtl;
+
     var domRef = (0, _react.useRef)(null);
     var wrapRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
     var timerRef = (0, _react.useRef)(null);
+
     var _useState = (0, _react.useState)(false),
-      needMarquee = _useState[0],
-      setNeedMarquee = _useState[1];
+        needMarquee = _useState[0],
+        setNeedMarquee = _useState[1];
+
     var extraClass = (0, _react.useMemo)(function () {
-      var classList = [];
-      // 字幕可滚动时，或不可滚动且不可以换行时，添加不换行效果
+      var classList = []; // 字幕可滚动时，或不可滚动且不可以换行时，添加不换行效果
       // @en When the subtitle is scrollable, or when it is not scrollable and cannot wrap, add no wrapping effect
+
       if (marquee !== 'none' || !wrapable) {
         classList.push('no-wrap');
-      }
-      // 字幕不可滚动时，根据是否可换行决定换行或省略效果
+      } // 字幕不可滚动时，根据是否可换行决定换行或省略效果
       // @en When the subtitle is not scrollable, decide whether to wrap or omit the effect according to whether it can wrap
+
+
       if (marquee === 'none') {
         classList.push(wrapable ? 'wrapable' : 'ellipsis');
       }
+
       return classList;
     }, [marquee, wrapable]);
     var gradientStyle = (0, _react.useMemo)(function () {
       if (!autoSetGradientStyle) {
         return {};
       }
+
       var curBg = (style == null ? void 0 : style.backgroundColor) || (style == null ? void 0 : style.background);
       var fadeBg = (0, _mobileUtils.fadeColor)(String(curBg) || '');
       return fadeBg ? {
@@ -91,17 +104,20 @@
     }, [updateData]);
     (0, _react.useEffect)(function () {
       updateData();
-    }, []);
+    }, [useRtl]);
+
     function close() {
       if (domRef.current) {
         (0, _mobileUtils.removeElement)(domRef.current);
       }
     }
+
     function handleClose(e) {
       e.stopPropagation();
       onClose == null ? void 0 : onClose(e);
       close();
     }
+
     function updateData() {
       (0, _mobileUtils.nextTick)(function () {
         setTimeout(function () {
@@ -109,47 +125,54 @@
         }, needMarquee ? 0 : delay);
       });
     }
+
     function updateLayoutData() {
       if (!wrapRef.current || !contentRef.current) {
         return;
       }
+
       var contentDom = contentRef.current;
       var needMarq = marquee === 'always';
       var wrapWidth = wrapRef.current.offsetWidth;
-      var contentWidth = contentRef.current.offsetWidth;
-      // 如果为overflow类型，则当文字溢出时再开始滚动
+      var contentWidth = contentRef.current.offsetWidth; // 如果为overflow类型，则当文字溢出时再开始滚动
       // @en If it is overflow type, start scrolling when the text overflows
+
       if (marquee === 'overflow') {
         if (wrapWidth < contentWidth) {
           needMarq = true;
         }
       }
+
       setNeedMarquee(needMarq);
       clear();
+
       if (needMarq) {
         var duration = contentWidth / speed;
-        contentDom.style.animationDuration = duration + "s";
-        // 第一次没有padding，第二次及以后为了从容器右边缘无缝滑入需要加上padding
+        contentDom.style.animationDuration = duration + "s"; // 第一次没有padding，第二次及以后为了从容器右边缘无缝滑入需要加上padding
         // @en The first time without padding, the second time and later need to add padding in order to seamlessly slide in from the right edge of the container
+
         timerRef.current = window.setTimeout(function () {
           // 这里暂时把animate类去掉，准备下一次从头开始
           // @en Temporarily remove the animate classname, and prepare to start from scratch next time
           setNeedMarquee(false);
           contentDom.style.animationDuration = wrapWidth / speed + duration + "s";
           contentDom.style.animationIterationCount = 'infinite';
-          contentDom.style.paddingLeft = wrapWidth + "px";
+          var paddingAttr = useRtl ? 'paddingRight' : 'paddingLeft';
+          contentDom.style[paddingAttr] = wrapWidth + "px";
           (0, _mobileUtils.nextTick)(function () {
             setNeedMarquee(true);
           });
         }, duration * 1000);
       }
     }
+
     function clear() {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
         timerRef.current = null;
       }
     }
+
     function renderNoticeBar(prefix) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix, className, extraClass),
@@ -179,6 +202,7 @@
         onClick: handleClose
       }, closeIcon) : null);
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return renderNoticeBar(prefixCls + "-notice-bar");

package/umd/notice-bar/style/css/index.css

@@ -43,10 +43,19 @@
 .arco-notice-bar-left-part {
   padding-right:  0.16rem ;
 }
+[dir="rtl"] .arco-notice-bar-left-part {
+  padding-right: initial;
+  padding-left:  0.16rem ;
+}
 .arco-notice-bar-right-part,
 .arco-notice-bar-close {
   padding-left:  0.16rem ;
 }
+[dir="rtl"] .arco-notice-bar-right-part,
+[dir="rtl"] .arco-notice-bar-close {
+  padding-left: initial;
+  padding-right:  0.16rem ;
+}
 .arco-notice-bar-content {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
@@ -63,6 +72,10 @@
   -webkit-animation: marquee linear both;
           animation: marquee linear both;
 }
+[dir="rtl"] .arco-notice-bar-content-inner.animate {
+  -webkit-animation-name: marquee-reverse;
+          animation-name: marquee-reverse;
+}
 .arco-notice-bar-content .arco-carousel {
   height:  0.72rem ;
   white-space: normal;
@@ -116,3 +129,23 @@
             transform: translate3d(-100%, 0, 0);
   }
 }
+@-webkit-keyframes marquee-reverse {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes marquee-reverse {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}

package/umd/notice-bar/style/index.less

@@ -40,12 +40,12 @@
     }
 
     &-left-part {
-        .use-var(padding-right, notice-bar-horizontal-padding);
+        .use-var-with-rtl(padding-right, notice-bar-horizontal-padding);
     }
 
     &-right-part,
     &-close {
-        .use-var(padding-left, notice-bar-horizontal-padding);
+        .use-var-with-rtl(padding-left, notice-bar-horizontal-padding);
     }
 
     &-content {
@@ -60,6 +60,9 @@
 
             &.animate {
                 animation: marquee linear both;
+                [dir="rtl"] & {
+                    animation-name: marquee-reverse;
+                }
             }
         }
         .@{prefix}-carousel {
@@ -99,7 +102,6 @@
     }
 
     @keyframes marquee {
-
         0% {
             transform: translate3d(0, 0, 0);
         }
@@ -108,4 +110,15 @@
             transform: translate3d(-100%, 0, 0);
         }
     }
+
+    @keyframes marquee-reverse {
+
+        0% {
+            transform: translate3d(0, 0, 0);
+        }
+
+        100% {
+            transform: translate3d(100%, 0, 0);
+        }
+    }
 }

package/umd/notify/index.d.ts

@@ -51,8 +51,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -61,8 +61,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -71,8 +71,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -81,8 +81,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
 };