@tiny-design/react 1.0.4

package/lib/alert/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/alert/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/alert/types.d.ts

@@ -0,0 +1,26 @@
+import { BaseProps } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region src/alert/types.d.ts
+type AlertType = 'success' | 'info' | 'warning' | 'error';
+interface AlertProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'title'> {
+  /** alert title */
+  title?: string | ReactNode;
+  /** alert type */
+  type?: AlertType;
+  /** display icon or customise an icon */
+  icon?: boolean | ReactNode;
+  /** icon size */
+  iconSize?: number;
+  /** whether the Alert can be closed */
+  closable?: boolean;
+  /** close text to show */
+  closeText?: ReactNode;
+  /** trigger when animation ending of Alert */
+  afterClose?: () => void;
+  /** close button callback */
+  onClose?: React.MouseEventHandler<HTMLSpanElement>;
+}
+//#endregion
+export { AlertProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/anchor/anchor-context.js

@@ -0,0 +1,9 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/anchor/anchor-context.ts
+const AnchorContext = react.default.createContext({});
+//#endregion
+exports.AnchorContext = AnchorContext;
+
+//# sourceMappingURL=anchor-context.js.map

package/lib/anchor/anchor-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-context.js","names":["React"],"sources":["../../src/anchor/anchor-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  activeId?: string;\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>, anchorName: string) => void;\n  registerLink?: (href: string) => void;\n  unregisterLink?: (href: string) => void;\n};\n\nexport const AnchorContext = React.createContext<Props>({});\n"],"mappings":";;;;AASA,MAAa,gBAAgBA,MAAAA,QAAM,cAAqB,EAAE,CAAC"}

package/lib/anchor/anchor-link.d.ts

@@ -0,0 +1,8 @@
+import { AnchorLinkProps } from "./types.js";
+import React from "react";
+
+//#region src/anchor/anchor-link.d.ts
+declare const AnchorLink: React.ForwardRefExoticComponent<Omit<AnchorLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { AnchorLink };
+//# sourceMappingURL=anchor-link.d.ts.map

package/lib/anchor/anchor-link.js

@@ -0,0 +1,47 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_anchor_context = require("./anchor-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/anchor/anchor-link.tsx
+const AnchorLink = react.default.forwardRef((props, ref) => {
+	const { href, title, children, prefixCls, ...otherProps } = props;
+	const anchorContext = (0, react.useContext)(require_anchor_context.AnchorContext);
+	(0, react.useEffect)(() => {
+		anchorContext.registerLink?.(href);
+		return () => anchorContext.unregisterLink?.(href);
+	}, [href, anchorContext]);
+	const isActive = `#${anchorContext.activeId}` === href;
+	const cls = (0, classnames.default)(`${prefixCls}__link`, { [`${prefixCls}__link_active`]: isActive });
+	const onLinkClick = (e) => {
+		e.preventDefault();
+		const { onClick } = anchorContext;
+		onClick && onClick(e, href.replace("#", ""));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		title,
+		className: cls,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			...otherProps,
+			className: `${prefixCls}__link-title`,
+			ref,
+			href,
+			onClick: onLinkClick,
+			target: "target" in props ? props.target : void 0,
+			children: title
+		}), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: prefixCls,
+			children: react.default.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnchorLink, {
+				...child.props,
+				prefixCls
+			}))
+		})]
+	});
+});
+AnchorLink.displayName = "AnchorLink";
+//#endregion
+exports.default = AnchorLink;
+
+//# sourceMappingURL=anchor-link.js.map

