acud 1.2.17 → 1.2.18

package/lib/toast/index.js

@@ -1,63 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _base = _interopRequireDefault(require("./base"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _configProvider = _interopRequireWildcard(require("../config-provider"));
-
 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; }
-
 /**
  * @file toast组件 显示倒计时
  * @author jianghaoran01
  */
-var _globalConfig = (0, _configProvider.globalConfig)(),
-    getPrefixCls = _globalConfig.getPrefixCls;
 
+var _globalConfig = (0, _configProvider.globalConfig)(),
+  getPrefixCls = _globalConfig.getPrefixCls;
 var PREFIX = 'notification-hastime';
 var TOST_CLS_PREFIX = '-notification-toast-wrap';
 var defaultPrefixCls = _configProvider.defaultPrefixCls;
 var maxToastArrLength = 4; // 最多显示多少个toast
-
 /**
  * 代理对象
  * 使用时: target.xxx会全部丢给notification 类似notification.xxx
  */
-
 var target = {};
-var toastArr = []; // const paramIgnoreFun = ['close', 'destroy'];
+var toastArr = [];
+// const paramIgnoreFun = ['close', 'destroy'];
 // 向数组尾部添加一个元素
-
 function addToastKey(key) {
   toastArr.push(key);
-} // 弹出数组头部元素
-
-
+}
+// 弹出数组头部元素
 function unshiftToast() {
   return toastArr.splice(0, 1)[0];
-} // 移除数组元素
-
-
+}
+// 移除数组元素
 function removeToastKey(key) {
   for (var i = 0; i < toastArr.length; i++) {
     if (key === toastArr[i]) {
@@ -66,27 +50,23 @@ function removeToastKey(key) {
     }
   }
 }
-
 function ToastDom(props) {
   var _props$message = props.message,
-      message = _props$message === void 0 ? '' : _props$message,
-      description = props.description,
-      countdown = props.countdown,
-      notificationKey = props.notificationKey,
-      _props$onClose = props.onClose,
-      onClose = _props$onClose === void 0 ? null : _props$onClose,
-      customizePrefixCls = props.prefixCls;
-
+    message = _props$message === void 0 ? '' : _props$message,
+    description = props.description,
+    countdown = props.countdown,
+    notificationKey = props.notificationKey,
+    _props$onClose = props.onClose,
+    onClose = _props$onClose === void 0 ? null : _props$onClose,
+    customizePrefixCls = props.prefixCls;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      setTimerID = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    setTimerID = _useState2[1];
   var _useState3 = (0, _react.useState)(countdown),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      counter = _useState4[0],
-      setCounter = _useState4[1]; // const prefixCls = getPrefixCls('toast-wrap', '');
-
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    counter = _useState4[0],
+    setCounter = _useState4[1];
+  // const prefixCls = getPrefixCls('toast-wrap', '');
   var prefixCls = getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX;
   (0, _react.useEffect)(function () {
     if (counter !== undefined) {
@@ -97,26 +77,24 @@ function ToastDom(props) {
         }, 1000);
         setTimerID(timer);
       }
-
       if (counter === 0) {
         _base["default"].destroy(notificationKey);
-
         onClose && onClose();
         removeToastKey(notificationKey);
       }
     }
-
     return function () {
       // destory时可能timerID并没有 但是计时器存在 设置值时react会警告
       // if (timerID) {
-      setTimerID(null); // }
+      setTimerID(null);
+      // }
     };
-  }, [counter]); // useEffect(() => {
+  }, [counter]);
+  // useEffect(() => {
   //     return () => {
   //         clearTimeout(timerID);
   //     }
   // }, []);
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -125,23 +103,20 @@ function ToastDom(props) {
     className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX + '-right'
   }, "(", counter, /*#__PURE__*/_react["default"].createElement("span", null, "s"), ")"));
 }
-
 function DescriptionDom(props) {
   var description = props.description;
   return description ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "description-wrap"
   }, description) : null;
 }
