acud 1.2.17 → 1.2.18

package/es/back-top/index.js

@@ -13,28 +13,23 @@ import { ConfigContext } from '../config-provider';
 import getScroll from '../_util/getScroll';
 import scrollTo from '../_util/scrollTo';
 import { cloneElement } from '../_util/reactNode';
-
 var BackTop = function BackTop(props) {
   var _useMergedState = useMergedState(false, {
-    value: props.visible
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      visible = _useMergedState2[0],
-      setVisible = _useMergedState2[1];
-
+      value: props.visible
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    visible = _useMergedState2[0],
+    setVisible = _useMergedState2[1];
   var ref = /*#__PURE__*/React.createRef();
   var scrollEvent = React.useRef();
-
   var getDefaultTarget = function getDefaultTarget() {
     return ref.current && ref.current.ownerDocument ? ref.current.ownerDocument : window;
   };
-
   var handleScroll = throttleByAnimationFrame(function (e) {
     var visibilityHeight = props.visibilityHeight;
     var scrollTop = getScroll(e.target, true);
     setVisible(scrollTop > visibilityHeight);
   });
-
   var bindScrollEvent = function bindScrollEvent() {
     var target = props.target;
     var getTarget = target || getDefaultTarget;
@@ -46,33 +41,28 @@ var BackTop = function BackTop(props) {
       target: container
     });
   };
-
   React.useEffect(function () {
     bindScrollEvent();
     return function () {
       if (scrollEvent.current) {
         scrollEvent.current.remove();
       }
-
       handleScroll.cancel();
     };
   }, [props.target]);
-
   var scrollToTop = function scrollToTop(e) {
     var onClick = props.onClick,
-        target = props.target,
-        _props$duration = props.duration,
-        duration = _props$duration === void 0 ? 450 : _props$duration;
+      target = props.target,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 450 : _props$duration;
     scrollTo(0, {
       getContainer: target || getDefaultTarget,
       duration: duration
     });
-
     if (typeof onClick === 'function') {
       onClick(e);
     }
   };
-
   var renderChildren = function renderChildren(_ref) {
     var prefixCls = _ref.prefixCls;
     var children = props.children;
@@ -96,17 +86,15 @@ var BackTop = function BackTop(props) {
       }));
     });
   };
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var customizePrefixCls = props.prefixCls,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className;
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
   var prefixCls = getPrefixCls('back-top', customizePrefixCls);
-  var classString = classNames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl')); // fix https://fb.me/react-unknown-prop
-
+  var classString = classNames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+  // fix https://fb.me/react-unknown-prop
   var divProps = omit(props, ['prefixCls', 'className', 'children', 'visibilityHeight', 'target', 'visible']);
   return /*#__PURE__*/React.createElement("div", _extends({}, divProps, {
     className: classString,
@@ -116,7 +104,6 @@ var BackTop = function BackTop(props) {
     prefixCls: prefixCls
   }));
 };
-
 BackTop.defaultProps = {
   visibilityHeight: 400
 };

package/es/badge/Ribbon.d.ts

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import { LiteralUnion } from '../_util/type';
 import { PresetColorType } from '../_util/colors';
-declare type RibbonPlacement = 'start' | 'end';
+type RibbonPlacement = 'start' | 'end';
 export interface RibbonProps {
     className?: string;
     prefixCls?: string;

package/es/badge/Ribbon.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 /**
  * @file
  * @author jiangting01
@@ -9,34 +8,28 @@ import * as React from 'react';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
 import { isPresetColor } from './utils';
-
 var Ribbon = function Ribbon(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      customizePrefixCls = _ref.prefixCls,
-      style = _ref.style,
-      color = _ref.color,
-      children = _ref.children,
-      text = _ref.text,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'end' : _ref$placement;
-
+    customizePrefixCls = _ref.prefixCls,
+    style = _ref.style,
+    color = _ref.color,
+    children = _ref.children,
+    text = _ref.text,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'end' : _ref$placement;
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var prefixCls = getPrefixCls('ribbon', customizePrefixCls);
   var colorInPreset = isPresetColor(color);
   var ribbonCls = classNames(prefixCls, "".concat(prefixCls, "-placement-").concat(placement), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, "".concat(prefixCls, "-color-").concat(color), colorInPreset), _classNames), className);
   var colorStyle = {};
   var cornerColorStyle = {};
-
   if (color && !colorInPreset) {
     colorStyle.background = color;
     cornerColorStyle.color = color;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-wrapper")
   }, children, /*#__PURE__*/React.createElement("div", {
@@ -49,5 +42,4 @@ var Ribbon = function Ribbon(_ref) {
     style: cornerColorStyle
   })));
 };
