@arco-design/mobile-react 2.24.1 → 2.25.0

package/cjs/notice-bar/index.js

@@ -1,22 +1,14 @@
 "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.
@@ -27,57 +19,52 @@ 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 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 ? {
@@ -94,19 +81,16 @@ var NoticeBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     updateData();
   }, []);
-
   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 () {
@@ -114,32 +98,28 @@ 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
@@ -153,14 +133,12 @@ var NoticeBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, 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),
@@ -190,7 +168,6 @@ 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.js

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

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

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

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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => 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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => 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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => 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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => 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;
         close: () => void;
     };
 };

package/cjs/notify/index.js

@@ -1,77 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   methodsGenerator: true
 };
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _helpers = require("../_helpers");
-
 var _methods = require("./methods");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   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)();
   var onCloseTimeRef = (0, _react.useRef)();
-
   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);
@@ -80,16 +63,13 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, 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();
@@ -112,7 +92,6 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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"),
@@ -122,7 +101,6 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }) : {})
     }, content) : null;
   }
-
   var render = function render(prefixCls) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls + "-notify " + prefixCls + "-notify-" + type + " " + className,
@@ -134,13 +112,11 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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 {
     /**
@@ -150,7 +126,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     info: (0, _methods.notify)(Comp),
-
     /**
      * 展示成功通知
      * @desc {en} Show success notification
@@ -158,7 +133,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     success: (0, _methods.notify)(Comp, 'success'),
-
     /**
      * 展示错误的通知
      * @desc {en} Show error notification
@@ -166,7 +140,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     error: (0, _methods.notify)(Comp, 'error'),
-
     /**
      * 展示警告的通知
      * @desc {en} Show warning notification
@@ -176,8 +149,8 @@ function methodsGenerator(Comp) {
     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.
@@ -186,7 +159,5 @@ var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify
  * @name 消息通知
  * @name_en Notify
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(NotifyWithGlobalContext));
-
 exports.default = _default;

package/cjs/notify/methods.js

@@ -1,50 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.notify = notify;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _render = require("../_helpers/render");
-
 function notify(Component, type) {
   return function (originConfig, context) {
     var config = typeof originConfig === 'string' ? {
       content: originConfig,
       type: 'info'
     } : originConfig;
-
     if (type !== void 0) {
       config.type = type;
     }
-
     var div = document.createElement('div');
     var getContainer = config.getContainer;
-
     if (getContainer) {
       getContainer().appendChild(div);
     } else {
       document.body.appendChild(div);
     }
-
     var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render,
-        unmount = _ReactDOMRender.unmount;
-
+      render = _ReactDOMRender.render,
+      unmount = _ReactDOMRender.unmount;
     function destroy() {
       var onClose = config.onClose;
       onClose && onClose();
       unmount();
-
       if (div.parentNode) {
         div.parentNode.removeChild(div);
       }
     }
-
     var dynamicProps = (0, _extends2.default)({}, config, {
       close: close,
       onClose: destroy,
@@ -54,18 +42,15 @@ function notify(Component, type) {
       visible: false
     });
     var leaving = false;
-
     function update(newConfig) {
       dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
       render(dynamicProps);
     }
-
     function close() {
       leaving = true;
       dynamicProps.visible = false;
       render(dynamicProps);
     }
-
     render(dynamicProps);
     (0, _mobileUtils.nextTick)(function () {
       if (leaving) return;

package/cjs/notify/style/css/index.css

@@ -35,10 +35,10 @@
   background:  #00B42A ;
 }
 .arco-notify-error {
-  background:  #F53F3F ;
+  background:  #f53f3f ;
 }
 .arco-notify-warn {
-  background:  #FF7D00 ;
+  background:  #ff7d00 ;
 }
 .arco-notify-content-transition-Y0 {
   -webkit-transform: translateY(0);

package/cjs/notify/style/css/index.js

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

package/cjs/notify/style/index.js

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

package/cjs/pagination/arrow.js

@@ -1,12 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = Arrow;
-
 var _react = _interopRequireDefault(require("react"));
-
 function Arrow() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "8",