@fle-ui/next 3.0.0-alpha.3 → 3.0.0-beta.1

package/es/anchor/Anchor.js

@@ -1,92 +1,112 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use client";
+
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(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 _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(arr) { if (Array.isArray(arr)) return arr; }
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import classNames from 'classnames';
-import addEventListener from "rc-util/es/Dom/addEventListener";
 import * as React from 'react';
-import Affix from "../affix";
-import { ConfigContext } from "../config-provider";
+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 sharpMatcherRegx = /#([\S ]+)$/;
-
-var AnchorContent = function AnchorContent(props) {
+var sharpMatcherRegex = /#([\S ]+)$/;
+var Anchor = function Anchor(props) {
+  var _classNames;
   var _a;
-
   var rootClassName = props.rootClassName,
-      prefixCls = props.anchorPrefixCls,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _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,
-      bounds = props.bounds,
-      targetOffset = props.targetOffset,
-      onClick = props.onClick,
-      onChange = props.onChange,
-      getContainer = props.getContainer,
-      getCurrentAnchor = props.getCurrentAnchor;
-
+    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');
+    process.env.NODE_ENV !== "production" ? warning(!(anchorDirection === 'horizontal' && (items === null || items === void 0 ? void 0 : items.some(function (n) {
+      return 'children' in n;
+    }))), 'usage', '`Anchor items#children` is not supported when `Anchor` direction is horizontal.') : void 0;
+  }
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      links = _React$useState2[0],
-      setLinks = _React$useState2[1];
-
+    _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];
-
+    _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,
-      getTargetContainer = _React$useContext.getTargetContainer;
-
+    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 = (_a = getContainer !== null && getContainer !== void 0 ? getContainer : getTargetContainer) !== null && _a !== void 0 ? _a : getDefaultContainer;
   var dependencyListItem = JSON.stringify(links);
-  var registerLink = React.useCallback(function (link) {
+  var registerLink = useEvent(function (link) {
     if (!links.includes(link)) {
       setLinks(function (prev) {
         return [].concat(_toConsumableArray(prev), [link]);
       });
     }
-  }, [dependencyListItem]);
-  var unregisterLink = React.useCallback(function (link) {
+  });
+  var unregisterLink = useEvent(function (link) {
     if (links.includes(link)) {
       setLinks(function (prev) {
         return prev.filter(function (i) {
@@ -94,39 +114,38 @@ var AnchorContent = function AnchorContent(props) {
         });
       });
     }
-  }, [dependencyListItem]);
-
+  });
   var updateInk = function updateInk() {
     var _a;
-
-    var linkNode = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("." + prefixCls + "-link-title-active");
-
+    var linkNode = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".".concat(prefixCls, "-link-title-active"));
     if (linkNode && spanLinkNode.current) {
-      spanLinkNode.current.style.top = linkNode.offsetTop + linkNode.clientHeight / 2 + "px";
-      spanLinkNode.current.style.height = linkNode.clientHeight + "px";
+      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 = sharpMatcherRegx.exec(link === null || link === void 0 ? void 0 : link.toString());
-
+      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,
@@ -135,59 +154,47 @@ var AnchorContent = function AnchorContent(props) {
         }
       }
     });
-
     if (linkSections.length) {
       var maxSection = linkSections.reduce(function (prev, curr) {
         return curr.top > prev.top ? curr : prev;
       });
       return maxSection.link;
     }
-
     return '';
   };
-
-  var setCurrentActiveLink = function setCurrentActiveLink(link) {
+  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
-
-
+    }
+    // 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
+    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 ? void 0 : onChange(link);
-  };
-
+  });
   var handleScroll = React.useCallback(function () {
     if (animating.current) {
       return;
     }
-
-    if (typeof getCurrentAnchor === 'function') {
-      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 container = getCurrentContainer();
-    var scrollTop = getScroll(container, true);
-    var sharpLinkMatch = sharpMatcherRegx.exec(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;
@@ -199,32 +206,37 @@ var AnchorContent = function AnchorContent(props) {
       }
     });
   }, [targetOffset, offsetTop]);