-
 export default Ribbon;

package/es/badge/ScrollNumber.js

@@ -1,78 +1,66 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 /**
  * @file
  * @author jiangting01
  */
 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 classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
 import { cloneElement } from '../_util/reactNode';
 import SingleNumber from './SingleNumber';
-
 var ScrollNumber = function ScrollNumber(_a) {
   var customizePrefixCls = _a.prefixCls,
-      count = _a.count,
-      className = _a.className,
-      motionClassName = _a.motionClassName,
-      style = _a.style,
-      title = _a.title,
-      show = _a.show,
-      _a$component = _a.component,
-      component = _a$component === void 0 ? 'sup' : _a$component,
-      children = _a.children,
-      restProps = __rest(_a, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]);
-
+    count = _a.count,
+    className = _a.className,
+    motionClassName = _a.motionClassName,
+    style = _a.style,
+    title = _a.title,
+    show = _a.show,
+    _a$component = _a.component,
+    component = _a$component === void 0 ? 'sup' : _a$component,
+    children = _a.children,
+    restProps = __rest(_a, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]);
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
-  var prefixCls = getPrefixCls('scroll-number', customizePrefixCls); // ============================ Render ============================
-
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('scroll-number', customizePrefixCls);
+  // ============================ Render ============================
   var newProps = _extends(_extends({}, restProps), {
     'data-show': show,
     style: style,
     className: classNames(prefixCls, className, motionClassName),
     title: title
-  }); // Only integer need motion
-
-
+  });
+  // Only integer need motion
   var numberNodes = count;
-
   if (count && Number(count) % 1 === 0) {
     var numberList = String(count).split('');
     numberNodes = numberList.map(function (num, i) {
       return /*#__PURE__*/React.createElement(SingleNumber, {
         prefixCls: prefixCls,
         count: Number(count),
-        value: num // eslint-disable-next-line react/no-array-index-key
+        value: num
+        // eslint-disable-next-line react/no-array-index-key
         ,
         key: numberList.length - i
       });
     });
-  } // allow specify the border
+  }
+  // allow specify the border
   // mock border-color by box-shadow for compatible with old usage:
   // <Badge count={4} style={{backgroundColor: '#fff', color: '#999', borderColor: '#d9d9d9'}} />
-
-
   if (style && style.borderColor) {
     newProps.style = _extends(_extends({}, style), {
       boxShadow: "0 0 0 1px ".concat(style.borderColor, " inset")
     });
   }
-
   if (children) {
     return cloneElement(children, function (oriProps) {
       return {
@@ -80,8 +68,6 @@ var ScrollNumber = function ScrollNumber(_a) {
       };
     });
   }
-
   return /*#__PURE__*/React.createElement(component, newProps, numberNodes);
 };
-
 export default ScrollNumber;

package/es/badge/SingleNumber.d.ts

@@ -2,7 +2,7 @@
  * @file
  * @author jiangting01
  */
