@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/lib/anchor/anchor.js

@@ -1,101 +1,64 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AnchorTypes = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _utils = require("../_utils");
-
 var _type = require("../_utils/type");
-
 var _context6 = _interopRequireDefault(require("./context"));
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var _index = require("../index");
-
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
-
 var _reactChildren = require("../_utils/react-children");
-
 var _hooks = require("../_utils/hooks");
-
 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 sharpMatcherRegx = /#(\S+)$/;
 var AnchorTypes = (0, _type.tuple)('bookmarks', 'menu', 'advanced');
 exports.AnchorTypes = AnchorTypes;
-
 function getDefaultContainer() {
   return window;
 }
-
 function getOffsetTop(element, container) {
   if (!element.getClientRects().length) {
     return 0;
   }
-
   var rect = element.getBoundingClientRect();
-
   if (rect.width || rect.height) {
     if (container === window) {
       container = element.ownerDocument.documentElement;
       return rect.top - container.clientTop;
     }
-
     return rect.top - container.getBoundingClientRect().top;
   }
-
   return rect.top;
 }
-
 function isWindow(obj) {
   return obj !== null && obj !== undefined && obj === obj.window;
 }
-
 function getScroll(target, top) {
   var _a;
-
   if (typeof window === 'undefined') {
     return 0;
   }
-
   var method = top ? 'scrollTop' : 'scrollLeft';
   var result = 0;
-
   if (isWindow(target)) {
     result = target[top ? 'pageYOffset' : 'pageXOffset'];
   } else if (target instanceof Document) {
@@ -103,43 +66,35 @@ function getScroll(target, top) {
   } else if (target) {
     result = target[method];
   }
-
   if (target && !isWindow(target) && typeof result !== 'number') {
     result = (_a = (target.ownerDocument || target).documentElement) === null || _a === void 0 ? void 0 : _a[method];
   }
-
   return result;
 }
-
 function easeInOutCubic(t, b, c, d) {
   var cc = c - b;
   t /= d / 2;
-
   if (t < 1) {
     return cc / 2 * t * t * t + b;
   }
-
   return cc / 2 * ((t -= 2) * t * t + 2) + b;
 }
-
 function scrollTo(y) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _options$getContainer = options.getContainer,
-      getContainer = _options$getContainer === void 0 ? function () {
-    return window;
-  } : _options$getContainer,
-      callback = options.callback,
-      _options$duration = options.duration,
-      duration = _options$duration === void 0 ? 450 : _options$duration;
+    getContainer = _options$getContainer === void 0 ? function () {
+      return window;
+    } : _options$getContainer,
+    callback = options.callback,
+    _options$duration = options.duration,
+    duration = _options$duration === void 0 ? 450 : _options$duration;
   var container = getContainer();
   var scrollTop = getScroll(container, true);
   var startTime = Date.now();
-
   var frameFunc = function frameFunc() {
     var timestamp = Date.now();
     var time = timestamp - startTime;
     var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
-
     if (isWindow(container)) {
       ;
       container.scrollTo(window.pageXOffset, nextScrollTop);
@@ -150,169 +105,132 @@ function scrollTo(y) {
       ;
       container.scrollTop = nextScrollTop;
     }
-
     if (time < duration) {
       window.requestAnimationFrame(frameFunc);
     } else if (typeof callback === 'function') {
       callback();
     }
   };
-
   window.requestAnimationFrame(frameFunc);
 }
-
 var InternalAnchor = function InternalAnchor(props, ref) {
   var _a;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var anchorProps = (0, _utils.getCompProps)('Anchor', userDefaultProps, props);
   var customPrefixcls = anchorProps.prefixCls,
-      className = anchorProps.className,
-      children = anchorProps.children,
-      type = anchorProps.type,
-      onChange = anchorProps.onChange,
-      onClick = anchorProps.onClick,
-      getCurrentAnchor = anchorProps.getCurrentAnchor,
-      _anchorProps$offsetTo = anchorProps.offsetTop,
-      offsetTop = _anchorProps$offsetTo === void 0 ? 0 : _anchorProps$offsetTo,
-      targetOffset = anchorProps.targetOffset,
-      getContainer = anchorProps.getContainer,
-      _anchorProps$bounds = anchorProps.bounds,
-      bounds = _anchorProps$bounds === void 0 ? 5 : _anchorProps$bounds,
-      style = anchorProps.style,
-      _anchorProps$lockedIc = anchorProps.lockedIcon,
-      lockedIcon = _anchorProps$lockedIc === void 0 ? true : _anchorProps$lockedIc,
-      icon = anchorProps.icon,
-      affix = anchorProps.affix,
-      dropdownStyle = anchorProps.dropdownStyle,
-      onVisibleChange = anchorProps.onVisibleChange;
+    className = anchorProps.className,
+    children = anchorProps.children,
+    type = anchorProps.type,
+    onChange = anchorProps.onChange,
+    onClick = anchorProps.onClick,
+    getCurrentAnchor = anchorProps.getCurrentAnchor,
+    _anchorProps$offsetTo = anchorProps.offsetTop,
+    offsetTop = _anchorProps$offsetTo === void 0 ? 0 : _anchorProps$offsetTo,
+    targetOffset = anchorProps.targetOffset,
+    getContainer = anchorProps.getContainer,
+    _anchorProps$bounds = anchorProps.bounds,
+    bounds = _anchorProps$bounds === void 0 ? 5 : _anchorProps$bounds,
+    style = anchorProps.style,
+    _anchorProps$lockedIc = anchorProps.lockedIcon,
+    lockedIcon = _anchorProps$lockedIc === void 0 ? true : _anchorProps$lockedIc,
+    icon = anchorProps.icon,
+    affix = anchorProps.affix,
+    dropdownStyle = anchorProps.dropdownStyle,
+    onVisibleChange = anchorProps.onVisibleChange;
   var anchorPrefixCls = getPrefixCls(prefixCls, 'anchor', customPrefixcls); // 锚点样式前缀
-
   (0, _devwarning.default)(AnchorTypes.indexOf(type) === -1, 'anchor', "cannot found anchor type '".concat(type, "'"));
-
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      activeLink = _useState2[0],
-      setActiveLink = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeLink = _useState2[0],
+    setActiveLink = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      fixedTop = _useState4[0],
-      setFixedTop = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    fixedTop = _useState4[0],
+    setFixedTop = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      links = _useState6[0],
-      setLinks = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    links = _useState6[0],
+    setLinks = _useState6[1];
   var _useState7 = (0, _react.useState)({}),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      anchorPosition = _useState8[0],
-      setAnchorPosition = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    anchorPosition = _useState8[0],
+    setAnchorPosition = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      listWidth = _useState10[0],
-      setListWidth = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    listWidth = _useState10[0],
+    setListWidth = _useState10[1];
   var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      menuWrapWidth = _useState12[0],
-      setMenuWrapWidth = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    menuWrapWidth = _useState12[0],
+    setMenuWrapWidth = _useState12[1];
   var _useState13 = (0, _react.useState)(0),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      listPostion = _useState14[0],
-      setListPosition = _useState14[1];
-
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    listPostion = _useState14[0],
+    setListPosition = _useState14[1];
   var _useState15 = (0, _react.useState)([0]),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      positionHistory = _useState16[0],
-      setPositionHistory = _useState16[1];
-
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    positionHistory = _useState16[0],
+    setPositionHistory = _useState16[1];
   var _useState17 = (0, _react.useState)(!!props.visible),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      optionShow = _useState18[0],
-      setOptionShow = _useState18[1];
-
+    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+    optionShow = _useState18[0],
+    setOptionShow = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      isLocked = _useState20[0],
-      setIsLocked = _useState20[1];
-
-  var isAdcanced = type === 'advanced'; // ref
-
+    _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+    isLocked = _useState20[0],
+    setIsLocked = _useState20[1];
+  var isAdcanced = type === 'advanced';
+  // ref
   var wrapperRef = _react.default.useRef(null);
-
   var inkRef = _react.default.useRef(null);
-
   var linkContentRef = _react.default.useRef(null);
-
   var iconRef = _react.default.useRef(null);
-
   var menuWrapRef = /*#__PURE__*/_react.default.createRef();
-
   var normalRef = _react.default.useRef(null);
-
   var anchorRef = ref || normalRef;
-
   var linksWidthRef = _react.default.useRef([]);
-
-  var wrapperClass = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-wrapper"), true)); // classes
-
+  var wrapperClass = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-wrapper"), true));
+  // classes
   var anchorMenuClass = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-menu"), true));
   var anchorAdvancedClass = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-advanced"), true));
   var inkClass = (0, _classnames.default)("".concat(anchorPrefixCls, "-line-slider"), {
     visible: activeLink
   });
-
   _react.default.useEffect(function () {
     setOptionShow(!!props.visible);
   }, [props.visible]);
-
   var updateInk = (0, _react.useCallback)(function () {
     var anchorNode = (isAdcanced ? wrapperRef : anchorRef).current;
     var inkNode = inkRef.current;
     var linkNode = anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.getElementsByClassName("".concat(anchorPrefixCls, "-link-title-active"))[0];
-
     if (linkNode && inkNode) {
       inkNode.style.top = "".concat(linkNode.offsetTop + 1, "px");
     }
   }, [anchorPrefixCls, anchorRef, isAdcanced]);
-
-  var mounting = _react.default.useRef(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+  var mounting = _react.default.useRef(true);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   (0, _react.useEffect)(function () {
     var _a;
-
     if (mounting.current) {
       mounting.current = false;
-
       if (linkContentRef.current) {
         var _context;
-
         var nodelist = (_a = linkContentRef.current) === null || _a === void 0 ? void 0 : _a.children;
         var linksWidth = (0, _map.default)(_context = (0, _from.default)(nodelist)).call(_context, function (item) {
           return item.getBoundingClientRect().width;
         });
         linksWidthRef.current = linksWidth;
       }
-
       return;
     }
-
     updateInk();
   });
   (0, _hooks.useResizeObserver)(anchorRef.current, function () {
     var _context2;
-
     var _a;
-
     var nodelist = (_a = linkContentRef.current) === null || _a === void 0 ? void 0 : _a.children;
     if (!nodelist) return;
     var linksWidth = (0, _map.default)(_context2 = (0, _from.default)(nodelist)).call(_context2, function (item) {
@@ -324,7 +242,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     if (linkContentRef.current) {
       setTimeout(function () {
         var _a;
-
         var width = ((_a = linkContentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
         setListWidth(width);
       }, 0);
@@ -334,22 +251,18 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     if (menuWrapRef.current) {
       setTimeout(function () {
         var _a;
-
         setMenuWrapWidth(((_a = menuWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0);
       }, 0);
     }
   }, [menuWrapRef]);
-
   var registerLink = function registerLink(link) {
     if (!(0, _includes.default)(links).call(links, link)) {
       setLinks(function (pre) {
         var _context3;
-
         return (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(pre), [link]);
       });
     }
   };
-
   var getScrollContainer = (0, _react.useCallback)(function () {
     var getFunc = getContainer || getDefaultContainer;
     return getFunc();
@@ -361,16 +274,12 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     var container = getScrollContainer();
     links.forEach(function (link) {
       var sharpLinkMatch = sharpMatcherRegx.exec(link.toString());
-
       if (!sharpLinkMatch) {
         return;
       }
-
       var target = document.getElementById(sharpLinkMatch[1]);
-
       if (target) {
         var top = getOffsetTop(target, container);
-
         if (top < offsetTop + bounds) {
           linkSections.push({
             link: link,
@@ -379,33 +288,26 @@ var InternalAnchor = function InternalAnchor(props, ref) {
         }
       }
     });
-
     if (linkSections.length) {
       var maxSection = linkSections.reduce(function (prev, curr) {
         return curr.top > prev.top ? curr : prev;
       });
       return maxSection.link;
     }
-
     return '';
   }, [getScrollContainer, links]);
-
   var handleScrollTo = function handleScrollTo(link) {
     setCurrentActiveLink(link);
     var container = getScrollContainer();
     var scrollTop = getScroll(container, true);
     var sharpLinkMatch = sharpMatcherRegx.exec(link);
-
     if (!sharpLinkMatch) {
       return;
     }
-
     var targetElement = document.getElementById(sharpLinkMatch[1]);
-
     if (!targetElement) {
       return;
     }
-
     var eleOffsetTop = getOffsetTop(targetElement, container);
     var y = scrollTop + eleOffsetTop;
     y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;
@@ -413,12 +315,10 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       getContainer: getScrollContainer
     });
   };
-
   var setCurrentActiveLink = (0, _react.useCallback)(function (link) {
     if (activeLink === link) {
       return undefined;
     }
-
     setActiveLink(typeof getCurrentAnchor === 'function' ? getCurrentAnchor() : link);
     onChange === null || onChange === void 0 ? void 0 : onChange(link);
   }, [onChange, setActiveLink, activeLink, getCurrentAnchor]);
@@ -426,16 +326,13 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     if (affix && type !== 'advanced' && anchorRef.current) {
       var container = getScrollContainer();
       var top = getOffsetTop(anchorRef.current, container);
-
       if (top <= offsetTop) {
         setFixedTop(true);
       }
-
       if (top > offsetTop) {
         setFixedTop(false);
       }
     }
-
     var currentActiveLink = getAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);
     currentActiveLink && setCurrentActiveLink(currentActiveLink);
   }, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef, targetOffset]);
@@ -449,10 +346,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   (0, _react.useEffect)(function () {
     if (!isAdcanced && anchorRef && anchorRef.current) {
       var _anchorRef$current$ge = anchorRef.current.getBoundingClientRect(),
-          top = _anchorRef$current$ge.top,
-          width = _anchorRef$current$ge.width,
-          height = _anchorRef$current$ge.height;
-
+        top = _anchorRef$current$ge.top,
+        width = _anchorRef$current$ge.width,
+        height = _anchorRef$current$ge.height;
       setAnchorPosition({
         top: top,
         width: width,
@@ -460,13 +356,11 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       });
     }
   }, [anchorRef, getScrollContainer, isAdcanced]);
-
   var handleVisibleChange = function handleVisibleChange(visible) {
     !isLocked && onVisibleChange && onVisibleChange(visible);
     if (props.visible !== undefined) return;
     !isLocked && setOptionShow(visible);
   };
-
   var popperProps = (0, _extends2.default)((0, _extends2.default)({
     autoPlacement: false
   }, anchorProps), {
@@ -476,15 +370,12 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     gap: -(((_a = (ref || iconRef).current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0),
     onVisibleChange: handleVisibleChange
   });
-
   var fixedRef = _react.default.useRef(null);
-
   if (type === 'advanced' && isLocked) {
     if (fixedRef.current) {
       var _fixedRef$current$get = fixedRef.current.getBoundingClientRect(),
-          left = _fixedRef$current$get.left,
-          top = _fixedRef$current$get.top;
-
+        left = _fixedRef$current$get.left,
+        top = _fixedRef$current$get.top;
       popperProps.popperStyle = {
         position: 'fixed',
         left: left,
@@ -492,10 +383,8 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       };
     }
   }
-
   var addChildrenProps = function addChildrenProps(linksChildren) {
     var _context4;
-
     return (0, _map.default)(_context4 = (0, _reactChildren.toArray)(linksChildren)).call(_context4, function (item, indx) {
       if (!item) return item;
       return /*#__PURE__*/_react.default.cloneElement(item, {
@@ -504,7 +393,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       });
     });
   };
-
   var anchorBookmarksContent = function anchorBookmarksContent(ref) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: ref,
@@ -524,10 +412,8 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       ref: inkRef
     })), addChildrenProps(children)));
   };
-
   var renderLeftArrow = function renderLeftArrow() {
     var leftClasses = (0, _classnames.default)("".concat(anchorMenuClass, "-left-arrows"), (0, _defineProperty2.default)({}, "".concat(anchorMenuClass, "-left-arrows-disabled"), listPostion === 0));
-
     var handleLeft = function handleLeft() {
       if (listPostion === 0) return;
       var positions = (0, _toConsumableArray2.default)(positionHistory);
@@ -535,7 +421,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       setPositionHistory(positions);
       setListPosition(positions[positions.length - 1]);
     };
-
     return /*#__PURE__*/_react.default.createElement("span", {
       className: leftClasses,
       onClick: handleLeft
@@ -543,36 +428,29 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       type: "arrow-left"
     }));
   };
-
   var findCurrentLinkPosition = function findCurrentLinkPosition(linksWidth, boxWidth, position) {
     if (!linksWidth.length) return 0;
     var offset = 0;
-
     for (var index = 0; index < linksWidth.length - 1; index++) {
       if (linksWidth[index] + offset < boxWidth - position) {
         offset += linksWidth[index];
       }
     }
-
     return offset;
   };
-
   var renderRightArrow = function renderRightArrow() {
     var canActionRightArrow = listPostion === menuWrapWidth - listWidth;
     var rightClasses = (0, _classnames.default)("".concat(anchorMenuClass, "-right-arrows"), (0, _defineProperty2.default)({}, "".concat(anchorMenuClass, "-right-arrows-disabled"), canActionRightArrow));
-
     var handleRight = function handleRight() {
       if (canActionRightArrow) return;
       var offset = findCurrentLinkPosition(linksWidthRef.current, menuWrapWidth, listPostion);
       var posiostion = offset + menuWrapWidth >= listWidth ? menuWrapWidth - listWidth : -offset;
       setPositionHistory(function (pre) {
         var _context5;
-
         return (0, _concat.default)(_context5 = []).call(_context5, (0, _toConsumableArray2.default)(pre), [posiostion]);
       });
       setListPosition(posiostion);
     };
-
     return /*#__PURE__*/_react.default.createElement("span", {
       className: rightClasses,
       onClick: handleRight
@@ -580,7 +458,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       type: "arrow-right"
     }));
   };
-
   var anchorMenuContent = /*#__PURE__*/_react.default.createElement("div", {
     ref: anchorRef,
     className: "".concat(anchorPrefixCls, "-menu-wrapper"),
@@ -609,18 +486,14 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       left: "".concat(listPostion, "px")
     }
   }, children)), renderRightArrow()));
