@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/nav-bar/index.js

@@ -1,16 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _backIcon = _interopRequireDefault(require("./back-icon"));
+
 var _helpers = require("../_helpers");
+
 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.
@@ -21,53 +31,60 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 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,
@@ -77,35 +94,39 @@ var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (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
@@ -115,8 +136,11 @@ var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   // @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/cjs/nav-bar/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/nav-bar/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/notice-bar/index.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _contextProvider = require("../context-provider");
+
 var _IconClose = _interopRequireDefault(require("../icon/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.
@@ -19,52 +27,61 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 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 ? {
@@ -80,17 +97,20 @@ var NoticeBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [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 () {
@@ -98,47 +118,54 @@ var NoticeBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, 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),
@@ -168,6 +195,7 @@ var NoticeBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onClick: handleClose
     }, closeIcon) : null);
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return renderNoticeBar(prefixCls + "-notice-bar");

package/cjs/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/cjs/notice-bar/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/notice-bar/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/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/cjs/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;
     };
 };