-/// <reference types="react" />
+import * as React from 'react';
 export interface UnitNumberProps {
     prefixCls: string;
     value: string | number;
@@ -14,4 +14,4 @@ export interface SingleNumberProps {
     value: string;
     count: number;
 }
-export default function SingleNumber(props: SingleNumberProps): JSX.Element;
+export default function SingleNumber(props: SingleNumberProps): React.JSX.Element;

package/es/badge/SingleNumber.js

@@ -1,21 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /**
  * @file
  * @author jiangting01
  */
 import * as React from 'react';
 import classNames from 'classnames';
-
 function UnitNumber(_ref) {
   var prefixCls = _ref.prefixCls,
-      value = _ref.value,
-      current = _ref.current,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? 0 : _ref$offset;
+    value = _ref.value,
+    current = _ref.current,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset;
   var style;
-
   if (offset) {
     style = {
       position: 'absolute',
@@ -23,7 +20,6 @@ function UnitNumber(_ref) {
       left: 0
     };
   }
-
   return /*#__PURE__*/React.createElement("p", {
     style: style,
     className: classNames("".concat(prefixCls, "-only-unit"), {
@@ -31,43 +27,35 @@ function UnitNumber(_ref) {
     })
   }, value);
 }
-
 function getOffset(start, end, unit) {
   var index = start;
   var offset = 0;
-
   while ((index + 10) % 10 !== end) {
     index += unit;
     offset += unit;
   }
-
   return offset;
 }
-
 export default function SingleNumber(props) {
   var prefixCls = props.prefixCls,
-      originCount = props.count,
-      originValue = props.value;
+    originCount = props.count,
+    originValue = props.value;
   var value = Number(originValue);
   var count = Math.abs(originCount);
-
   var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      prevValue = _React$useState2[0],
-      setPrevValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    prevValue = _React$useState2[0],
+    setPrevValue = _React$useState2[1];
   var _React$useState3 = React.useState(count),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      prevCount = _React$useState4[0],
-      setPrevCount = _React$useState4[1]; // ============================= Events =============================
-
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    prevCount = _React$useState4[0],
+    setPrevCount = _React$useState4[1];
+  // ============================= Events =============================
   var onTransitionEnd = function onTransitionEnd() {
     setPrevValue(value);
     setPrevCount(count);
-  }; // Fallback if transition event not support
-
-
+  };
+  // Fallback if transition event not support
   React.useEffect(function () {
     var timeout = setTimeout(function () {
       onTransitionEnd();
@@ -75,12 +63,11 @@ export default function SingleNumber(props) {
     return function () {
       clearTimeout(timeout);
     };
-  }, [value]); // ============================= Render =============================
+  }, [value]);
+  // ============================= Render =============================
   // Render unit list
-
   var unitNodes;
   var offsetStyle;
-
   if (prevValue === value || Number.isNaN(value) || Number.isNaN(prevValue)) {
     // Nothing to change
     unitNodes = [/*#__PURE__*/React.createElement(UnitNumber, _extends({}, props, {
@@ -91,16 +78,14 @@ export default function SingleNumber(props) {
       transition: 'none'
     };
   } else {
-    unitNodes = []; // Fill basic number units
-
+    unitNodes = [];
+    // Fill basic number units
     var end = value + 10;
     var unitNumberList = [];
-
     for (var index = value; index <= end; index += 1) {
       unitNumberList.push(index);
-    } // Fill with number unit nodes
-
-
+    }
+    // Fill with number unit nodes
     var prevIndex = unitNumberList.findIndex(function (n) {
       return n % 10 === prevValue;
     });
@@ -112,14 +97,13 @@ export default function SingleNumber(props) {
         offset: index - prevIndex,
         current: index === prevIndex
       }));
-    }); // Calculate container offset value
-
+    });
+    // Calculate container offset value
     var unit = prevCount < count ? 1 : -1;
     offsetStyle = {
       transform: "translateY(".concat(-getOffset(prevValue, value, unit), "00%)")
     };
   }
-
   return /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-only"),
     style: offsetStyle,

package/es/badge/index.js

@@ -1,24 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 /**
  * @file badge 徽章
  * @author jiangting01
  */
 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 { useMemo, useRef } from 'react';
 import CSSMotion from 'rc-motion';
@@ -28,38 +22,34 @@ import Ribbon from './Ribbon';
 import { ConfigContext } from '../config-provider';
 import { cloneElement } from '../_util/reactNode';
 import { isPresetColor } from './utils';
-
 var Badge = function Badge(_a) {
   var _classNames, _classNames2;
-
   var customizePrefixCls = _a.prefixCls,
-      customizeScrollNumberPrefixCls = _a.scrollNumberPrefixCls,
-      children = _a.children,
-      status = _a.status,
-      text = _a.text,
-      color = _a.color,
-      _a$count = _a.count,
-      count = _a$count === void 0 ? null : _a$count,
-      _a$overflowCount = _a.overflowCount,
-      overflowCount = _a$overflowCount === void 0 ? 99 : _a$overflowCount,
-      _a$dot = _a.dot,
-      dot = _a$dot === void 0 ? false : _a$dot,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'default' : _a$size,
-      title = _a.title,
-      offset = _a.offset,
-      style = _a.style,
-      className = _a.className,
-      _a$showZero = _a.showZero,
-      showZero = _a$showZero === void 0 ? false : _a$showZero,
-      restProps = __rest(_a, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
-
+    customizeScrollNumberPrefixCls = _a.scrollNumberPrefixCls,
+    children = _a.children,
+    status = _a.status,
+    text = _a.text,
+    color = _a.color,
+    _a$count = _a.count,
+    count = _a$count === void 0 ? null : _a$count,
+    _a$overflowCount = _a.overflowCount,
+    overflowCount = _a$overflowCount === void 0 ? 99 : _a$overflowCount,
+    _a$dot = _a.dot,
+    dot = _a$dot === void 0 ? false : _a$dot,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'default' : _a$size,
+    title = _a.title,
+    offset = _a.offset,
+    style = _a.style,
+    className = _a.className,
+    _a$showZero = _a.showZero,
+    showZero = _a$showZero === void 0 ? false : _a$showZero,
+    restProps = __rest(_a, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
-  var prefixCls = getPrefixCls('badge', customizePrefixCls); // ================================ Misc ================================
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  var prefixCls = getPrefixCls('badge', customizePrefixCls);
+  // ================================ Misc ================================
   var numberedDisplayCount = count > overflowCount ? "".concat(overflowCount, "+") : count;
   var hasStatus = status !== null && status !== undefined || color !== null && color !== undefined;
   var isZero = numberedDisplayCount === '0' || numberedDisplayCount === 0;
@@ -68,72 +58,61 @@ var Badge = function Badge(_a) {
   var isHidden = useMemo(function () {
     var isEmpty = mergedCount === null || mergedCount === undefined || mergedCount === '';
     return (isEmpty || isZero && !showZero) && !showAsDot;
-  }, [mergedCount, isZero, showZero, showAsDot]); // Count should be cache in case hidden change it
-
+  }, [mergedCount, isZero, showZero, showAsDot]);
+  // Count should be cache in case hidden change it
   var countRef = useRef(count);
-
   if (!isHidden) {
     countRef.current = count;
   }
-
-  var livingCount = countRef.current; // We need cache count since remove motion should not change count display
-
+  var livingCount = countRef.current;
+  // We need cache count since remove motion should not change count display
   var displayCountRef = useRef(mergedCount);
-
   if (!isHidden) {
     displayCountRef.current = mergedCount;
   }
-
-  var displayCount = displayCountRef.current; // We will cache the dot status to avoid shaking on leaved motion
-
+  var displayCount = displayCountRef.current;
+  // We will cache the dot status to avoid shaking on leaved motion
   var isDotRef = useRef(showAsDot);
-
   if (!isHidden) {
     isDotRef.current = showAsDot;
-  } // =============================== Styles ===============================
-
-
+  }
+  // =============================== Styles ===============================
   var mergedStyle = useMemo(function () {
     if (!offset) {
       return _extends({}, style);
     }
-
     var offsetStyle = {
       marginTop: offset[1]
     };
-
     if (direction === 'rtl') {
       offsetStyle.marginRight = parseInt(offset[0], 10);
     } else {
       offsetStyle.marginLeft = parseInt(offset[0], 10);
     }
-
     return _extends(_extends({}, offsetStyle), style);
-  }, [direction, offset, style]); // =============================== Render ===============================
+  }, [direction, offset, style]);
+  // =============================== Render ===============================
   // >>> Title
