@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/alert/ErrorBoundary.js

@@ -0,0 +1,76 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import Alert from './Alert';
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  function ErrorBoundary() {
+    var _this;
+    _classCallCheck(this, ErrorBoundary);
+    _this = _callSuper(this, ErrorBoundary, arguments);
+    Object.defineProperty(_this, "state", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        error: undefined,
+        info: {
+          componentStack: ''
+        }
+      }
+    });
+    return _this;
+  }
+  _inherits(ErrorBoundary, _React$Component);
+  return _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, info) {
+      this.setState({
+        error: error,
+        info: info
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        message = _this$props.message,
+        description = _this$props.description,
+        id = _this$props.id,
+        children = _this$props.children;
+      var _this$state = this.state,
+        error = _this$state.error,
+        info = _this$state.info;
+      var componentStack = info && info.componentStack ? info.componentStack : null;
+      var errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;
+      var errorDescription = typeof description === 'undefined' ? componentStack : description;
+      if (error) {
+        return _jsx(Alert, {
+          id: id,
+          type: "error",
+          message: errorMessage,
+          description: _jsx("pre", {
+            style: {
+              fontSize: '0.9em',
+              overflowX: 'auto'
+            },
+            children: errorDescription
+          })
+        });
+      }
+      return children;
+    }
+  }]);
+}(React.Component);
+export default ErrorBoundary;

package/lib/Antd5/alert/design/behavior-pattern.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import BehaviorMap from '../../../.dumi/theme/common/BehaviorMap';
+var BehaviorPattern = function BehaviorPattern() {
+  return _jsx(BehaviorMap, {
+    data: {
+      id: '200000004',
+      label: '了解页面/模块内需要关注的提示',
+      children: [{
+        id: '500000061',
+        label: '了解提示信息',
+        targetType: 'mvp',
+        children: [{
+          id: '707000085',
+          label: '了解提示内容',
+          link: 'components-alert-index-tab-design-demo-content'
+        }, {
+          id: '707000086',
+          label: '了解提示类型',
+          link: 'components-alert-index-tab-design-demo-type'
+        }]
+      }, {
+        id: '200000005',
+        label: '针对提示进行操作',
+        targetType: 'extension',
+        link: 'components-alert-index-tab-design-demo-action'
+      }]
+    }
+  });
+};
+export default BehaviorPattern;

package/lib/Antd5/alert/index.js

@@ -0,0 +1,5 @@
+import InternalAlert from './Alert';
+import ErrorBoundary from './ErrorBoundary';
+var Alert = InternalAlert;
+Alert.ErrorBoundary = ErrorBoundary;
+export default Alert;

package/lib/Antd5/alert/style/index.js

