@kdcloudjs/kdesign 1.7.33-stable.12 → 1.7.33-stable.12-hotfix.2

package/es/_utils/formatUtil.js

@@ -105,7 +105,6 @@ export function formatNumber(num, formatParams) {
     floatNum = Math.abs(floatNum);
     numInfo.numStr = _sliceInstanceProperty(_context3 = numInfo.numStr).call(_context3, 1); // 去除第一个负号
   }
-
   var numStrArr = numInfo.numStr.split('.');
   numInfo.intStr = numStrArr[0];
   numInfo.decimalStr = numStrArr[1] || '';
@@ -179,7 +178,6 @@ export function formatEditNumber(num, _ref) {
     floatNum = Math.abs(floatNum);
     numInfo.numStr = _sliceInstanceProperty(_context4 = numInfo.numStr).call(_context4, 1); // 去除第一个负号
   }
-
   var numStrArr = numInfo.numStr.split('.');
   numInfo.intStr = numStrArr[0];
   numInfo.decimalStr = numStrArr[1] || '';

package/es/_utils/hooks.js

@@ -7,9 +7,9 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context2 = {}.toString.call(r)).call(_context2, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { useEffect, useState, useRef, useReducer } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 import devWarning from './devwarning';

package/es/_utils/resizeObserver.js

@@ -1,22 +1,19 @@
 import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 import { findDOMNode } from 'react-dom';
 var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(ResizeObserverComponent, _React$Component);
-  var _super = _createSuper(ResizeObserverComponent);
   function ResizeObserverComponent() {
     var _this;
     _classCallCheck(this, ResizeObserverComponent);
-    _this = _super.apply(this, arguments);
+    _this = _callSuper(this, ResizeObserverComponent, arguments);
     _this.componentWillUnmount = function () {
       if (_this.resizeObserver) {
         _this.destroyResizeObserver();
@@ -28,7 +25,7 @@ var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
         onResize && onResize(entry);
       });
       // eslint-disable-next-line react/no-find-dom-node
-      _this.resizeObserver.observe(findDOMNode(_assertThisInitialized(_this)));
+      _this.resizeObserver.observe(findDOMNode(_this));
     };
     _this.destroyResizeObserver = function () {
       _this.resizeObserver && _this.resizeObserver.disconnect();
@@ -36,7 +33,8 @@ var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(ResizeObserverComponent, [{
+  _inherits(ResizeObserverComponent, _React$Component);
+  return _createClass(ResizeObserverComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (! /*#__PURE__*/React.isValidElement(this.props.children)) {
@@ -59,6 +57,5 @@ var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return ResizeObserverComponent;
 }(React.Component);
 export default ResizeObserverComponent;

package/es/_utils/usePopper.d.ts

@@ -27,5 +27,5 @@ export interface PopperProps {
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
     onTransitionEnd?: (e: React.TransitionEvent) => void;
 }
-declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): JSX.Element;
+declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): React.JSX.Element;
 export default usePopper;

package/es/_utils/usePopper.js

@@ -47,44 +47,44 @@ function getRotate(matrix) {
   }
   return deg >= 360 ? 0 : deg;
 }
-var getTranslatePos = function getTranslatePos(el) {
+var _getTranslatePos = function getTranslatePos(el) {
   var elPos = {
     top: getTranslate(el, 'y') || 0,
     left: getTranslate(el, 'x') || 0
   };
   if (el.parentElement) {
-    var parentPos = getTranslatePos(el.parentElement);
+    var parentPos = _getTranslatePos(el.parentElement);
     elPos.top += parentPos.top;
     elPos.left += parentPos.left;
   }
   return elPos;
 };
-var getOffsetPos = function getOffsetPos(el) {
+var _getOffsetPos = function getOffsetPos(el) {
   var elPos = {
     top: el.offsetTop,
     left: el.offsetLeft
   };
   if (el.offsetParent) {
-    var parentPos = getOffsetPos(el.offsetParent);
+    var parentPos = _getOffsetPos(el.offsetParent);
     elPos.top += parentPos.top;
     elPos.left += parentPos.left;
   }
   return elPos;
 };
-var getBorderWidth = function getBorderWidth(el) {
+var _getBorderWidth = function getBorderWidth(el) {
   var border = {
     top: 0,
     left: 0
   };
   if (el.offsetParent) {
     var _context, _context2;
-    var parentBorder = getBorderWidth(el.offsetParent);
+    var parentBorder = _getBorderWidth(el.offsetParent);
     border.top += parentBorder.top + parseInt(_sliceInstanceProperty(_context = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context, 0, -2));
     border.left += parentBorder.left + parseInt(_sliceInstanceProperty(_context2 = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context2, 0, -2));
   }
   return border;
 };
-var getScrollDist = function getScrollDist(el, container) {
+var _getScrollDist = function getScrollDist(el, container) {
   var elScroll = {
     top: el.scrollTop,
     left: el.scrollLeft
@@ -94,7 +94,7 @@ var getScrollDist = function getScrollDist(el, container) {
     elScroll.top -= document.documentElement.scrollTop;
     elScroll.left -= document.documentElement.scrollLeft;
   } else if (el.parentElement && container.contains(el.parentElement)) {
-    var parentScroll = getScrollDist(el.parentElement, container);
+    var parentScroll = _getScrollDist(el.parentElement, container);
     elScroll.top += parentScroll.top;
     elScroll.left += parentScroll.left;
   }
@@ -114,7 +114,7 @@ var getRealDom = function getRealDom(locatorRef, locatorElement) {
   return locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current[name];
 };
 function usePopper(locatorElement, popperElement, props) {
-  var _context3, _context4, _arrowStyle;
+  var _context3, _context4;
   var prefixCls = props.prefixCls,
     onTrigger = props.onTrigger,
     popperStyle = props.popperStyle,
@@ -204,13 +204,13 @@ function usePopper(locatorElement, popperElement, props) {
     canAlign = _useState8[0],
     setCanAlign = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    visible = _useState10[0],
-    setVisible = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    active = _useState12[0],
-    setActive = _useState12[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    visible = _useState0[0],
+    setVisible = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    active = _useState10[0],
+    setActive = _useState10[1];
   useEffect(function () {
     if (props.visible) {
       !exist && setExist(true);
@@ -220,18 +220,18 @@ function usePopper(locatorElement, popperElement, props) {
       setVisible(false);
     }
   }, [exist, props.visible]);
-  var _useState13 = useState(''),
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    evType = _useState12[0],
+    setEvType = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    evType = _useState14[0],
-    setEvType = _useState14[1];
-  var _useState15 = useState(),
+    align = _useState14[0],
+    setAlign = _useState14[1];
+  var _useState15 = useState(placement),
     _useState16 = _slicedToArray(_useState15, 2),
-    align = _useState16[0],
-    setAlign = _useState16[1];
-  var _useState17 = useState(placement),
-    _useState18 = _slicedToArray(_useState17, 2),
-    nextPlacement = _useState18[0],
-    setNextPlacement = _useState18[1];
+    nextPlacement = _useState16[0],
+    setNextPlacement = _useState16[1];
   var alignPopper = useCallback(function () {
     var realDom = getRealDom(locatorRef, locatorElement);
     if (realDom && (popperRef === null || popperRef === void 0 ? void 0 : popperRef.current)) {
@@ -245,21 +245,21 @@ function usePopper(locatorElement, popperElement, props) {
         right = _realDom$getBoundingC.right,
         height = _realDom$getBoundingC.height,
         width = _realDom$getBoundingC.width;
-      var _getOffsetPos = getOffsetPos(container),
-        containerTop = _getOffsetPos.top,
-        containerLeft = _getOffsetPos.left;
-      var _getOffsetPos2 = getOffsetPos(realDom),
-        locatorTop = _getOffsetPos2.top,
-        locatorLeft = _getOffsetPos2.left;
-      var _getTranslatePos = getTranslatePos(realDom),
-        translateTop = _getTranslatePos.top,
-        translateLeft = _getTranslatePos.left;
-      var _getBorderWidth = getBorderWidth(realDom),
-        borderTop = _getBorderWidth.top,
-        borderLeft = _getBorderWidth.left;
-      var _getScrollDist = getScrollDist(realDom.parentElement, container),
-        scrollTop = _getScrollDist.top,
-        scrollLeft = _getScrollDist.left;
+      var _getOffsetPos2 = _getOffsetPos(container),
+        containerTop = _getOffsetPos2.top,
+        containerLeft = _getOffsetPos2.left;
+      var _getOffsetPos3 = _getOffsetPos(realDom),
+        locatorTop = _getOffsetPos3.top,
+        locatorLeft = _getOffsetPos3.left;
+      var _getTranslatePos2 = _getTranslatePos(realDom),
+        translateTop = _getTranslatePos2.top,
+        translateLeft = _getTranslatePos2.left;
+      var _getBorderWidth2 = _getBorderWidth(realDom),
+        borderTop = _getBorderWidth2.top,
+        borderLeft = _getBorderWidth2.left;
+      var _getScrollDist2 = _getScrollDist(realDom.parentElement, container),
+        scrollTop = _getScrollDist2.top,
+        scrollLeft = _getScrollDist2.left;
       var locatorPos = {
         width: width,
         height: height,
@@ -428,7 +428,7 @@ function usePopper(locatorElement, popperElement, props) {
       }, 200);
     }
   }, [alignPopper, canAlign, onVisibleChange, props]);
-  var arrowStyle = (_arrowStyle = {}, _defineProperty(_arrowStyle, "--arrowSize", arrowSize + 'px'), _defineProperty(_arrowStyle, "--arrowSpill", arrowWidth / -2 + 'px'), _arrowStyle);
+  var arrowStyle = _defineProperty(_defineProperty({}, "--arrowSize", arrowSize + 'px'), "--arrowSpill", arrowWidth / -2 + 'px');
   if (arrowPos.top) arrowStyle["--arrowTop"] = arrowPos.top + 'px';
   if (arrowPos.left) arrowStyle["--arrowLeft"] = arrowPos.left + 'px';
   var popperContainerStyle = _extends(_extends(_extends({

package/es/alert/alert.js

@@ -55,7 +55,6 @@ function createAlertContainer(alertContainer, alertPrefixCls, bannerOffset) {
   allBannerAlertPortals.set(posKey, container);
 }
 var Alert = function Alert(props) {
-  var _classNames, _classNames2;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -137,7 +136,7 @@ var Alert = function Alert(props) {
       clearTimeout(timerRef.current);
     };
   }, [delayOffTime, message, previousMessage, timerRef, hideAlert]);
-  var alertClasses = classNames(alertPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(alertPrefixCls, "-closable"), closable), _defineProperty(_classNames, "".concat(alertPrefixCls, "-banner"), banner), _defineProperty(_classNames, "".concat(alertPrefixCls, "-leave"), !visible || !message), _defineProperty(_classNames, "".concat(alertPrefixCls, "-visible"), visible && message), _defineProperty(_classNames, "".concat(alertPrefixCls, "-container"), true), _classNames));
+  var alertClasses = classNames(alertPrefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(alertPrefixCls, "-closable"), closable), "".concat(alertPrefixCls, "-banner"), banner), "".concat(alertPrefixCls, "-leave"), !visible || !message), "".concat(alertPrefixCls, "-visible"), visible && message), "".concat(alertPrefixCls, "-container"), true));
   var handleClose = function handleClose() {
     onClose && onClose();
     setVisible(false);
@@ -173,13 +172,13 @@ var Alert = function Alert(props) {
     ref: alertRef,
     style: style
   }, othersProps), showIcon && iconNode, /*#__PURE__*/React.createElement("div", {
-    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(alertPrefixCls, "-message"), true), _defineProperty(_classNames2, "".concat(alertPrefixCls, "-without-icon-message"), !showIcon), _classNames2))
-  }, message), extra, closable && type !== 'success' && /*#__PURE__*/React.createElement("div", {
+    className: classNames(_defineProperty(_defineProperty({}, "".concat(alertPrefixCls, "-message"), true), "".concat(alertPrefixCls, "-without-icon-message"), !showIcon))
+  }, message), extra, closable && type !== 'success' && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(alertPrefixCls, "-close-icon"),
     onClick: handleClose
   }, closeNode || /*#__PURE__*/React.createElement(Icon, {
     type: "close"
-  })));
+  }))));
   if (banner) {
     return /*#__PURE__*/ReactDOM.createPortal(AlertComp, alertContainer.current);
   } else {

package/es/anchor/anchor-link.js

@@ -41,10 +41,9 @@ var AnchorLink = function AnchorLink(props) {
     scrollTo(href);
   };
   var renderAnchorLink = function renderAnchorLink() {
-    var _classNames2;
     var active = activeLink === href;
     var anchorLinkClasses = classNames("".concat(anchorLinkPrefixCls, "-link"), _defineProperty({}, "".concat(anchorLinkPrefixCls, "-link-active"), active), className);
-    var titleClassName = classNames("".concat(anchorLinkPrefixCls, "-link-title"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-active"), active), _defineProperty(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-secondary"), !isFirstLevel && type === 'bookmarks'), _classNames2));
+    var titleClassName = classNames("".concat(anchorLinkPrefixCls, "-link-title"), _defineProperty(_defineProperty({}, "".concat(anchorLinkPrefixCls, "-link-title-active"), active), "".concat(anchorLinkPrefixCls, "-link-title-secondary"), !isFirstLevel && type === 'bookmarks'));
     return /*#__PURE__*/React.createElement("div", {
       className: anchorLinkClasses
     }, /*#__PURE__*/React.createElement("span", {

package/es/anchor/anchor.js

@@ -78,7 +78,7 @@ function scrollTo(y) {
   var container = getContainer();
   var scrollTop = getScroll(container, true);
   var startTime = Date.now();
-  var frameFunc = function frameFunc() {
+  var _frameFunc = function frameFunc() {
     var timestamp = Date.now();
     var time = timestamp - startTime;
     var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
@@ -93,12 +93,12 @@ function scrollTo(y) {
       container.scrollTop = nextScrollTop;
     }
     if (time < duration) {
-      window.requestAnimationFrame(frameFunc);
+      window.requestAnimationFrame(_frameFunc);
     } else if (typeof callback === 'function') {
       callback();
     }
   };
-  window.requestAnimationFrame(frameFunc);
+  window.requestAnimationFrame(_frameFunc);
 }
 var InternalAnchor = function InternalAnchor(props, ref) {
   var _a;
@@ -146,29 +146,29 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     anchorPosition = _useState8[0],
     setAnchorPosition = _useState8[1];
   var _useState9 = useState(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    listWidth = _useState10[0],
-    setListWidth = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    listWidth = _useState0[0],
+    setListWidth = _useState0[1];
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    menuWrapWidth = _useState10[0],
+    setMenuWrapWidth = _useState10[1];
   var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    menuWrapWidth = _useState12[0],
-    setMenuWrapWidth = _useState12[1];
-  var _useState13 = useState(0),
+    listPostion = _useState12[0],
+    setListPosition = _useState12[1];
+  var _useState13 = useState([0]),
     _useState14 = _slicedToArray(_useState13, 2),
-    listPostion = _useState14[0],
-    setListPosition = _useState14[1];
-  var _useState15 = useState([0]),
+    positionHistory = _useState14[0],
+    setPositionHistory = _useState14[1];
+  var _useState15 = useState(!!props.visible),
     _useState16 = _slicedToArray(_useState15, 2),
-    positionHistory = _useState16[0],
-    setPositionHistory = _useState16[1];
-  var _useState17 = useState(!!props.visible),
+    optionShow = _useState16[0],
+    setOptionShow = _useState16[1];
+  var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    optionShow = _useState18[0],
-    setOptionShow = _useState18[1];
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    isLocked = _useState20[0],
-    setIsLocked = _useState20[1];
+    isLocked = _useState18[0],
+    setIsLocked = _useState18[1];
   var isAdcanced = type === 'advanced';
   // ref
   var wrapperRef = React.useRef(null);
@@ -485,14 +485,14 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       ref: fixedRef,
       className: anchorAdvancedClass,
       style: dropdownStyle
-    }, lockedIcon !== false && /*#__PURE__*/React.createElement("span", {
+    }, lockedIcon !== false && (/*#__PURE__*/React.createElement("span", {
       className: "".concat(anchorPrefixCls, "-advanced-lock"),
       onClick: function onClick() {
         return setIsLocked(!isLocked);
       }
-    }, isLocked ? lock : unlock), anchorBookmarksContent(wrapperRef));
+    }, isLocked ? lock : unlock)), anchorBookmarksContent(wrapperRef));
   };
-  var anchorAdvancedContent = usePopper( /*#__PURE__*/React.createElement("span", {
+  var anchorAdvancedContent = usePopper(/*#__PURE__*/React.createElement("span", {
     className: "".concat(anchorPrefixCls, "-advanced-arrows"),
     ref: isAdcanced ? ref || iconRef : null
   }, icon || /*#__PURE__*/React.createElement(Icon, {

package/es/avatar/avatar.js

@@ -12,7 +12,7 @@ import { Icon } from '../index';
 export var AvatarSizes = tuple('large', 'middle', 'small', 'extra-small');
 export var AvatarShapes = tuple('circle', 'square');
 var InternalAvatar = function InternalAvatar(props, ref) {
-  var _classNames, _context, _classNames2;
+  var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -50,10 +50,10 @@ var InternalAvatar = function InternalAvatar(props, ref) {
   var avatarChildrenRef = React.useRef();
   // class
   var avatarPrefixCls = getPrefixCls(prefixCls, 'avatar', customPrefixcls);
-  var sizeClasses = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(avatarPrefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-md"), size === 'middle'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-sm"), size === 'small'), _defineProperty(_classNames, "".concat(avatarPrefixCls, "-xs"), size === 'extra-small'), _classNames));
+  var sizeClasses = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(avatarPrefixCls, "-lg"), size === 'large'), "".concat(avatarPrefixCls, "-md"), size === 'middle'), "".concat(avatarPrefixCls, "-sm"), size === 'small'), "".concat(avatarPrefixCls, "-xs"), size === 'extra-small'));
   var hasImageElement = /*#__PURE__*/React.isValidElement(src);
   var isShowDefaultIcon = !src && !icon && !children;
-  var avatarClasses = classNames(avatarPrefixCls, sizeClasses, (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(avatarPrefixCls, "-")).call(_context, shape), !!shape), _defineProperty(_classNames2, "".concat(avatarPrefixCls, "-image"), hasImageElement || src && isImgExist), _defineProperty(_classNames2, "".concat(avatarPrefixCls, "-icon"), !!icon || isShowDefaultIcon), _defineProperty(_classNames2, "".concat(avatarPrefixCls, "-disabled"), disabled), _classNames2), className);
+  var avatarClasses = classNames(avatarPrefixCls, sizeClasses, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(avatarPrefixCls, "-")).call(_context, shape), !!shape), "".concat(avatarPrefixCls, "-image"), hasImageElement || src && isImgExist), "".concat(avatarPrefixCls, "-icon"), !!icon || isShowDefaultIcon), "".concat(avatarPrefixCls, "-disabled"), disabled), className);
   var sizeStyle = typeof size === 'number' ? {
     width: size,
     height: size,

package/es/badge/badge.js

@@ -20,7 +20,7 @@ import { tuple } from '../_utils/type';
 export var PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');
 export var BadgeSizes = tuple('default', 'small');
 var Badge = function Badge(props) {
-  var _classNames, _context, _classNames2, _context2, _classNames3;
+  var _context, _context2;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -74,10 +74,10 @@ var Badge = function Badge(props) {
     return _extends(_extends({}, offsetStyle), style);
   }, [offset, style]);
   // =============================== Render ===============================
-  var badgeClassName = classNames(badgePrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(badgePrefixCls, "-status"), hasStatus), _defineProperty(_classNames, "".concat(badgePrefixCls, "-not-a-wrapper"), !children), _classNames), className);
+  var badgeClassName = classNames(badgePrefixCls, _defineProperty(_defineProperty({}, "".concat(badgePrefixCls, "-status"), hasStatus), "".concat(badgePrefixCls, "-not-a-wrapper"), !children), className);
   var isDot = isDotRef.current;