-
-  var titleNode = title !== null && title !== void 0 ? title : typeof livingCount === 'string' || typeof livingCount === 'number' ? livingCount : undefined; // >>> Status Text
-
+  var titleNode = title !== null && title !== void 0 ? title : typeof livingCount === 'string' || typeof livingCount === 'number' ? livingCount : undefined;
+  // >>> Status Text
   var statusTextNode = isHidden || !text ? null : /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-status-text"),
     style: mergedStyle
-  }, text); // >>> Display Component
-
+  }, text);
+  // >>> Display Component
   var displayNode = !livingCount || _typeof(livingCount) !== 'object' ? undefined : cloneElement(livingCount, function (oriProps) {
     return {
       style: _extends(_extends({}, mergedStyle), oriProps.style)
     };
-  }); // Shared styles
-
+  });
+  // Shared styles
   var statusCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-status-dot"), hasStatus), _defineProperty(_classNames, "".concat(prefixCls, "-status-").concat(status), !!status), _defineProperty(_classNames, "".concat(prefixCls, "-status-").concat(color), isPresetColor(color)), _classNames));
   var statusStyle = {};
-
   if (color && !isPresetColor(color)) {
     statusStyle.background = color;
   }
-
-  var badgeClassName = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-status"), hasStatus), _defineProperty(_classNames2, "".concat(prefixCls, "-not-a-wrapper"), !children), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className); // <Badge status="success" />
-
+  var badgeClassName = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-status"), hasStatus), _defineProperty(_classNames2, "".concat(prefixCls, "-not-a-wrapper"), !children), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className);
+  // <Badge status="success" />
   if (!children && hasStatus) {
     var statusTextColor = mergedStyle.color;
     return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
@@ -148,9 +127,8 @@ var Badge = function Badge(_a) {
       },
       className: "".concat(prefixCls, "-status-text")
     }, text));