@@ -0,0 +1,153 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { unit } from '@ant-design/cssinjs';
+import { resetComponent } from '../../style';
+import { genStyleHooks } from '../../theme/internal';
+var genAlertTypeStyle = function genAlertTypeStyle(bgColor, borderColor, iconColor, token, alertCls) {
+  return _defineProperty({
+    background: bgColor,
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(borderColor)
+  }, "".concat(alertCls, "-icon"), {
+    color: iconColor
+  });
+};
+export var genBaseStyle = function genBaseStyle(token) {
+  var componentCls = token.componentCls,
+    duration = token.motionDurationSlow,
+    marginXS = token.marginXS,
+    marginSM = token.marginSM,
+    fontSize = token.fontSize,
+    fontSizeLG = token.fontSizeLG,
+    lineHeight = token.lineHeight,
+    borderRadius = token.borderRadiusLG,
+    motionEaseInOutCirc = token.motionEaseInOutCirc,
+    withDescriptionIconSize = token.withDescriptionIconSize,
+    colorText = token.colorText,
+    colorTextHeading = token.colorTextHeading,
+    withDescriptionPadding = token.withDescriptionPadding,
+    defaultPadding = token.defaultPadding;
+  return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    padding: defaultPadding,
+    wordWrap: 'break-word',
+    borderRadius: borderRadius
+  }, "&".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  }), "".concat(componentCls, "-content"), {
+    flex: 1,
+    minWidth: 0
+  }), "".concat(componentCls, "-icon"), {
+    marginInlineEnd: marginXS,
+    lineHeight: 0
+  }), "&-description", {
+    display: 'none',
+    fontSize: fontSize,
+    lineHeight: lineHeight
+  }), '&-message', {
+    color: colorTextHeading
+  }), "&".concat(componentCls, "-motion-leave"), {
+    overflow: 'hidden',
+    opacity: 1,
+    transition: "max-height ".concat(duration, " ").concat(motionEaseInOutCirc, ", opacity ").concat(duration, " ").concat(motionEaseInOutCirc, ",\n        padding-top ").concat(duration, " ").concat(motionEaseInOutCirc, ", padding-bottom ").concat(duration, " ").concat(motionEaseInOutCirc, ",\n        margin-bottom ").concat(duration, " ").concat(motionEaseInOutCirc)
+  }), "&".concat(componentCls, "-motion-leave-active"), {
+    maxHeight: 0,
+    marginBottom: '0 !important',
+    paddingTop: 0,
+    paddingBottom: 0,
+    opacity: 0
+  }))), "".concat(componentCls, "-with-description"), _defineProperty(_defineProperty(_defineProperty({
+    alignItems: 'flex-start',
+    padding: withDescriptionPadding
+  }, "".concat(componentCls, "-icon"), {
+    marginInlineEnd: marginSM,
+    fontSize: withDescriptionIconSize,
+    lineHeight: 0
+  }), "".concat(componentCls, "-message"), {
+    display: 'block',
+    marginBottom: marginXS,
+    color: colorTextHeading,
+    fontSize: fontSizeLG
+  }), "".concat(componentCls, "-description"), {
+    display: 'block',
+    color: colorText
+  })), "".concat(componentCls, "-banner"), {
+    marginBottom: 0,
+    border: '0 !important',
+    borderRadius: 0
+  });
+};
+export var genTypeStyle = function genTypeStyle(token) {
+  var componentCls = token.componentCls,
+    colorSuccess = token.colorSuccess,
+    colorSuccessBorder = token.colorSuccessBorder,
+    colorSuccessBg = token.colorSuccessBg,
+    colorWarning = token.colorWarning,
+    colorWarningBorder = token.colorWarningBorder,
+    colorWarningBg = token.colorWarningBg,
+    colorError = token.colorError,
+    colorErrorBorder = token.colorErrorBorder,
+    colorErrorBg = token.colorErrorBg,
+    colorInfo = token.colorInfo,
+    colorInfoBorder = token.colorInfoBorder,
+    colorInfoBg = token.colorInfoBg;
+  return _defineProperty({}, componentCls, {
+    '&-success': genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token, componentCls),
+    '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls),
+    '&-warning': genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token, componentCls),
+    '&-error': _objectSpread(_objectSpread({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls)), {}, _defineProperty({}, "".concat(componentCls, "-description > pre"), {
+      margin: 0,
+      padding: 0
+    }))
+  });
+};
+export var genActionStyle = function genActionStyle(token) {
+  var componentCls = token.componentCls,
+    iconCls = token.iconCls,
+    motionDurationMid = token.motionDurationMid,
+    marginXS = token.marginXS,
+    fontSizeIcon = token.fontSizeIcon,
+    colorIcon = token.colorIcon,
+    colorIconHover = token.colorIconHover;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty({}, "&-action", {
+    marginInlineStart: marginXS
+  }), "".concat(componentCls, "-close-icon"), _defineProperty({
+    marginInlineStart: marginXS,
+    padding: 0,
+    overflow: 'hidden',
+    fontSize: fontSizeIcon,
+    lineHeight: unit(fontSizeIcon),
+    backgroundColor: 'transparent',
+    border: 'none',
+    outline: 'none',
+    cursor: 'pointer'
+  }, "".concat(iconCls, "-close"), {
+    color: colorIcon,
+    transition: "color ".concat(motionDurationMid),
+    '&:hover': {
+      color: colorIconHover
+    }
+  })), '&-close-text', {
+    color: colorIcon,
+    transition: "color ".concat(motionDurationMid),
+    '&:hover': {
+      color: colorIconHover
+    }
+  }));
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var paddingHorizontal = 12; // Fixed value here.
+  return {
+    withDescriptionIconSize: token.fontSizeHeading3,
+    defaultPadding: "".concat(token.paddingContentVerticalSM, "px ").concat(paddingHorizontal, "px"),
+    withDescriptionPadding: "".concat(token.paddingMD, "px ").concat(token.paddingContentHorizontalLG, "px")
+  };
+};
+export default genStyleHooks('Alert', function (token) {
+  return [genBaseStyle(token), genTypeStyle(token), genActionStyle(token)];
+}, prepareComponentToken);

