acud 1.2.17 → 1.2.18

package/es/toast/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /**
  * @file toast组件 显示倒计时
  * @author jianghaoran01
@@ -10,34 +9,28 @@ import React, { useState, useEffect } from 'react';
 import NotificationApi from './base';
 import classNames from 'classnames';
 import ConfigProvider, { globalConfig, defaultPrefixCls as providerDefaultPrefixCls } from '../config-provider';
-
 var _globalConfig = globalConfig(),
-    getPrefixCls = _globalConfig.getPrefixCls;
-
+  getPrefixCls = _globalConfig.getPrefixCls;
 var PREFIX = 'notification-hastime';
 var TOST_CLS_PREFIX = '-notification-toast-wrap';
 var defaultPrefixCls = providerDefaultPrefixCls;
 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]) {
@@ -46,27 +39,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 = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      setTimerID = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    setTimerID = _useState2[1];
   var _useState3 = useState(countdown),
-      _useState4 = _slicedToArray(_useState3, 2),
-      counter = _useState4[0],
-      setCounter = _useState4[1]; // const prefixCls = getPrefixCls('toast-wrap', '');
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    counter = _useState4[0],
+    setCounter = _useState4[1];
+  // const prefixCls = getPrefixCls('toast-wrap', '');
   var prefixCls = getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX;
   useEffect(function () {
     if (counter !== undefined) {
@@ -77,25 +66,24 @@ function ToastDom(props) {
         }, 1000);
         setTimerID(timer);
       }
-
       if (counter === 0) {
         NotificationApi.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.createElement("div", {
     className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX
   }, /*#__PURE__*/React.createElement("div", {
@@ -104,49 +92,42 @@ function ToastDom(props) {
     className: getPrefixCls('', customizePrefixCls || defaultPrefixCls) + TOST_CLS_PREFIX + '-right'
   }, "(", counter, /*#__PURE__*/React.createElement("span", null, "s"), ")"));
 }
-
 function DescriptionDom(props) {
   var description = props.description;
   return description ? /*#__PURE__*/React.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 = {
         icon: null
       };
-
       var args = _extends(_extends({
         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.config({
           prefixCls: props.prefixCls
         });
-      } // key相同时不重新渲染
-
-
+      }
+      // key相同时不重新渲染
       if (!~toastArr.indexOf(args.key)) {
         if (toastArr.length < maxToastArrLength) {
           addToastKey(args.key);
@@ -154,7 +135,8 @@ var handler = {
           NotificationApi.destroy(unshiftToast());
           addToastKey(args.key);
         }
-      } // 初始化倒计时
+      }
+      // 初始化倒计时
       // let tempDuration;
       // if (!args.duration) {
       //     tempDuration = 0;
@@ -162,24 +144,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.createElement(ToastDom, {
         message: args.message,
         description: args.description,

package/es/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/es/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/es/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/es/toast/useNotification.js

@@ -1,80 +1,68 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var __rest = this && this.__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 * as React from 'react';
 import { useNotification as useRcNotification } from 'rc-notification';
 import { uniqueId } from 'lodash';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
-import { getPlacementStyle, getMotion } from './util'; // import warning from '../_util/warning';
+import { getPlacementStyle, getMotion } from './util';
+// import warning from '../_util/warning';
 // import useStyle from './style';
-
 import { getCloseIcon, PureContent } from './PurePanel';
 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(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 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 classNames(_defineProperty({}, "".concat(prefixCls, "-rtl"), rtl));
-  }; // ============================== Motion ===============================
-
-
+  };
+  // ============================== Motion ===============================
   var getNotificationMotion = function getNotificationMotion() {
     return getMotion(prefixCls);
-  }; // ============================== Origin ===============================
-
-
+  };
+  // ============================== Origin ===============================
   var _useRcNotification = useRcNotification({
-    prefixCls: prefixCls,
-    style: getStyle,
-    className: getClassName,
-    motion: getNotificationMotion,
-    closable: true,
-    closeIcon: getCloseIcon(prefixCls),
-    duration: DEFAULT_DURATION,
-    getContainer: function getContainer() {
-      return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || document.body;
-    },
-    maxCount: maxCount,
-    onAllRemoved: onAllRemoved
-  }),
-      _useRcNotification2 = _slicedToArray(_useRcNotification, 2),
-      api = _useRcNotification2[0],
-      holder = _useRcNotification2[1]; // ================================ Ref ================================
-
-
+      prefixCls: prefixCls,
+      style: getStyle,
+      className: getClassName,
+      motion: getNotificationMotion,
+      closable: true,
+      closeIcon: getCloseIcon(prefixCls),
+      duration: DEFAULT_DURATION,
+      getContainer: function getContainer() {
+        return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || document.body;
+      },
+      maxCount: maxCount,
+      onAllRemoved: onAllRemoved
+    }),
+    _useRcNotification2 = _slicedToArray(_useRcNotification, 2),
+    api = _useRcNotification2[0],
+    holder = _useRcNotification2[1];
+  // ================================ Ref ================================
   React.useImperativeHandle(ref, function () {
     return _extends(_extends({}, api), {
       prefixCls: prefixCls,
@@ -82,13 +70,13 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   });
   return holder;
-}); // ==============================================================================
+});
+// ==============================================================================
 // ==                                   Hook                                   ==
 // ==============================================================================