-  var scrollNumberCls = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(badgePrefixCls, "-dot"), isDot), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-count"), !isDot), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-count-sm"), size === 'small'), _defineProperty(_classNames2, "".concat(badgePrefixCls, "-multiple-words"), !isDot && mergedCount && mergedCount.toString().length > 1), _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(badgePrefixCls, "-status-")).call(_context, status), !!status), _classNames2));
-  var statusCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(badgePrefixCls, "-status-dot"), hasStatus), _defineProperty(_classNames3, _concatInstanceProperty(_context2 = "".concat(badgePrefixCls, "-status-")).call(_context2, status), !!status), _classNames3));
+  var scrollNumberCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefixCls, "-dot"), isDot), "".concat(badgePrefixCls, "-count"), !isDot), "".concat(badgePrefixCls, "-count-sm"), size === 'small'), "".concat(badgePrefixCls, "-multiple-words"), !isDot && mergedCount && mergedCount.toString().length > 1), _concatInstanceProperty(_context = "".concat(badgePrefixCls, "-status-")).call(_context, status), !!status));
+  var statusCls = classNames(_defineProperty(_defineProperty({}, "".concat(badgePrefixCls, "-status-dot"), hasStatus), _concatInstanceProperty(_context2 = "".concat(badgePrefixCls, "-status-")).call(_context2, status), !!status));
   var statusStyle = {};
   if (color) {
     statusStyle.background = color;
@@ -89,13 +89,13 @@ var Badge = function Badge(props) {
     className: "".concat(prefixCls, "-status-text")
   }, text);
   // Display Component
-  var displayNode = isSingleNumber ? /*#__PURE__*/React.createElement("sup", {
+  var displayNode = isSingleNumber ? (/*#__PURE__*/React.createElement("sup", {
     className: scrollNumberCls,
     style: _extends(_extends({}, mergedStyle), {
       backgroundColor: color
     }),
     title: titleNode
-  }, mergedCount) : cloneElement(count, function (oriProps) {
+  }, mergedCount)) : cloneElement(count, function (oriProps) {
     return {
       style: _extends(_extends({}, mergedStyle), oriProps.style),
       className: classNames("".concat(badgePrefixCls, "-custom-component"), oriProps === null || oriProps === void 0 ? void 0 : oriProps.className)