package/lib/Antd5/anchor/Anchor.js

@@ -0,0 +1,278 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import * as React from 'react';
+import classNames from 'classnames';
+import { useEvent } from 'rc-util';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import getScroll from '../_util/getScroll';
+import scrollTo from '../_util/scrollTo';
+import { devUseWarning } from '../_util/warning';
+import Affix from '../affix';
+import { ConfigContext } from '../config-provider';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import AnchorLink from './AnchorLink';
+import AnchorContext from './context';
+import useStyle from './style';
+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;
+}
+var sharpMatcherRegex = /#([\S ]+)$/;
+var Anchor = function Anchor(props) {
+  var _ref;
+  var rootClassName = props.rootClassName,
+    customPrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    offsetTop = props.offsetTop,
+    _props$affix = props.affix,
+    affix = _props$affix === void 0 ? true : _props$affix,
+    _props$showInkInFixed = props.showInkInFixed,
+    showInkInFixed = _props$showInkInFixed === void 0 ? false : _props$showInkInFixed,
+    children = props.children,
+    items = props.items,
+    _props$direction = props.direction,
+    anchorDirection = _props$direction === void 0 ? 'vertical' : _props$direction,
+    bounds = props.bounds,
+    targetOffset = props.targetOffset,
+    onClick = props.onClick,
+    onChange = props.onChange,
+    getContainer = props.getContainer,
+    getCurrentAnchor = props.getCurrentAnchor,
+    replace = props.replace;
+  // =================== Warning =====================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Anchor');
+    warning.deprecated(!children, 'Anchor children', 'items');
+    warning(!(anchorDirection === 'horizontal' && items !== null && items !== void 0 && items.some(function (n) {
+      return 'children' in n;
+    })), 'usage', '`Anchor items#children` is not supported when `Anchor` direction is horizontal.');
+  }
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    links = _React$useState2[0],
+    setLinks = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeLink = _React$useState4[0],
+    setActiveLink = _React$useState4[1];
+  var activeLinkRef = React.useRef(activeLink);
+  var wrapperRef = React.useRef(null);
+  var spanLinkNode = React.useRef(null);
+  var animating = React.useRef(false);
+  var _React$useContext = React.useContext(ConfigContext),
+    direction = _React$useContext.direction,
+    anchor = _React$useContext.anchor,
+    getTargetContainer = _React$useContext.getTargetContainer,
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('anchor', customPrefixCls);
+  var rootCls = useCSSVarCls(prefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var getCurrentContainer = (_ref = getContainer !== null && getContainer !== void 0 ? getContainer : getTargetContainer) !== null && _ref !== void 0 ? _ref : getDefaultContainer;
+  var dependencyListItem = JSON.stringify(links);
+  var registerLink = useEvent(function (link) {
+    if (!links.includes(link)) {
+      setLinks(function (prev) {
+        return [].concat(_toConsumableArray(prev), [link]);
+      });
+    }
+  });
+  var unregisterLink = useEvent(function (link) {
+    if (links.includes(link)) {
+      setLinks(function (prev) {
+        return prev.filter(function (i) {
+          return i !== link;
+        });
+      });
+    }
+  });
+  var updateInk = function updateInk() {
+    var _wrapperRef$current;
+    var linkNode = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector(".".concat(prefixCls, "-link-title-active"));
+    if (linkNode && spanLinkNode.current) {
+      var inkStyle = spanLinkNode.current.style;
+      var horizontalAnchor = anchorDirection === 'horizontal';
+      inkStyle.top = horizontalAnchor ? '' : "".concat(linkNode.offsetTop + linkNode.clientHeight / 2, "px");
+      inkStyle.height = horizontalAnchor ? '' : "".concat(linkNode.clientHeight, "px");
+      inkStyle.left = horizontalAnchor ? "".concat(linkNode.offsetLeft, "px") : '';
+      inkStyle.width = horizontalAnchor ? "".concat(linkNode.clientWidth, "px") : '';
+      if (horizontalAnchor) {
+        scrollIntoView(linkNode, {
+          scrollMode: 'if-needed',
+          block: 'nearest'
+        });
+      }
+    }
+  };
+  var getInternalCurrentAnchor = function getInternalCurrentAnchor(_links) {
+    var _offsetTop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var _bounds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
+    var linkSections = [];
+    var container = getCurrentContainer();
+    _links.forEach(function (link) {
+      var sharpLinkMatch = sharpMatcherRegex.exec(link === null || link === void 0 ? void 0 : 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,
+            top: top
+          });
+        }
+      }
+    });
+    if (linkSections.length) {
+      var maxSection = linkSections.reduce(function (prev, curr) {
+        return curr.top > prev.top ? curr : prev;
+      });
+      return maxSection.link;
+    }
+    return '';
+  };
+  var setCurrentActiveLink = useEvent(function (link) {
+    // FIXME: Seems a bug since this compare is not equals
+    // `activeLinkRef` is parsed value which will always trigger `onChange` event.
+    if (activeLinkRef.current === link) {
+      return;
+    }
+    // https://github.com/ant-design/ant-design/issues/30584
+    var newLink = typeof getCurrentAnchor === 'function' ? getCurrentAnchor(link) : link;
+    setActiveLink(newLink);
+    activeLinkRef.current = newLink;
+    // onChange should respect the original link (which may caused by
+    // window scroll or user click), not the new link
+    onChange === null || onChange === void 0 || onChange(link);
+  });
+  var handleScroll = React.useCallback(function () {
+    if (animating.current) {
+      return;
+    }
+    var currentActiveLink = getInternalCurrentAnchor(links, targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);
+    setCurrentActiveLink(currentActiveLink);
+  }, [dependencyListItem, targetOffset, offsetTop]);
+  var handleScrollTo = React.useCallback(function (link) {
+    setCurrentActiveLink(link);
+    var sharpLinkMatch = sharpMatcherRegex.exec(link);
+    if (!sharpLinkMatch) {
+      return;
+    }
+    var targetElement = document.getElementById(sharpLinkMatch[1]);
+    if (!targetElement) {
+      return;
+    }
+    var container = getCurrentContainer();
+    var scrollTop = getScroll(container, true);
+    var eleOffsetTop = getOffsetTop(targetElement, container);
+    var y = scrollTop + eleOffsetTop;
+    y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;
+    animating.current = true;
+    scrollTo(y, {
+      getContainer: getCurrentContainer,
+      callback: function callback() {
+        animating.current = false;
+      }
+    });
+  }, [targetOffset, offsetTop]);
+  var wrapperClass = classNames(hashId, cssVarCls, rootCls, rootClassName, "".concat(prefixCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-wrapper-horizontal"), anchorDirection === 'horizontal'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, anchor === null || anchor === void 0 ? void 0 : anchor.className);
+  var anchorClass = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-fixed"), !affix && !showInkInFixed));
+  var inkClass = classNames("".concat(prefixCls, "-ink"), _defineProperty({}, "".concat(prefixCls, "-ink-visible"), activeLink));
+  var wrapperStyle = _objectSpread(_objectSpread({
+    maxHeight: offsetTop ? "calc(100vh - ".concat(offsetTop, "px)") : '100vh'
+  }, anchor === null || anchor === void 0 ? void 0 : anchor.style), style);
+  var createNestedLink = function createNestedLink(options) {
+    return Array.isArray(options) ? options.map(function (item) {
+      return /*#__PURE__*/_createElement(AnchorLink, _objectSpread(_objectSpread({
+        replace: replace
+      }, item), {}, {
+        key: item.key
+      }), anchorDirection === 'vertical' && createNestedLink(item.children));
+    }) : null;
+  };
+  var anchorContent = _jsx("div", {
+    ref: wrapperRef,
+    className: wrapperClass,
+    style: wrapperStyle,
+    children: _jsxs("div", {
+      className: anchorClass,
+      children: [_jsx("span", {
+        className: inkClass,
+        ref: spanLinkNode
+      }), 'items' in props ? createNestedLink(items) : children]
+    })
+  });
+  React.useEffect(function () {
+    var scrollContainer = getCurrentContainer();
+    handleScroll();
+    scrollContainer === null || scrollContainer === void 0 || scrollContainer.addEventListener('scroll', handleScroll);
+    return function () {
+      scrollContainer === null || scrollContainer === void 0 || scrollContainer.removeEventListener('scroll', handleScroll);
+    };
+  }, [dependencyListItem]);
+  React.useEffect(function () {
+    if (typeof getCurrentAnchor === 'function') {
+      setCurrentActiveLink(getCurrentAnchor(activeLinkRef.current || ''));
+    }
+  }, [getCurrentAnchor]);
+  React.useEffect(function () {
+    updateInk();
+  }, [anchorDirection, getCurrentAnchor, dependencyListItem, activeLink]);
+  var memoizedContextValue = React.useMemo(function () {
+    return {
+      registerLink: registerLink,
+      unregisterLink: unregisterLink,
+      scrollTo: handleScrollTo,
+      activeLink: activeLink,
+      onClick: onClick,
+      direction: anchorDirection
+    };
+  }, [activeLink, onClick, handleScrollTo, anchorDirection]);
+  return wrapCSSVar(_jsx(AnchorContext.Provider, {
+    value: memoizedContextValue,
+    children: affix ? _jsx(Affix, {
+      offsetTop: offsetTop,
+      target: getCurrentContainer,
+      children: anchorContent
+    }) : anchorContent
+  }));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Anchor.displayName = 'Anchor';
+}
+export default Anchor;

package/lib/Antd5/anchor/AnchorLink.js

@@ -0,0 +1,67 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import AnchorContext from './context';
+var AnchorLink = function AnchorLink(props) {
+  var href = props.href,
+    title = props.title,
+    customizePrefixCls = props.prefixCls,
+    children = props.children,
+    className = props.className,
+    target = props.target,
+    replace = props.replace;
+  var context = React.useContext(AnchorContext);
+  var _ref = context || {},
+    registerLink = _ref.registerLink,
+    unregisterLink = _ref.unregisterLink,
+    scrollTo = _ref.scrollTo,
+    onClick = _ref.onClick,
+    activeLink = _ref.activeLink,
+    direction = _ref.direction;
+  React.useEffect(function () {
+    registerLink === null || registerLink === void 0 || registerLink(href);
+    return function () {
+      unregisterLink === null || unregisterLink === void 0 || unregisterLink(href);
+    };
+  }, [href]);
+  var handleClick = function handleClick(e) {
+    if (replace) {
+      e.preventDefault();
+      window.location.replace(href);
+    }
+    onClick === null || onClick === void 0 || onClick(e, {
+      title: title,
+      href: href
+    });
+    scrollTo === null || scrollTo === void 0 || scrollTo(href);
+  };
+  // =================== Warning =====================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Anchor.Link');
+    warning(!children || direction !== 'horizontal', 'usage', '`Anchor.Link children` is not supported when `Anchor` direction is horizontal');
+  }
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('anchor', customizePrefixCls);
+  var active = activeLink === href;
+  var wrapperClassName = classNames("".concat(prefixCls, "-link"), className, _defineProperty({}, "".concat(prefixCls, "-link-active"), active));
+  var titleClassName = classNames("".concat(prefixCls, "-link-title"), _defineProperty({}, "".concat(prefixCls, "-link-title-active"), active));
+  return _jsxs("div", {
+    className: wrapperClassName,
+    children: [_jsx("a", {
+      className: titleClassName,
+      href: href,
+      title: typeof title === 'string' ? title : '',
+      target: target,
+      onClick: handleClick,
+      children: title
+    }), direction !== 'horizontal' ? children : null]
+  });
+};
+export default AnchorLink;

package/lib/Antd5/anchor/context.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+var AnchorContext = /*#__PURE__*/React.createContext(undefined);
+export default AnchorContext;

package/lib/Antd5/anchor/index.js

@@ -0,0 +1,5 @@
+import InternalAnchor from './Anchor';
+import AnchorLink from './AnchorLink';
+var Anchor = InternalAnchor;
+Anchor.Link = AnchorLink;
+export default Anchor;