-
 var handler = {
   get: function get() {
-    var name = arguments.length <= 1 ? undefined : arguments[1]; // 关闭、删除提示可以根据用户传参直接调用，避免key错赋值
+    var name = arguments.length <= 1 ? undefined : arguments[1];
+    // 关闭、删除提示可以根据用户传参直接调用，避免key错赋值
     // if (paramIgnoreFun.includes(name)) {
     //     return props => Reflect.get(NotificationApi, name)(props);
     // }
-
     var key = new Date().getTime() + ''; // 通过key来强制关闭notification
-
     return function (props) {
       // 定义默认图标
       var iconProps = {
@@ -150,32 +125,29 @@ var handler = {
       var args = (0, _extends2["default"])((0, _extends2["default"])({
         key: key,
         type: 'info'
-      }, iconProps), props); // 设置最大显示数
-
+      }, iconProps), props);
+      // 设置最大显示数
       if (name === 'config' && props.maxCount) {
         maxToastArrLength = props.maxCount;
-      } // 设置prefixcls 兼容antd
+      }
+      // 设置prefixcls 兼容antd
       // 升级rc-notificon5后通过ConfigProvider.config来配置prefixcls
-
-
       if (name === 'config' && props.prefixCls) {
         defaultPrefixCls = props.prefixCls;
-
         _configProvider["default"].config({
           prefixCls: props.prefixCls
         });
-      } // key相同时不重新渲染
-
-
+      }
+      // key相同时不重新渲染
       if (!~toastArr.indexOf(args.key)) {
         if (toastArr.length < maxToastArrLength) {
           addToastKey(args.key);
         } else {
           _base["default"].destroy(unshiftToast());
-
           addToastKey(args.key);
         }
-      } // 初始化倒计时
+      }
+      // 初始化倒计时
       // let tempDuration;
       // if (!args.duration) {
       //     tempDuration = 0;