package/lib/anchor/anchor-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-link.js","names":["React","AnchorContext"],"sources":["../../src/anchor/anchor-link.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { AnchorLinkProps } from './types';\nimport { AnchorContext } from './anchor-context';\n\nconst AnchorLink = React.forwardRef<HTMLAnchorElement, AnchorLinkProps>(\n  (props: AnchorLinkProps, ref): JSX.Element => {\n    const { href, title, children, prefixCls, ...otherProps } = props;\n    const anchorContext = useContext(AnchorContext);\n\n    useEffect(() => {\n      anchorContext.registerLink?.(href);\n      return () => anchorContext.unregisterLink?.(href);\n    }, [href, anchorContext]);\n\n    const activeHref = `#${anchorContext.activeId}`;\n    const isActive = activeHref === href;\n\n    const cls = classNames(`${prefixCls}__link`, {\n      [`${prefixCls}__link_active`]: isActive,\n    });\n\n    const onLinkClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n      const { onClick } = anchorContext;\n      onClick && onClick(e, href.replace('#', ''));\n    };\n\n    return (\n      <li title={title} className={cls}>\n        <a\n          {...otherProps}\n          className={`${prefixCls}__link-title`}\n          ref={ref}\n          href={href}\n          onClick={onLinkClick}\n          target={'target' in props ? props.target : undefined}>\n          {title}\n        </a>\n        {children && (\n          <ul className={prefixCls}>\n            {React.Children.map(children, (child) => (\n              <AnchorLink {...child.props} prefixCls={prefixCls} />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n);\n\nAnchorLink.displayName = 'AnchorLink';\n\nexport default AnchorLink;\n"],"mappings":";;;;;;;;AAKA,MAAM,aAAaA,MAAAA,QAAM,YACtB,OAAwB,QAAqB;CAC5C,MAAM,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,eAAe;CAC5D,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;AAE/C,EAAA,GAAA,MAAA,iBAAgB;AACd,gBAAc,eAAe,KAAK;AAClC,eAAa,cAAc,iBAAiB,KAAK;IAChD,CAAC,MAAM,cAAc,CAAC;CAGzB,MAAM,WADa,IAAI,cAAc,eACL;CAEhC,MAAM,OAAA,GAAA,WAAA,SAAiB,GAAG,UAAU,SAAS,GAC1C,GAAG,UAAU,iBAAiB,UAChC,CAAC;CAEF,MAAM,eAAe,MAA2C;AAC9D,IAAE,gBAAgB;EAClB,MAAM,EAAE,YAAY;AACpB,aAAW,QAAQ,GAAG,KAAK,QAAQ,KAAK,GAAG,CAAC;;AAG9C,QACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;EAAW;EAAO,WAAW;YAA7B,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GACE,GAAI;GACJ,WAAW,GAAG,UAAU;GACnB;GACC;GACN,SAAS;GACT,QAAQ,YAAY,QAAQ,MAAM,SAAS,KAAA;aAC1C;GACC,CAAA,EACH,YACC,iBAAA,GAAA,kBAAA,KAAC,MAAD;GAAI,WAAW;aACZD,MAAAA,QAAM,SAAS,IAAI,WAAW,UAC7B,iBAAA,GAAA,kBAAA,KAAC,YAAD;IAAY,GAAI,MAAM;IAAkB;IAAa,CAAA,CACrD;GACC,CAAA,CAEJ;;EAGV;AAED,WAAW,cAAc"}

package/lib/anchor/anchor.d.ts

@@ -0,0 +1,10 @@
+import { AnchorProps } from "./types.js";
+
+//#region src/anchor/anchor.d.ts
+declare const Anchor: {
+  (props: AnchorProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Anchor };
+//# sourceMappingURL=anchor.d.ts.map

package/lib/anchor/anchor.js

@@ -0,0 +1,169 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_anchor_context = require("./anchor-context.js");
+const require_index = require("../sticky/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/anchor/anchor.tsx
+const Anchor = (props) => {
+	const { affix = false, offsetTop = 0, offsetBottom, type = "dot", getContainer, onChange, onClick, className, style, children, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("anchor", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, { [`${prefixCls}_line`]: type === "line" }, className);
+	const [activeId, setActiveId] = (0, react.useState)("");
+	const anchorRef = (0, react.useRef)(null);
+	const inkBallRef = (0, react.useRef)(null);
+	const linksRef = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const registerLink = (0, react.useCallback)((href) => {
+		linksRef.current.add(href);
+	}, []);
+	const unregisterLink = (0, react.useCallback)((href) => {
+		linksRef.current.delete(href);
+	}, []);
+	const updateInk = (0, react.useCallback)(() => {
+		const anchorEl = anchorRef.current;
+		if (!anchorEl) return;
+		const activeNodes = anchorEl.getElementsByClassName(`${prefixCls}__link_active`);
+		const inkEl = inkBallRef.current;
+		const linkNode = activeNodes[activeNodes.length - 1];
+		if (linkNode && inkEl) {
+			const targetEl = linkNode.querySelector(`.${prefixCls}__link-title`) || linkNode;
+			const anchorRect = anchorEl.getBoundingClientRect();
+			const targetRect = targetEl.getBoundingClientRect();
+			if (type === "line") {
+				inkEl.style.top = `${targetRect.top - anchorRect.top}px`;
+				inkEl.style.height = `${targetEl.clientHeight}px`;
+			} else inkEl.style.top = `${targetRect.top - anchorRect.top + targetEl.clientHeight / 2 - 4.5}px`;
+		}
+	}, [prefixCls, type]);
+	const getScrollContainer = (0, react.useCallback)(() => {
+		return getContainer ? getContainer() : window;
+	}, [getContainer]);
+	const scrollToAnchor = (0, react.useCallback)((anchorName) => {
+		const element = document.getElementById(anchorName);
+		if (!element) return;
+		if (getContainer) {
+			const container = getContainer();
+			const containerRect = container.getBoundingClientRect();
+			const elementRect = element.getBoundingClientRect();
+			container.scrollTop += elementRect.top - containerRect.top;
+		} else element.scrollIntoView(true);
+	}, [getContainer]);
+	const handleLinkClick = (e, anchorName) => {
+		onClick?.(e, {
+			title: anchorName,
+			href: `#${anchorName}`
+		});
+		const { location } = window;
+		let url;
+		if (location.pathname.includes("/#/")) url = location.protocol + "//" + location.host + location.pathname + `?anchor=${anchorName}`;
+		else url = location.protocol + "//" + location.host + location.pathname + `#${anchorName}`;
+		window.history.pushState({ path: url }, "", url);
+		scrollToAnchor(anchorName);
+	};
+	/**
+	* If the url contains the hash, check whether there is an element can be scrolled into
+	*/
+	const initHashScroll = (0, react.useCallback)(() => {
+		const { location } = window;
+		if (location.search) {
+			const anchor = new URLSearchParams(location.search).get("anchor");
+			anchor && scrollToAnchor(anchor);
+		} else if (location.hash) {
+			const anchor = location.hash.replace("#", "");
+			anchor && scrollToAnchor(anchor);
+		}
+	}, [scrollToAnchor]);
+	const handleScroll = (0, react.useCallback)(() => {
+		const links = linksRef.current;
+		if (links.size === 0) return;
+		const container = getContainer?.();
+		const containerTop = container ? container.getBoundingClientRect().top : 0;
+		let newActiveId = "";
+		let maxTop = -Infinity;
+		let firstId = "";
+		let firstTop = Infinity;
+		links.forEach((href) => {
+			const id = href.replace("#", "");
+			const el = document.getElementById(id);
+			if (!el) return;
+			const elTop = el.getBoundingClientRect().top - containerTop;
+			if (elTop < firstTop) {
+				firstTop = elTop;
+				firstId = id;
+			}
+			if (elTop <= offsetTop && elTop > maxTop) {
+				maxTop = elTop;
+				newActiveId = id;
+			}
+		});
+		if (!newActiveId && firstId) newActiveId = firstId;
+		setActiveId((prev) => {
+			if (prev !== newActiveId) onChange?.(`#${newActiveId}`);
+			return newActiveId;
+		});
+	}, [
+		onChange,
+		getContainer,
+		offsetTop
+	]);
+	(0, react.useEffect)(() => {
+		updateInk();
+	}, [activeId, updateInk]);
+	(0, react.useEffect)(() => {
+		initHashScroll();
+	}, [initHashScroll]);
+	(0, react.useEffect)(() => {
+		const scrollTarget = getScrollContainer();
+		scrollTarget.addEventListener("scroll", handleScroll);
+		handleScroll();
+		return () => {
+			scrollTarget.removeEventListener("scroll", handleScroll);
+		};
+	}, [handleScroll, getScrollContainer]);
+	const contextValue = (0, react.useMemo)(() => ({
+		activeId,
+		onClick: handleLinkClick,
+		registerLink,
+		unregisterLink
+	}), [
+		activeId,
+		registerLink,
+		unregisterLink
+	]);
+	const anchorContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+		className: cls,
+		style,
+		ref: anchorRef,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__ink`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__ink-ball`,
+				ref: inkBallRef
+			})
+		}), react.default.Children.map(children, (child) => {
+			const childElement = child;
+			if (childElement.type.displayName === "AnchorLink") {
+				const childProps = { prefixCls };
+				return react.default.cloneElement(childElement, childProps);
+			}
+			return null;
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_anchor_context.AnchorContext.Provider, {
+		value: contextValue,
+		children: affix ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			offsetTop,
+			offsetBottom,
+			children: anchorContent
+		}) : anchorContent
+	});
+};
+Anchor.displayName = "Anchor";
+//#endregion
+exports.default = Anchor;
+
+//# sourceMappingURL=anchor.js.map

package/lib/anchor/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.js","names":["getPrefixCls","ConfigContext","React","AnchorContext","Sticky"],"sources":["../../src/anchor/anchor.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { AnchorLinkProps, AnchorProps } from './types';\nimport { AnchorContext } from './anchor-context';\nimport Sticky from '../sticky';\n\nconst Anchor = (props: AnchorProps): JSX.Element => {\n  const {\n    affix = false,\n    offsetTop = 0,\n    offsetBottom,\n    type = 'dot',\n    getContainer,\n    onChange,\n    onClick,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('anchor', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, { [`${prefixCls}_line`]: type === 'line' }, className);\n  const [activeId, setActiveId] = useState('');\n  const anchorRef = useRef<HTMLUListElement | null>(null);\n  const inkBallRef = useRef<HTMLDivElement | null>(null);\n  const linksRef = useRef<Set<string>>(new Set());\n\n  const registerLink = useCallback((href: string) => {\n    linksRef.current.add(href);\n  }, []);\n\n  const unregisterLink = useCallback((href: string) => {\n    linksRef.current.delete(href);\n  }, []);\n\n  const updateInk = useCallback(() => {\n    const anchorEl = anchorRef.current;\n    if (!anchorEl) return;\n    const activeNodes = anchorEl.getElementsByClassName(`${prefixCls}__link_active`);\n    const inkEl = inkBallRef.current;\n    // Use the last (deepest) active link so the ink ball targets the child, not the parent\n    const linkNode = activeNodes[activeNodes.length - 1];\n    if (linkNode && inkEl) {\n      // Use the <a> title element, not the <li> (which includes nested children)\n      const titleEl = linkNode.querySelector(`.${prefixCls}__link-title`);\n      const targetEl = titleEl || linkNode;\n      const anchorRect = anchorEl.getBoundingClientRect();\n      const targetRect = targetEl.getBoundingClientRect();\n      if (type === 'line') {\n        inkEl.style.top = `${targetRect.top - anchorRect.top}px`;\n        inkEl.style.height = `${targetEl.clientHeight}px`;\n      } else {\n        inkEl.style.top = `${targetRect.top - anchorRect.top + targetEl.clientHeight / 2 - 4.5}px`;\n      }\n    }\n  }, [prefixCls, type]);\n\n  const getScrollContainer = useCallback((): HTMLElement | Window => {\n    return getContainer ? getContainer() : window;\n  }, [getContainer]);\n\n  const scrollToAnchor = useCallback(\n    (anchorName: string): void => {\n      const element = document.getElementById(anchorName);\n      if (!element) return;\n\n      if (getContainer) {\n        const container = getContainer();\n        const containerRect = container.getBoundingClientRect();\n        const elementRect = element.getBoundingClientRect();\n        container.scrollTop += elementRect.top - containerRect.top;\n      } else {\n        element.scrollIntoView(true);\n      }\n    },\n    [getContainer]\n  );\n\n  const handleLinkClick = (e: React.MouseEvent<HTMLAnchorElement>, anchorName: string) => {\n    onClick?.(e, { title: anchorName, href: `#${anchorName}` });\n    const { location } = window;\n    let url;\n    // if it is a HashRouter mode, prevent the default event and update the query.\n    if (location.pathname.includes('/#/')) {\n      url = location.protocol + '//' + location.host + location.pathname + `?anchor=${anchorName}`;\n    } else {\n      url = location.protocol + '//' + location.host + location.pathname + `#${anchorName}`;\n    }\n    window.history.pushState({ path: url }, '', url);\n    scrollToAnchor(anchorName);\n  };\n\n  /**\n   * If the url contains the hash, check whether there is an element can be scrolled into\n   */\n  const initHashScroll = useCallback(() => {\n    const { location } = window;\n    if (location.search) {\n      const urlParams = new URLSearchParams(location.search);\n      const anchor = urlParams.get('anchor');\n      !!anchor && scrollToAnchor(anchor);\n    } else if (location.hash) {\n      const anchor = location.hash.replace('#', '');\n      !!anchor && scrollToAnchor(anchor);\n    }\n  }, [scrollToAnchor]);\n\n  const handleScroll = useCallback(() => {\n    const links = linksRef.current;\n    if (links.size === 0) return;\n\n    const container = getContainer?.();\n    const containerTop = container\n      ? container.getBoundingClientRect().top\n      : 0;\n\n    let newActiveId = '';\n    let maxTop = -Infinity;\n    let firstId = '';\n    let firstTop = Infinity;\n    links.forEach((href) => {\n      const id = href.replace('#', '');\n      const el = document.getElementById(id);\n      if (!el) return;\n      const elTop = el.getBoundingClientRect().top - containerTop;\n      if (elTop < firstTop) {\n        firstTop = elTop;\n        firstId = id;\n      }\n      if (elTop <= offsetTop && elTop > maxTop) {\n        maxTop = elTop;\n        newActiveId = id;\n      }\n    });\n    if (!newActiveId && firstId) {\n      newActiveId = firstId;\n    }\n\n    setActiveId((prev) => {\n      if (prev !== newActiveId) {\n        onChange?.(`#${newActiveId}`);\n      }\n      return newActiveId;\n    });\n  }, [onChange, getContainer, offsetTop]);\n\n  useEffect(() => {\n    updateInk();\n  }, [activeId, updateInk]);\n\n  useEffect(() => {\n    initHashScroll();\n  }, [initHashScroll]);\n\n  useEffect(() => {\n    const scrollTarget = getScrollContainer();\n    scrollTarget.addEventListener('scroll', handleScroll);\n    handleScroll();\n    return () => {\n      scrollTarget.removeEventListener('scroll', handleScroll);\n    };\n  }, [handleScroll, getScrollContainer]);\n\n  const contextValue = useMemo(\n    () => ({ activeId, onClick: handleLinkClick, registerLink, unregisterLink }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [activeId, registerLink, unregisterLink]\n  );\n\n  const anchorContent = (\n    <ul className={cls} style={style} ref={anchorRef}>\n      <div className={`${prefixCls}__ink`}>\n        <div className={`${prefixCls}__ink-ball`} ref={inkBallRef} />\n      </div>\n      {React.Children.map(children, (child) => {\n        const childElement = child as React.FunctionComponentElement<AnchorLinkProps>;\n        if (childElement.type.displayName === 'AnchorLink') {\n          const childProps: Partial<AnchorLinkProps> = {\n            prefixCls,\n          };\n          return React.cloneElement(childElement, childProps);\n        }\n        return null;\n      })}\n    </ul>\n  );\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      {affix ? (\n        <Sticky offsetTop={offsetTop} offsetBottom={offsetBottom}>\n          {anchorContent}\n        </Sticky>\n      ) : (\n        anchorContent\n      )}\n    </AnchorContext.Provider>\n  );\n};\n\nAnchor.displayName = 'Anchor';\n\nexport default Anchor;\n"],"mappings":"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"}

package/lib/anchor/index.d.ts

@@ -0,0 +1,11 @@
+import { Anchor } from "./anchor.js";
+import { AnchorLink } from "./anchor-link.js";
+
+//#region src/anchor/index.d.ts
+type IAnchor = typeof Anchor & {
+  Link: typeof AnchorLink;
+};
+declare const DefaultAnchor: IAnchor;
+//#endregion
+export { DefaultAnchor };
+//# sourceMappingURL=index.d.ts.map

package/lib/anchor/index.js

@@ -0,0 +1,12 @@
+require('../style/base.css');
+require('./style/index.css');
+require('../sticky/style/index.css');
+const require_anchor = require("./anchor.js");
+const require_anchor_link = require("./anchor-link.js");
+//#region src/anchor/index.tsx
+const DefaultAnchor = require_anchor.default;
+DefaultAnchor.Link = require_anchor_link.default;
+//#endregion
+exports.default = DefaultAnchor;
+
+//# sourceMappingURL=index.js.map

package/lib/anchor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","AnchorLink"],"sources":["../../src/anchor/index.tsx"],"sourcesContent":["import Anchor from './anchor';\nimport AnchorLink from './anchor-link';\n\ntype IAnchor = typeof Anchor & {\n  Link: typeof AnchorLink;\n};\n\nconst DefaultAnchor = Anchor as IAnchor;\nDefaultAnchor.Link = AnchorLink;\n\nexport default DefaultAnchor;\n"],"mappings":";;;AAOA,MAAM,gBAAgBA,eAAAA;AACtB,cAAc,OAAOC,oBAAAA"}

package/lib/anchor/style/_index.scss

@@ -0,0 +1,83 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-anchor {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  position: relative;
+  background-color: var(--ty-anchor-bg);
+
+  &__ink {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+
+    &:before {
+      content: '';
+      position: relative;
+      display: block;
+      width: 2px;
+      height: 100%;
+      margin: 0 auto;
+      background-color: var(--ty-anchor-ink-bg);
+    }
+  }
+
+  &__ink-ball {
+    position: absolute;
+    left: 50%;
+    width: 8px;
+    height: 8px;
+    background-color: var(--ty-anchor-ball-bg);
+    border: 2px solid var(--ty-color-primary);
+    border-radius: 8px;
+    transform: translateX(-50%);
+    transition: top .3s ease-in-out;
+  }
+
+  &__link {
+    padding: 7px 0 7px 16px;
+
+    .#{$prefix}-anchor {
+      border: 0;
+    }
+
+    &_active {
+      & > a {
+        color: var(--ty-color-primary);
+      }
+    }
+  }
+
+  &__link-title {
+    display: block;
+    overflow: hidden;
+    color: var(--ty-color-text-secondary);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    border-left: 2px solid transparent;
+
+    &:hover {
+      color: var(--ty-color-primary);
+      text-decoration: none;
+    }
+
+    &:not(:only-child) {
+      margin-bottom: 5px;
+    }
+  }
+
+  &_line {
+    .#{$prefix}-anchor__ink-ball {
+      width: 2px;
+      border: 0;
+      border-radius: 0;
+      background-color: var(--ty-color-primary);
+      transition: top .3s ease-in-out, height .3s ease-in-out;
+    }
+  }
+}

package/lib/anchor/style/index.css

@@ -0,0 +1,67 @@
+.ty-anchor {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  position: relative;
+  background-color: var(--ty-anchor-bg);
+}
+.ty-anchor__ink {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+}
+.ty-anchor__ink:before {
+  content: "";
+  position: relative;
+  display: block;
+  width: 2px;
+  height: 100%;
+  margin: 0 auto;
+  background-color: var(--ty-anchor-ink-bg);
+}
+.ty-anchor__ink-ball {
+  position: absolute;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background-color: var(--ty-anchor-ball-bg);
+  border: 2px solid var(--ty-color-primary);
+  border-radius: 8px;
+  transform: translateX(-50%);
+  transition: top 0.3s ease-in-out;
+}
+.ty-anchor__link {
+  padding: 7px 0 7px 16px;
+}
+.ty-anchor__link .ty-anchor {
+  border: 0;
+}
+.ty-anchor__link_active > a {
+  color: var(--ty-color-primary);
+}
+.ty-anchor__link-title {
+  display: block;
+  overflow: hidden;
+  color: var(--ty-color-text-secondary);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border-left: 2px solid transparent;
+}
+.ty-anchor__link-title:hover {
+  color: var(--ty-color-primary);
+  text-decoration: none;
+}
+.ty-anchor__link-title:not(:only-child) {
+  margin-bottom: 5px;
+}
+.ty-anchor_line .ty-anchor__ink-ball {
+  width: 2px;
+  border: 0;
+  border-radius: 0;
+  background-color: var(--ty-color-primary);
+  transition: top 0.3s ease-in-out, height 0.3s ease-in-out;
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/anchor/style/index.js

@@ -0,0 +1,2 @@
+require("./index.css");
+require("../../sticky/style/index.css");

package/lib/anchor/types.d.ts

@@ -0,0 +1,25 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/anchor/types.d.ts
+interface AnchorProps extends BaseProps {
+  affix?: boolean;
+  type?: 'dot' | 'line';
+  offsetBottom?: number;
+  offsetTop?: number;
+  getContainer?: () => HTMLElement;
+  onChange?: (currentActiveLink: string) => void;
+  onClick?: (e: React.MouseEvent<HTMLAnchorElement>, link: {
+    title: string;
+    href: string;
+  }) => void;
+  children?: React.ReactNode;
+}
+interface AnchorLinkProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['a']> {
+  href: string;
+  title: string;
+  children?: React.ReactElement<AnchorLinkProps>[];
+}
+//#endregion
+export { AnchorLinkProps, AnchorProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,8 @@
+import { AspectRatioProps } from "./types.js";
+import React from "react";
+
+//#region src/aspect-ratio/aspect-ratio.d.ts
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/lib/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,35 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/aspect-ratio/aspect-ratio.tsx
+const AspectRatio = react.default.forwardRef((props, ref) => {
+	const { ratio = 1, width = "100%", prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("aspect-ratio", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style: {
+			...style,
+			width
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__padding`,
+			style: { paddingTop: `${1 / ratio * 100}%` }
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__inside`,
+			children
+		})]
+	});
+});
+AspectRatio.displayName = "AspectRatio";
+//#endregion
+exports.default = AspectRatio;
+
+//# sourceMappingURL=aspect-ratio.js.map

package/lib/aspect-ratio/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { AspectRatioProps } from './types';\n\nconst AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>((props, ref) => {\n  const {\n    ratio = 1,\n    width = '100%',\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('aspect-ratio', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={{ ...style, width }}>\n      <div className={`${prefixCls}__padding`} style={{ paddingTop: `${(1 / ratio) * 100}%` }} />\n      <div className={`${prefixCls}__inside`}>{children}</div>\n    </div>\n  );\n});\n\nAspectRatio.displayName = 'AspectRatio';\n\nexport default AspectRatio;\n"],"mappings":";;;;;;;;;AAMA,MAAM,cAAcA,MAAAA,QAAM,YAA8C,OAAO,QAAQ;CACrF,MAAM,EACJ,QAAQ,GACR,QAAQ,QACR,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,iBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACc,WAAW,cAAc;CACtF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;AAE5C,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;GAAE,GAAG;GAAO;GAAO;YAAzE,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAY,OAAO,EAAE,YAAY,GAAI,IAAI,QAAS,IAAI,IAAI;GAAI,CAAA,EAC3F,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAY;GAAe,CAAA,CACpD;;EAER;AAEF,YAAY,cAAc"}

package/lib/aspect-ratio/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/aspect-ratio/index.tsx
+var aspect_ratio_default = require("./aspect-ratio.js").default;
+//#endregion
+exports.default = aspect_ratio_default;
+
+//# sourceMappingURL=index.js.map

package/lib/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AspectRatio"],"sources":["../../src/aspect-ratio/index.tsx"],"sourcesContent":["import AspectRatio from './aspect-ratio';\n\nexport default AspectRatio;\n"],"mappings":";AAEA,IAAA,oDAAeA"}

package/lib/aspect-ratio/style/_index.scss

@@ -0,0 +1,22 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-aspect-ratio {
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+
+  &__padding {
+    display: block;
+    height: 0;
+  }
+
+  &__inside {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+  }
+}

package/lib/aspect-ratio/style/index.css

@@ -0,0 +1,18 @@
+.ty-aspect-ratio {
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+}
+.ty-aspect-ratio__padding {
+  display: block;
+  height: 0;
+}
+.ty-aspect-ratio__inside {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+}

package/lib/aspect-ratio/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/aspect-ratio/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/aspect-ratio/types.d.ts

@@ -0,0 +1,13 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/aspect-ratio/types.d.ts
+interface AspectRatioProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  /** the width of the content */
+  width?: number | string;
+  /** the aspect ratio of the content */
+  ratio?: number;
+}
+//#endregion
+export { AspectRatioProps };
+//# sourceMappingURL=types.d.ts.map