-
   var renderAnchorAdvanced = function renderAnchorAdvanced() {
     var iconList = (0, _reactChildren.toArray)(lockedIcon);
-
     var unlock = iconList[0] || /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "unlock-solid"
     });
-
     var lock = iconList[1] || /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "lock-solid"
     });
-
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: fixedRef,
       className: anchorAdvancedClass,
@@ -632,30 +505,24 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       }
     }, isLocked ? lock : unlock), anchorBookmarksContent(wrapperRef));
   };
-
   var anchorAdvancedContent = (0, _usePopper.default)( /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(anchorPrefixCls, "-advanced-arrows"),
     ref: isAdcanced ? ref || iconRef : null
   }, icon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
     type: "location-solid"
   })), renderAnchorAdvanced(), popperProps);
-
   var renderAnchorContent = function renderAnchorContent(anchorType) {
     switch (anchorType) {
       case 'bookmarks':
         return anchorBookmarksContent(anchorRef);
-
       case 'menu':
         return anchorMenuContent;
-
       case 'advanced':
         return anchorAdvancedContent;
-
       default:
         return anchorBookmarksContent(anchorRef);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_context6.default.Provider, {
     value: {
       registerLink: registerLink,
@@ -666,9 +533,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     }
   }, renderAnchorContent(type));
 };
-
 var Anchor = /*#__PURE__*/_react.default.forwardRef(InternalAnchor);
-
 Anchor.displayName = 'Anchor';
 var _default = Anchor;
 exports.default = _default;