-  } // <Badge text="new" />
-
-
+  }
+  // <Badge text="new" />
   if (children && text && !hasStatus) {
     return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
       className: prefixCls
@@ -158,9 +136,8 @@ var Badge = function Badge(_a) {
       className: "".concat(prefixCls, "-count ").concat(prefixCls, "-text"),
       style: mergedStyle
     }, text));
-  } // <Badge status="success" count={<Icon type="xxx" />}></Badge>
-
-
+  }
+  // <Badge status="success" count={<Icon type="xxx" />}></Badge>
   return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
     className: badgeClassName
   }), children, /*#__PURE__*/React.createElement(CSSMotion, {
@@ -169,19 +146,15 @@ var Badge = function Badge(_a) {
     motionAppear: false
   }, function (_ref) {
     var _classNames3;
-
     var motionClassName = _ref.className;
     var scrollNumberPrefixCls = getPrefixCls('scroll-number', customizeScrollNumberPrefixCls);
     var isDot = isDotRef.current;
     var scrollNumberCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-dot"), isDot), _defineProperty(_classNames3, "".concat(prefixCls, "-count"), !isDot), _defineProperty(_classNames3, "".concat(prefixCls, "-count-sm"), size === 'small'), _defineProperty(_classNames3, "".concat(prefixCls, "-multiple-words"), !isDot && displayCount && displayCount.toString().length > 1), _defineProperty(_classNames3, "".concat(prefixCls, "-status-").concat(status), !!status), _defineProperty(_classNames3, "".concat(prefixCls, "-status-").concat(color), isPresetColor(color)), _classNames3));
-
     var scrollNumberStyle = _extends({}, mergedStyle);
-
     if (color && !isPresetColor(color)) {
       scrollNumberStyle = scrollNumberStyle || {};
       scrollNumberStyle.background = color;
     }
-
     return /*#__PURE__*/React.createElement(ScrollNumber, {
       prefixCls: scrollNumberPrefixCls,
       show: !isHidden,
@@ -194,6 +167,5 @@ var Badge = function Badge(_a) {
     }, displayNode);
   }), statusTextNode);
 };
-
 Badge.Ribbon = Ribbon;
 export default Badge;