@@ -183,24 +155,19 @@ var handler = {
       // else {
       //     tempDuration = args.duration;
       // }
-
-
       var tempDuration = args.duration;
-      args.duration = 0; // 设置样式 有描述和没描述间距不一样
-
+      args.duration = 0;
+      // 设置样式 有描述和没描述间距不一样
       var tempClassName = (props === null || props === void 0 ? void 0 : props.className) + ' ' + PREFIX;
-
       if (args.description) {
         tempClassName += ' ' + getPrefixCls('', (props === null || props === void 0 ? void 0 : props.prefixCls) || defaultPrefixCls) + '-notification-has-description';
       }
-
       if (props && props.className) {
         args.className = props.className + ' ' + tempClassName;
       } else {
         args.className = tempClassName;
-      } // 设置DOM
-
-
+      }
+      // 设置DOM
       args.message = /*#__PURE__*/_react["default"].createElement(ToastDom, {
         message: args.message,
         description: args.description,

package/lib/toast/interface.d.ts

@@ -2,8 +2,8 @@ import type * as React from 'react';
 interface DivProps extends React.HTMLProps<HTMLDivElement> {
     'data-testid'?: string;
 }
-export declare type NotificationPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
-export declare type IconType = 'success' | 'info' | 'error' | 'warning';
+export type NotificationPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+export type IconType = 'success' | 'info' | 'error' | 'warning';
 export interface ArgsProps {
     message: React.ReactNode;
     description?: React.ReactNode;
@@ -20,7 +20,7 @@ export interface ArgsProps {
     closeIcon?: React.ReactNode;
     props?: DivProps;
 }
-declare type StaticFn = (args: ArgsProps) => void;
+type StaticFn = (args: ArgsProps) => void;
 export interface NotificationInstance {
     success: StaticFn;
     error: StaticFn;

package/lib/toast/style/css.js

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

package/lib/toast/style/index.css

@@ -29,8 +29,7 @@
 .acud-notification-bottomLeft .acud-notification-fade-enter.acud-notification-fade-enter-active,
 .acud-notification-topLeft .acud-notification-fade-appear.acud-notification-fade-appear-active,
 .acud-notification-bottomLeft .acud-notification-fade-appear.acud-notification-fade-appear-active {
-  -webkit-animation-name: NotificationLeftFadeIn;
-          animation-name: NotificationLeftFadeIn;
+  animation-name: NotificationLeftFadeIn;
 }
 .acud-notification-close-icon {
   font-size: 16px;
@@ -157,59 +156,33 @@
   top: 16px;
 }
 .acud-notification .notification-fade-effect {
-  -webkit-animation-duration: 0.24s;
-          animation-duration: 0.24s;
-  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-duration: 0.24s;
+  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  animation-fill-mode: both;
 }
 .acud-notification-fade-enter,
 .acud-notification-fade-appear {
-  -webkit-animation-duration: 0.24s;
-          animation-duration: 0.24s;
-  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-duration: 0.24s;
+  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  animation-fill-mode: both;
   opacity: 0;
-  -webkit-animation-play-state: paused;
-          animation-play-state: paused;
+  animation-play-state: paused;
 }
 .acud-notification-fade-leave {
-  -webkit-animation-duration: 0.24s;
-          animation-duration: 0.24s;
-  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-duration: 0.4s;
-          animation-duration: 0.4s;
-  -webkit-animation-play-state: paused;
-          animation-play-state: paused;
+  animation-duration: 0.24s;
+  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  animation-fill-mode: both;
+  animation-duration: 0.4s;
+  animation-play-state: paused;
 }
 .acud-notification-fade-enter.acud-notification-fade-enter-active,
 .acud-notification-fade-appear.acud-notification-fade-appear-active {
-  -webkit-animation-name: NotificationFadeIn;
-          animation-name: NotificationFadeIn;
-  -webkit-animation-play-state: running;
-          animation-play-state: running;
+  animation-name: NotificationFadeIn;
+  animation-play-state: running;
 }
 .acud-notification-fade-leave.acud-notification-fade-leave-active {
-  -webkit-animation-name: NotificationFadeOut;
-          animation-name: NotificationFadeOut;
-  -webkit-animation-play-state: running;
-          animation-play-state: running;
-}
-@-webkit-keyframes NotificationFadeIn {
-  0% {
-    left: 400px;
-    opacity: 0;
-  }
-  100% {
-    left: 0;
-    opacity: 1;
-  }
+  animation-name: NotificationFadeOut;
+  animation-play-state: running;
 }
 @keyframes NotificationFadeIn {
   0% {
@@ -221,16 +194,6 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes NotificationLeftFadeIn {
-  0% {
-    right: 400px;
-    opacity: 0;
-  }
-  100% {
-    right: 0;
-    opacity: 1;
-  }
-}
 @keyframes NotificationLeftFadeIn {
   0% {
     right: 400px;
@@ -241,16 +204,6 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes NotificationFadeOut {
-  0% {
-    right: 0;
-    opacity: 1;
-  }
-  100% {
-    right: -400px;
-    opacity: 0;
-  }
-}
 @keyframes NotificationFadeOut {
   0% {
     right: 0;

package/lib/toast/style/index.js

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

package/lib/toast/useNotification.d.ts

@@ -3,7 +3,7 @@ import type { NotificationInstance, NotificationConfig } from './interface';
 interface VoidFunction {
     (): void;
 }
-declare type HolderProps = NotificationConfig & {
+type HolderProps = NotificationConfig & {
     onAllRemoved?: VoidFunction;
 };
 export declare function useInternalNotification(notificationConfig?: HolderProps): readonly [NotificationInstance, React.ReactElement];

package/lib/toast/useNotification.js

@@ -1,103 +1,80 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useNotification;
 exports.useInternalNotification = useInternalNotification;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _rcNotification = require("rc-notification");
-
 var _lodash = require("lodash");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _configProvider = require("../config-provider");
-
 var _util = require("./util");
-
 var _PurePanel = require("./PurePanel");
-
 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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 
+// import warning from '../_util/warning';
+// import useStyle from './style';
 var DEFAULT_OFFSET = 24;
 var DEFAULT_DURATION = 4.5;
 var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var top = props.top,
-      bottom = props.bottom,
-      staticPrefixCls = props.prefixCls,
-      staticGetContainer = props.getContainer,
-      maxCount = props.maxCount,
-      rtl = props.rtl,
-      onAllRemoved = props.onAllRemoved;
-
+    bottom = props.bottom,
+    staticPrefixCls = props.prefixCls,
+    staticGetContainer = props.getContainer,
+    maxCount = props.maxCount,
+    rtl = props.rtl,
+    onAllRemoved = props.onAllRemoved;
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
-  var prefixCls = staticPrefixCls || getPrefixCls(undefined, staticPrefixCls); // =============================== Style ===============================
-
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = staticPrefixCls || getPrefixCls(undefined, staticPrefixCls);
+  // =============================== Style ===============================
   var getStyle = function getStyle(placement) {
     return (0, _util.getPlacementStyle)(placement, top !== null && top !== void 0 ? top : DEFAULT_OFFSET, bottom !== null && bottom !== void 0 ? bottom : DEFAULT_OFFSET);
-  }; // Style
+  };
+  // Style
   // const [, hashId] = useStyle(prefixCls);
-
-
   var getClassName = function getClassName() {
     return (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), rtl));
-  }; // ============================== Motion ===============================
-
-
+  };
+  // ============================== Motion ===============================
   var getNotificationMotion = function getNotificationMotion() {
     return (0, _util.getMotion)(prefixCls);
-  }; // ============================== Origin ===============================
-
-
+  };
+  // ============================== Origin ===============================
   var _useRcNotification = (0, _rcNotification.useNotification)({
-    prefixCls: prefixCls,
-    style: getStyle,
-    className: getClassName,
-    motion: getNotificationMotion,
-    closable: true,
-    closeIcon: (0, _PurePanel.getCloseIcon)(prefixCls),
-    duration: DEFAULT_DURATION,
-    getContainer: function getContainer() {
-      return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || document.body;
-    },
-    maxCount: maxCount,
-    onAllRemoved: onAllRemoved
-  }),
-      _useRcNotification2 = (0, _slicedToArray2["default"])(_useRcNotification, 2),
-      api = _useRcNotification2[0],
-      holder = _useRcNotification2[1]; // ================================ Ref ================================
-
-
+      prefixCls: prefixCls,
+      style: getStyle,
+      className: getClassName,
+      motion: getNotificationMotion,
+      closable: true,
+      closeIcon: (0, _PurePanel.getCloseIcon)(prefixCls),
+      duration: DEFAULT_DURATION,
+      getContainer: function getContainer() {
+        return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || document.body;
+      },
+      maxCount: maxCount,
+      onAllRemoved: onAllRemoved
+    }),
+    _useRcNotification2 = (0, _slicedToArray2["default"])(_useRcNotification, 2),
+    api = _useRcNotification2[0],
+    holder = _useRcNotification2[1];
+  // ================================ Ref ================================
   React.useImperativeHandle(ref, function () {
     return (0, _extends2["default"])((0, _extends2["default"])({}, api), {
       prefixCls: prefixCls,
@@ -105,13 +82,13 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   });
   return holder;
-}); // ==============================================================================
+});
+// ==============================================================================
 // ==                                   Hook                                   ==
 // ==============================================================================
-
 function useInternalNotification(notificationConfig) {
-  var holderRef = React.useRef(null); // ================================ API ================================
-
+  var holderRef = React.useRef(null);
+  // ================================ API ================================
   var wrapAPI = React.useMemo(function () {
     // Wrap with notification content
     // >>> Open
@@ -119,21 +96,18 @@ function useInternalNotification(notificationConfig) {
       if (!holderRef.current) {
         return;
       }
-
       var _holderRef$current = holderRef.current,
-          originOpen = _holderRef$current.open,
-          prefixCls = _holderRef$current.prefixCls,
-          hashId = _holderRef$current.hashId;
+        originOpen = _holderRef$current.open,
+        prefixCls = _holderRef$current.prefixCls,
+        hashId = _holderRef$current.hashId;
       var noticePrefixCls = "".concat(prefixCls, "-notice");
-
       var message = config.message,
-          description = config.description,
-          icon = config.icon,
-          type = config.type,
-          btn = config.btn,
-          className = config.className,
-          restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className"]);
-
+        description = config.description,
+        icon = config.icon,
+        type = config.type,
+        btn = config.btn,
+        className = config.className,
+        restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "className"]);
       return originOpen((0, _extends2["default"])((0, _extends2["default"])({
         placement: 'topRight'
       }, restConfig), {
@@ -147,19 +121,16 @@ function useInternalNotification(notificationConfig) {
         }),
         className: (0, _classnames["default"])(type && "".concat(noticePrefixCls, "-").concat(type), hashId, className)
       }));
-    }; // >>> destroy
-
-
+    };
+    // >>> destroy
     var destroy = function destroy(key) {
       var _a, _b;
-
       if (key !== undefined) {
         (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.close(key);
       } else {
         (_b = holderRef.current) === null || _b === void 0 ? void 0 : _b.destroy();
       }
     };
-
     var clone = {
       open: open,
       destroy: destroy
@@ -173,15 +144,14 @@ function useInternalNotification(notificationConfig) {
       };
     });
     return clone;
-  }, []); // ============================== Return ===============================
-
+  }, []);
+  // ============================== Return ===============================
   return [wrapAPI, /*#__PURE__*/React.createElement(Holder, (0, _extends2["default"])({
     key: "notification-holder"
   }, notificationConfig, {
     ref: holderRef
   }))];
 }
-
 function useNotification(notificationConfig) {
   return useInternalNotification(notificationConfig);
 }