-  var inkClass = classNames(_defineProperty({}, prefixCls + "-ink-ball-visible", activeLink), prefixCls + "-ink-ball");
-  var wrapperClass = classNames(rootClassName, prefixCls + "-wrapper", _defineProperty({}, prefixCls + "-rtl", direction === 'rtl'), className);
-  var anchorClass = classNames(prefixCls, _defineProperty({}, prefixCls + "-fixed", !affix && !showInkInFixed));
-
-  var wrapperStyle = _extends({
-    maxHeight: offsetTop ? "calc(100vh - " + offsetTop + "px)" : '100vh'
-  }, style);
-
+  var wrapperClass = classNames(hashId, cssVarCls, rootCls, rootClassName, "".concat(prefixCls, "-wrapper"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-horizontal"), anchorDirection === 'horizontal'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), 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 = Object.assign(Object.assign({
+    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__*/React.createElement(AnchorLink, Object.assign({
+        replace: replace
+      }, item, {
+        key: item.key
+      }), anchorDirection === 'vertical' && createNestedLink(item.children));
+    }) : null;
+  };
   var anchorContent = /*#__PURE__*/React.createElement("div", {
     ref: wrapperRef,
     className: wrapperClass,
     style: wrapperStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: anchorClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls + "-ink"
   }, /*#__PURE__*/React.createElement("span", {
     className: inkClass,
     ref: spanLinkNode
-  })), children));
+  }), 'items' in props ? createNestedLink(items) : children));
   React.useEffect(function () {
     var scrollContainer = getCurrentContainer();
-    var scrollEvent = addEventListener(scrollContainer, 'scroll', handleScroll);
     handleScroll();
+    scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener('scroll', handleScroll);
     return function () {
-      scrollEvent === null || scrollEvent === void 0 ? void 0 : scrollEvent.remove();
+      scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('scroll', handleScroll);
     };
   }, [dependencyListItem]);
   React.useEffect(function () {
@@ -234,41 +246,25 @@ var AnchorContent = function AnchorContent(props) {
   }, [getCurrentAnchor]);
   React.useEffect(function () {
     updateInk();
-  }, [getCurrentAnchor, dependencyListItem, activeLink]);
+  }, [anchorDirection, getCurrentAnchor, dependencyListItem, activeLink]);
   var memoizedContextValue = React.useMemo(function () {
     return {
       registerLink: registerLink,
       unregisterLink: unregisterLink,
       scrollTo: handleScrollTo,
       activeLink: activeLink,
-      onClick: onClick
+      onClick: onClick,
+      direction: anchorDirection
     };
-  }, [activeLink, onClick, handleScrollTo]);
-  return /*#__PURE__*/React.createElement(AnchorContext.Provider, {
+  }, [activeLink, onClick, handleScrollTo, anchorDirection]);
+  return wrapCSSVar( /*#__PURE__*/React.createElement(AnchorContext.Provider, {
     value: memoizedContextValue
   }, affix ? /*#__PURE__*/React.createElement(Affix, {
     offsetTop: offsetTop,
     target: getCurrentContainer
-  }, anchorContent) : anchorContent);
+  }, anchorContent) : anchorContent));
 };
-
-var Anchor = function Anchor(props) {
-  var customizePrefixCls = props.prefixCls;
-
-  var _React$useContext2 = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext2.getPrefixCls;
-
-  var anchorPrefixCls = getPrefixCls('anchor', customizePrefixCls);
-
-  var _useStyle = useStyle(anchorPrefixCls),
-      _useStyle2 = _slicedToArray(_useStyle, 2),
-      wrapSSR = _useStyle2[0],
-      hashId = _useStyle2[1];
-
-  return wrapSSR( /*#__PURE__*/React.createElement(AnchorContent, _extends({}, props, {
-    rootClassName: hashId,
-    anchorPrefixCls: anchorPrefixCls
-  })));
-};
-
+if (process.env.NODE_ENV !== 'production') {
+  Anchor.displayName = 'Anchor';
+}
 export default Anchor;

