@rainbow-oh/yee-c 0.4.0 → 0.4.1

package/dist/cjs/Anchor/anchor.js

@@ -67,7 +67,6 @@ var import_lucide_react = require("lucide-react");
 var import_react = __toESM(require("react"));
 var import_Config_Provider = require("../Config-Provider");
 var import_useMergedState = __toESM(require("../hooks/useMergedState"));
-var import_debounce = __toESM(require("../utils/debounce"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_anchor_item = __toESM(require("./anchor-item"));
 var import_style = require("./style/index.less");
@@ -158,31 +157,50 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
     const currentItems2 = auto ? anchorList : items;
     if (!currentItems2 || currentItems2.length === 0)
       return;
+    let nextActiveKey;
     for (let i = currentItems2.length - 1; i >= 0; i--) {
       const item = currentItems2[i];
       const target = document.getElementById(item.key);
       if (target) {
         const targetTop = getTargetOffsetTop(target);
         if (scrollTop + offsetTop >= targetTop) {
-          if (activeKeyRef.current !== item.key) {
-            setMergedActiveKey(item.key);
-            onChange == null ? void 0 : onChange(item.key);
-          }
+          nextActiveKey = item.key;
           break;
         }
       }
     }
+    if (nextActiveKey === void 0) {
+      const first = currentItems2.find(
+        (item) => document.getElementById(item.key)
+      );
+      nextActiveKey = first == null ? void 0 : first.key;
+    }
+    if (nextActiveKey && activeKeyRef.current !== nextActiveKey) {
+      setMergedActiveKey(nextActiveKey);
+      onChange == null ? void 0 : onChange(nextActiveKey);
+    }
   }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
   (0, import_react.useEffect)(() => {
-    const container = containerRef.current;
+    const container = getContainer ? getContainer() : window;
+    containerRef.current = container;
     if (!container)
       return;
-    const debouncedScroll = (0, import_debounce.default)(handleScroll, 100);
-    container.addEventListener("scroll", debouncedScroll);
+    let rafId = null;
+    const onScroll = () => {
+      if (rafId !== null)
+        return;
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        handleScroll();
+      });
+    };
+    container.addEventListener("scroll", onScroll);
     handleScroll();
     return () => {
-      container.removeEventListener("scroll", debouncedScroll);
-      debouncedScroll.cancel();
+      container.removeEventListener("scroll", onScroll);
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
     };
   }, [getContainer, handleScroll]);
   const scrollToAnchor = (0, import_react.useCallback)(
@@ -205,10 +223,7 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
     },
     [offsetTop, getTargetOffsetTop]
   );
-  (0, import_react.useLayoutEffect)(() => {
-    containerRef.current = getContainer ? getContainer() : window;
-  }, [getContainer]);
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (defaultActiveKey) {
       scrollToAnchor(defaultActiveKey);
     }

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-06-30T03:06:46.452Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-06-30T03:06:46.452Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.4.0";
+export declare const version = "0.4.1";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.4.0";
+var version = "0.4.1";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Anchor/anchor.js

@@ -14,10 +14,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import clsx from 'clsx';
 import { ChevronLeft } from 'lucide-react';
-import React, { createContext, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { GlobalContext } from "../Config-Provider";
 import useMergedState from "../hooks/useMergedState";
-import debounce from "../utils/debounce";
 import mergeContextToProps from "../utils/mergeContextToProps";
 import AnchorItem from "./anchor-item";
 import "./style/index.less";
@@ -109,30 +108,56 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
 
     // Empty array guard
     if (!currentItems || currentItems.length === 0) return;
+
+    // Pick the last anchor whose top has crossed the activation line.
+    var nextActiveKey;
     for (var i = currentItems.length - 1; i >= 0; i--) {
       var item = currentItems[i];
       var target = document.getElementById(item.key);
       if (target) {
         var targetTop = getTargetOffsetTop(target);
         if (scrollTop + offsetTop >= targetTop) {
-          if (activeKeyRef.current !== item.key) {
-            setMergedActiveKey(item.key);
-            onChange === null || onChange === void 0 || onChange(item.key);
-          }
+          nextActiveKey = item.key;
           break;
         }
       }
     }
+
+    // Scrolled above the first anchor — reset to the top item.
+    if (nextActiveKey === undefined) {
+      var first = currentItems.find(function (item) {
+        return document.getElementById(item.key);
+      });
+      nextActiveKey = first === null || first === void 0 ? void 0 : first.key;
+    }
+    if (nextActiveKey && activeKeyRef.current !== nextActiveKey) {
+      setMergedActiveKey(nextActiveKey);
+      onChange === null || onChange === void 0 || onChange(nextActiveKey);
+    }
   }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
   useEffect(function () {
-    var container = containerRef.current;
+    // Resolve in a passive effect: parent-owned refs passed via `getContainer`
+    // aren't attached until after child layout effects run.
+    var container = getContainer ? getContainer() : window;
+    containerRef.current = container;
     if (!container) return;
-    var debouncedScroll = debounce(handleScroll, 100);
-    container.addEventListener('scroll', debouncedScroll);
+
+    // rAF throttle so the active key tracks scroll live.
+    var rafId = null;
+    var onScroll = function onScroll() {
+      if (rafId !== null) return;
+      rafId = requestAnimationFrame(function () {
+        rafId = null;
+        handleScroll();
+      });
+    };
+    container.addEventListener('scroll', onScroll);
     handleScroll();
     return function () {
-      container.removeEventListener('scroll', debouncedScroll);
-      debouncedScroll.cancel();
+      container.removeEventListener('scroll', onScroll);
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
     };
   }, [getContainer, handleScroll]);
 
@@ -155,10 +180,7 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       });
     }
   }, [offsetTop, getTargetOffsetTop]);
-  useLayoutEffect(function () {
-    containerRef.current = getContainer ? getContainer() : window;
-  }, [getContainer]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     if (defaultActiveKey) {
       scrollToAnchor(defaultActiveKey);
     }

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-06-30T03:06:46.452Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-06-30T03:06:46.452Z
  */
 
 /* ========== color.css ========== */

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.4.0";
+export declare const version = "0.4.1";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.4.0";
+export var version = "0.4.1";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }