@arco-design/mobile-react 2.38.4 → 2.39.0

package/umd/masking/methods.js

@@ -14,71 +14,59 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.getOpenMethod = getOpenMethod;
   _exports.open = open;
   _extends2 = _interopRequireDefault(_extends2);
-
   function getOpenMethod(Component, containerId, normalize) {
     if (normalize === void 0) {
       normalize = function normalize(config) {
         return config;
       };
     }
-
     return function (config, context) {
       var baseProps = (0, _extends2.default)({
         unmountOnExit: true
       }, normalize(config), {
         visible: false,
         close: function close() {}
-      }); // 不同的key用不同的容器挂载
+      });
 
+      // 不同的key用不同的容器挂载
       var id = "_" + (containerId || 'ARCO_MASKING') + "_DIV_" + (config.key || '') + "_";
       var existedDiv = baseProps.unmountOnExit ? null : document.getElementById(id);
       var div = existedDiv || (0, _mobileUtils.appendElementById)(id, baseProps.getContainer).child;
       var leaving = false;
-
       var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context, id, existedDiv ? _render.renderRootCache[id] : undefined),
-          render = _ReactDOMRender.render,
-          unmount = _ReactDOMRender.unmount,
-          setRootCache = _ReactDOMRender.setRootCache;
-
+        render = _ReactDOMRender.render,
+        unmount = _ReactDOMRender.unmount,
+        setRootCache = _ReactDOMRender.setRootCache;
       var dynamicProps = (0, _extends2.default)({}, baseProps, {
         getContainer: function getContainer() {
           return div;
         }
       });
-
       function update(newConfig) {
         dynamicProps = (0, _extends2.default)({}, dynamicProps, normalize(newConfig));
         render(dynamicProps);
       }
-
       function close() {
         leaving = true;
         dynamicProps.visible = false;
         render(dynamicProps);
       }
-
       dynamicProps.close = close;
-
       dynamicProps.onClose = function (scene) {
         baseProps.onClose && baseProps.onClose(scene);
-
         if (baseProps.unmountOnExit) {
           unmount();
           (0, _mobileUtils.removeElement)(div);
         }
       };
-
       render(dynamicProps);
-
       if (!baseProps.unmountOnExit) {
         setRootCache();
       }
-
       (0, _mobileUtils.nextTick)(function () {
         if (leaving) return;
         dynamicProps.visible = true;
@@ -90,7 +78,6 @@
       };
     };
   }
-
   function open(Component, containerId) {
     return getOpenMethod(Component, containerId);
   }

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

@@ -14,17 +14,15 @@
   "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(_contextProvider.ContextLayout, null, function (_ref2) {
       var _ref2$locale = _ref2.locale,
-          locale = _ref2$locale === void 0 ? _mobileUtils.defaultLocale : _ref2$locale;
+        locale = _ref2$locale === void 0 ? _mobileUtils.defaultLocale : _ref2$locale;
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "button",
         className: "c-svg-arrow nav-bar-back",
@@ -39,7 +37,6 @@
       })));
     });
   }
-
   var _default = BackArrow;
   _exports.default = _default;
 });

package/umd/nav-bar/index.js

@@ -14,17 +14,13 @@
   "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.
@@ -35,60 +31,53 @@
    */
   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,
@@ -98,39 +87,35 @@
     (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
@@ -140,11 +125,8 @@
     // @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,16 +14,12 @@
   "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.
@@ -34,65 +30,57 @@
    */
   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;
-
+      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)(true),
-        visible = _useState[0],
-        setVisible = _useState[1];
-
+      visible = _useState[0],
+      setVisible = _useState[1];
     var _useState2 = (0, _react.useState)(false),
-        needMarquee = _useState2[0],
-        setNeedMarquee = _useState2[1];
-
+      needMarquee = _useState2[0],
+      setNeedMarquee = _useState2[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 ? {
@@ -109,18 +97,15 @@
     (0, _react.useEffect)(function () {
       updateData();
     }, [useRtl]);
-
     function close() {
       setVisible(false);
       clear();
     }
-
     function handleClose(e) {
       e.stopPropagation();
       onClose == null ? void 0 : onClose(e);
       close();
     }
-
     function updateData() {
       (0, _mobileUtils.nextTick)(function () {
         setTimeout(function () {
@@ -128,32 +113,28 @@
         }, 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
@@ -168,14 +149,12 @@
         }, duration * 1000);
       }
     }
-
     function clear() {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
         timerRef.current = null;
       }
     }
-
     function renderNoticeBar(prefix) {
       return visible ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix, className, extraClass),
@@ -205,7 +184,6 @@
         onClick: handleClose
       }, closeIcon) : null) : null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return renderNoticeBar(prefixCls + "-notice-bar");