package/es/anchor/AnchorLink.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-export interface AnchorLinkProps {
+export interface AnchorLinkBaseProps {
     prefixCls?: string;
     href: string;
     target?: string;
     title: React.ReactNode;
-    children?: React.ReactNode;
     className?: string;
+    replace?: boolean;
+}
+export interface AnchorLinkProps extends AnchorLinkBaseProps {
+    children?: React.ReactNode;
 }
 declare const AnchorLink: React.FC<AnchorLinkProps>;
 export default AnchorLink;

package/es/anchor/AnchorLink.js

@@ -1,57 +1,66 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import classNames from 'classnames';
+"use client";
+
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from 'react';
-import { ConfigConsumer } from "../config-provider";
+import classNames from 'classnames';
+import { devUseWarning } from "../_util/warning";
+import { ConfigContext } from "../config-provider";
 import AnchorContext from "./context";
-
 var AnchorLink = function AnchorLink(props) {
-  var _props$href = props.href,
-      href = _props$href === void 0 ? '#' : _props$href,
-      title = props.title,
-      customizePrefixCls = props.prefixCls,
-      children = props.children,
-      className = props.className,
-      target = props.target;
+  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;
-
+    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 ? void 0 : registerLink(href);
     return function () {
       unregisterLink === null || unregisterLink === void 0 ? void 0 : unregisterLink(href);
     };
-  }, [href, registerLink, unregisterLink]);
-
+  }, [href]);
   var handleClick = function handleClick(e) {
+    if (replace) {
+      e.preventDefault();
+      window.location.replace(href);
+    }
     onClick === null || onClick === void 0 ? void 0 : onClick(e, {
       title: title,
       href: href
     });
     scrollTo === null || scrollTo === void 0 ? void 0 : scrollTo(href);
   };
-
-  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (_ref2) {
-    var getPrefixCls = _ref2.getPrefixCls;
-    var prefixCls = getPrefixCls('anchor', customizePrefixCls);
-    var active = activeLink === href;
-    var wrapperClassName = classNames(prefixCls + "-link", className, _defineProperty({}, prefixCls + "-link-active", active));
-    var titleClassName = classNames(prefixCls + "-link-title", _defineProperty({}, prefixCls + "-link-title-active", active));
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapperClassName
-    }, /*#__PURE__*/React.createElement("a", {
-      className: titleClassName,
-      href: href,
-      title: typeof title === 'string' ? title : '',
-      target: target,
-      onClick: handleClick
-    }, title), children);
-  });
+  // =================== Warning =====================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Anchor.Link');
+    process.env.NODE_ENV !== "production" ? warning(!children || direction !== 'horizontal', 'usage', '`Anchor.Link children` is not supported when `Anchor` direction is horizontal') : void 0;
+  }
+  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 /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName
+  }, /*#__PURE__*/React.createElement("a", {
+    className: titleClassName,
+    href: href,
+    title: typeof title === 'string' ? title : '',
+    target: target,
+    onClick: handleClick
+  }, title), direction !== 'horizontal' ? children : null);
 };
-
 export default AnchorLink;

package/es/anchor/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 import InternalAnchor from "./Anchor";
 import AnchorLink from "./AnchorLink";
 var Anchor = InternalAnchor;

package/es/anchor/style/index.d.ts

@@ -1,4 +1,17 @@
+/// <reference types="react" />
+import type { GetDefaultToken } from '../../theme/internal';
 export interface ComponentToken {
+    /**
+     * @desc 链接纵向内间距
+     * @descEN Vertical padding of link
+     */
+    linkPaddingBlock: number;
+    /**
+     * @desc 链接横向内间距
+     * @descEN Horizontal padding of link
+     */
+    linkPaddingInlineStart: number;
 }
-declare const _default: (prefixCls: string) => import("../../theme/internal").UseComponentStyleResult;
+export declare const prepareComponentToken: GetDefaultToken<'Anchor'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string | undefined];
 export default _default;