tiny-ui 1.0.3 → 1.0.4

package/lib/anchor/anchor.js

@@ -1,163 +1,169 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const anchor_context_1 = require("./anchor-context");
-const sticky_1 = tslib_1.__importDefault(require("../sticky"));
+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 components/anchor/anchor.tsx
 const Anchor = (props) => {
-    const { affix = false, offsetTop = 0, offsetBottom, type = 'dot', getContainer, onChange, onClick, className, style, children, prefixCls: customisedCls, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('anchor', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, { [`${prefixCls}_line`]: type === 'line' }, className);
-    const [activeId, setActiveId] = (0, react_1.useState)('');
-    const anchorRef = (0, react_1.useRef)(null);
-    const inkBallRef = (0, react_1.useRef)(null);
-    const linksRef = (0, react_1.useRef)(new Set());
-    const registerLink = (0, react_1.useCallback)((href) => {
-        linksRef.current.add(href);
-    }, []);
-    const unregisterLink = (0, react_1.useCallback)((href) => {
-        linksRef.current.delete(href);
-    }, []);
-    const updateInk = (0, react_1.useCallback)(() => {
-        const anchorEl = anchorRef.current;
-        if (!anchorEl)
-            return;
-        const activeNodes = anchorEl.getElementsByClassName(`${prefixCls}__link_active`);
-        const inkEl = inkBallRef.current;
-        // Use the last (deepest) active link so the ink ball targets the child, not the parent
-        const linkNode = activeNodes[activeNodes.length - 1];
-        if (linkNode && inkEl) {
-            // Use the <a> title element, not the <li> (which includes nested children)
-            const titleEl = linkNode.querySelector(`.${prefixCls}__link-title`);
-            const targetEl = titleEl || 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_1.useCallback)(() => {
-        return getContainer ? getContainer() : window;
-    }, [getContainer]);
-    const scrollToAnchor = (0, react_1.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 it is a HashRouter mode, prevent the default event and update the query.
-        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_1.useCallback)(() => {
-        const { location } = window;
-        if (location.search) {
-            const urlParams = new URLSearchParams(location.search);
-            const anchor = urlParams.get('anchor');
-            !!anchor && scrollToAnchor(anchor);
-        }
-        else if (location.hash) {
-            const anchor = location.hash.replace('#', '');
-            !!anchor && scrollToAnchor(anchor);
-        }
-    }, [scrollToAnchor]);
-    const handleScroll = (0, react_1.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_1.useEffect)(() => {
-        updateInk();
-    }, [activeId, updateInk]);
-    (0, react_1.useEffect)(() => {
-        initHashScroll();
-    }, [initHashScroll]);
-    (0, react_1.useEffect)(() => {
-        const scrollTarget = getScrollContainer();
-        scrollTarget.addEventListener('scroll', handleScroll);
-        handleScroll();
-        return () => {
-            scrollTarget.removeEventListener('scroll', handleScroll);
-        };
-    }, [handleScroll, getScrollContainer]);
-    const contextValue = (0, react_1.useMemo)(() => ({ activeId, onClick: handleLinkClick, registerLink, unregisterLink }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [activeId, registerLink, unregisterLink]);
-    const anchorContent = ((0, jsx_runtime_1.jsxs)("ul", { className: cls, style: style, ref: anchorRef, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__ink`, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__ink-ball`, ref: inkBallRef }) }), react_1.default.Children.map(children, (child) => {
-                const childElement = child;
-                if (childElement.type.displayName === 'AnchorLink') {
-                    const childProps = {
-                        prefixCls,
-                    };
-                    return react_1.default.cloneElement(childElement, childProps);
-                }
-                return null;
-            })] }));
-    return ((0, jsx_runtime_1.jsx)(anchor_context_1.AnchorContext.Provider, { value: contextValue, children: affix ? ((0, jsx_runtime_1.jsx)(sticky_1.default, { offsetTop: offsetTop, offsetBottom: offsetBottom, children: anchorContent })) : (anchorContent) }));
+	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';
+Anchor.displayName = "Anchor";
+//#endregion
 exports.default = Anchor;
+
 //# sourceMappingURL=anchor.js.map

package/lib/anchor/anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../../components/anchor/anchor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"anchor.js","names":["getPrefixCls","ConfigContext","React","AnchorContext","Sticky"],"sources":["../../components/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

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

package/lib/anchor/index.js

@@ -1,9 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const anchor_1 = tslib_1.__importDefault(require("./anchor"));
-const anchor_link_1 = tslib_1.__importDefault(require("./anchor-link"));
-const DefaultAnchor = anchor_1.default;
-DefaultAnchor.Link = anchor_link_1.default;
+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 components/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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/anchor/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAC9B,wEAAuC;AAMvC,MAAM,aAAa,GAAG,gBAAiB,CAAC;AACxC,aAAa,CAAC,IAAI,GAAG,qBAAU,CAAC;AAEhC,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","names":["Anchor","AnchorLink"],"sources":["../../components/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.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

@@ -1,2 +1 @@
-import './index.scss';
-import '../../sticky/style/index.scss';
+export { };

package/lib/anchor/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-require("../../sticky/style/index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");
+require("../../sticky/style/index.css");

package/lib/anchor/types.d.ts

@@ -1,20 +1,25 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export 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;
-}
-export interface AnchorLinkProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['a']> {
-    href: string;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/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;
-    children?: React.ReactElement<AnchorLinkProps>[];
+    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

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

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

@@ -1,18 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const AspectRatio = react_1.default.forwardRef((props, ref) => {
-    const { ratio = 1, width = '100%', prefixCls: customisedCls, className, style, children, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('aspect-ratio', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: { ...style, width }, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__padding`, style: { paddingTop: `${(1 / ratio) * 100}%` } }), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__inside`, children: children })] }));
+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 components/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';
+AspectRatio.displayName = "AspectRatio";
+//#endregion
 exports.default = AspectRatio;
+
 //# sourceMappingURL=aspect-ratio.js.map