package/umd/notify/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -30,47 +29,40 @@
     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 Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        style = props.style,
-        _props$visible = props.visible,
-        visible = _props$visible === void 0 ? false : _props$visible,
-        _props$transitionDura = props.transitionDuration,
-        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-        content = props.content,
-        _props$duration = props.duration,
-        duration = _props$duration === void 0 ? 3000 : _props$duration,
-        onClose = props.onClose,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'info' : _props$type,
-        close = props.close,
-        getContainer = props.getContainer;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      _props$transitionDura = props.transitionDuration,
+      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+      content = props.content,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 3000 : _props$duration,
+      onClose = props.onClose,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type,
+      close = props.close,
+      getContainer = props.getContainer;
     var domRef = (0, _react.useRef)(null);
     var innerRef = (0, _react.useRef)(null);
     var closeTimerRef = (0, _react.useRef)(undefined);
     var onCloseTimeRef = (0, _react.useRef)(undefined);
-
     var _useState = (0, _react.useState)(!visible),
-        hasTrans = _useState[0],
-        setHasTrans = _useState[1];
-
+      hasTrans = _useState[0],
+      setHasTrans = _useState[1];
     var _useState2 = (0, _react.useState)(0),
-        innerHeight = _useState2[0],
-        setInnerHeight = _useState2[1];
-
+      innerHeight = _useState2[0],
+      setInnerHeight = _useState2[1];
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
         updateLayout: updateLayout
       };
     });
-
     function startCloseTimer() {
       if (duration) {
         clearTimeout(closeTimerRef.current);
@@ -79,16 +71,13 @@
         }, duration);
       }
     }
-
     function updateLayout() {
       if (innerRef.current) {
         var _innerRef$current$get = innerRef.current.getBoundingClientRect(),
-            height = _innerRef$current$get.height;
-
+          height = _innerRef$current$get.height;
         setInnerHeight(height);
       }
     }
-
     (0, _react.useEffect)(function () {
       visible && updateLayout();
       visible && startCloseTimer();
@@ -111,7 +100,6 @@
         clearTimeout(onCloseTimeRef.current);
       };
     }, []);
-
     function renderComponent(prefixClass) {
       return content ? /*#__PURE__*/_react.default.createElement("div", {
         className: prefixClass + "-content " + (visible ? prefixClass + "-content-transition-Y0" : prefixClass + "-content-transition-Y100"),
@@ -121,7 +109,6 @@
         }) : {})
       }, content) : null;
     }
-
     var render = function render(prefixCls) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-notify " + prefixCls + "-notify-" + type + " " + className,
@@ -133,13 +120,11 @@
         ref: domRef
       }, renderComponent(prefixCls + "-notify"));
     };
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return getContainer ? /*#__PURE__*/_reactDom.default.createPortal(render(prefixCls), getContainer()) : render(prefixCls);
     });
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -149,7 +134,6 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       info: (0, _methods.notify)(Comp),
-
       /**
        * 展示成功通知
        * @desc {en} Show success notification
@@ -157,7 +141,6 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       success: (0, _methods.notify)(Comp, 'success'),
-
       /**
        * 展示错误的通知
        * @desc {en} Show error notification
@@ -165,7 +148,6 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       error: (0, _methods.notify)(Comp, 'error'),
-
       /**
        * 展示警告的通知
        * @desc {en} Show warning notification
@@ -175,8 +157,8 @@
       warn: (0, _methods.notify)(Comp, 'warn')
     };
   }
-
   var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
+
   /**
    * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
    * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -185,8 +167,6 @@
    * @name 消息通知
    * @name_en Notify
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(NotifyWithGlobalContext));
-
   _exports.default = _default;
 });