-
 export 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
@@ -96,21 +84,18 @@ export 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(_extends(_extends({
         placement: 'topRight'
       }, restConfig), {
@@ -124,19 +109,16 @@ export function useInternalNotification(notificationConfig) {
         }),
         className: classNames(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
@@ -150,8 +132,8 @@ export function useInternalNotification(notificationConfig) {
       };
     });
     return clone;
-  }, []); // ============================== Return ===============================
-
+  }, []);
+  // ============================== Return ===============================
   return [wrapAPI, /*#__PURE__*/React.createElement(Holder, _extends({
     key: "notification-holder"
   }, notificationConfig, {

package/es/toast/util.js

@@ -1,6 +1,5 @@
 export function getPlacementStyle(placement, top, bottom) {
   var style;
-
   switch (placement) {
     case 'top':
       style = {
@@ -11,7 +10,6 @@ export function getPlacementStyle(placement, top, bottom) {
         bottom: 'auto'
       };
       break;
-
     case 'topLeft':
       style = {
         left: 0,
@@ -19,7 +17,6 @@ export function getPlacementStyle(placement, top, bottom) {
         bottom: 'auto'
       };
       break;
-
     case 'topRight':
       style = {
         right: 0,
@@ -27,7 +24,6 @@ export function getPlacementStyle(placement, top, bottom) {
         bottom: 'auto'
       };
       break;
-
     case 'bottom':
       style = {
         left: '50%',
@@ -37,7 +33,6 @@ export function getPlacementStyle(placement, top, bottom) {
         bottom: bottom
       };
       break;
-
     case 'bottomLeft':
       style = {
         left: 0,
@@ -45,7 +40,6 @@ export function getPlacementStyle(placement, top, bottom) {
         bottom: bottom
       };
       break;
-
     default:
       style = {
         right: 0,
@@ -54,7 +48,6 @@ export function getPlacementStyle(placement, top, bottom) {
       };
       break;
   }
-
   return style;
 }
 export function getMotion(prefixCls) {

package/es/tooltip/index.d.ts

@@ -9,7 +9,7 @@ import { AdjustOverflow, PlacementsConfig } from './placements';
 import { PresetColorType } from '../_util/colors';
 import { LiteralUnion } from '../_util/type';
 export { AdjustOverflow, PlacementsConfig };
-export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export interface TooltipAlignConfig {
     points?: [string, string];
     offset?: [number | string, number | string];
@@ -33,7 +33,7 @@ export interface AbstractTooltipProps extends Partial<Omit<RcTooltipProps, 'chil
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     children?: React.ReactNode;
 }
-export declare type RenderFunction = () => React.ReactNode;
+export type RenderFunction = () => React.ReactNode;
 export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
     title?: React.ReactNode | RenderFunction;
     overlay: React.ReactNode | RenderFunction;