@wisdomgarden/torque 0.2.0 → 0.2.1

package/dist/components/popover/hooks.d.ts

@@ -12,6 +12,6 @@ export declare function useArrowStyle(withArrow: boolean, arrowData: {
     x?: number;
     y?: number;
 } | undefined, resolvedSide: PopoverSide, arrowSize: number): React.CSSProperties;
-export declare function useTriggerProps(disabled: boolean, trigger: PopoverTrigger, mergedReferenceRef: React.Ref<HTMLElement>, id: string, toggle: () => void, opened: boolean, setOpen: (next: boolean) => void, hoverTimerRef: React.RefObject<number | undefined>, userOnClick?: React.MouseEventHandler<HTMLElement>, userOnKeyDown?: React.KeyboardEventHandler<HTMLElement>): React.HTMLAttributes<HTMLElement> & {
+export declare function useTriggerProps(disabled: boolean, trigger: PopoverTrigger, mergedReferenceRef: React.Ref<HTMLElement>, id: string, toggle: () => void, opened: boolean, setOpen: (next: boolean) => void, scheduleHover: (next: boolean) => void, cancelHoverTimer: () => void, userOnClick?: React.MouseEventHandler<HTMLElement>, userOnKeyDown?: React.KeyboardEventHandler<HTMLElement>): React.HTMLAttributes<HTMLElement> & {
     ref?: React.Ref<HTMLElement>;
 };

package/dist/components/popover/hooks.js

@@ -1,10 +1,10 @@
 "use client";
-import { useEffect as l, useState as m, useRef as b, useCallback as p, useMemo as E } from "react";
-import { registerOpenPopover as y, isTopmostOpenPopover as A } from "./popover-stack.js";
-function L(u, t = !1) {
-  const [n, e] = m(t || u), [r, o] = m(
+import { useEffect as l, useState as b, useRef as p, useCallback as y, useMemo as E } from "react";
+import { registerOpenPopover as A, isTopmostOpenPopover as x } from "./popover-stack.js";
+function k(u, t = !1) {
+  const [n, e] = b(t || u), [r, o] = b(
     u ? "open" : "closing"
-  ), s = b(0);
+  ), s = p(0);
   l(() => (u ? (e(!0), s.current = requestAnimationFrame(() => {
     s.current = requestAnimationFrame(() => {
       o("open");
@@ -12,24 +12,24 @@ function L(u, t = !1) {
   })) : (o("closing"), t && e(!0)), () => {
     s.current && cancelAnimationFrame(s.current);
   }), [t, u]);
-  const i = p(() => {
+  const i = y(() => {
     r === "closing" && !t && e(!1);
   }, [r, t]);
   return { mounted: n, animState: r, handleTransitionEnd: i };
 }
-function P(u, t, n, e, r, o, s, i) {
-  const c = b(null);
+function q(u, t, n, e, r, o, s, i) {
+  const f = p(null);
   l(() => {
-    u === "click" && (t ? c.current = document.activeElement : o().some(
-      (f) => f.contains(document.activeElement)
-    ) && c.current?.focus());
+    u === "click" && (t ? f.current = document.activeElement : o().some(
+      (a) => a.contains(document.activeElement)
+    ) && f.current?.focus());
   }, [t, u, o]), l(() => {
     if (u !== "click" || n !== "open" || !e || i) return;
     if (s?.current) {
       s.current.focus();
       return;
     }
-    (h([r.current])[0] ?? r.current)?.focus();
+    (L([r.current])[0] ?? r.current)?.focus();
   }, [
     n,
     e,
@@ -39,7 +39,7 @@ function P(u, t, n, e, r, o, s, i) {
     i
   ]);
 }
-const x = [
+const h = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -47,27 +47,27 @@ const x = [
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(",");
-function h(u) {
+function L(u) {
   const t = u.flatMap((n) => !n || n.inert || n.getAttribute("aria-hidden") === "true" ? [] : Array.from(
-    n.querySelectorAll(x)
+    n.querySelectorAll(h)
   ));
   return Array.from(new Set(t)).filter(
     (n) => !n.hasAttribute("data-focus-sentinel")
   );
 }
-function C(u, t, n, e, r, o, s) {
+function v(u, t, n, e, r, o, s) {
   l(() => {
     if (t)
-      return y(r, o);
+      return A(r, o);
   }, [o, r, t]), l(() => {
     if (!u || !t) return;
-    const i = (c) => {
-      c.key !== "Escape" || !A(r) || (c.preventDefault(), c.stopImmediatePropagation(), n(), s ? s() : e.current?.focus());
+    const i = (f) => {
+      f.key !== "Escape" || !x(r) || (f.preventDefault(), f.stopImmediatePropagation(), n(), s ? s() : e.current?.focus());
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [u, t, n, e, r, s]);
 }
-function T(u, t, n, e) {
+function B(u, t, n, e) {
   return E(() => {
     if (!u || !t) return {};
     const r = e / 2, o = {
@@ -78,32 +78,31 @@ function T(u, t, n, e) {
     return n === "bottom" ? { ...o, top: -r - 1, left: t.x ?? "", bottom: "" } : n === "top" ? { ...o, bottom: -r - 1, left: t.x ?? "", top: "" } : n === "right" ? { ...o, left: -r - 1, top: t.y ?? "" } : n === "left" ? { ...o, right: -r - 1, top: t.y ?? "" } : o;
   }, [u, t, n, e]);
 }
-function k(u, t, n, e, r, o, s, i, c, f) {
+function F(u, t, n, e, r, o, s, i, f, a, m) {
   return E(() => u ? { ref: n } : t === "none" ? {
     ref: n,
     "aria-expanded": o,
-    onKeyDown: f
+    onKeyDown: m
   } : t === "hover" ? {
     ref: n,
-    onMouseEnter: () => {
-      clearTimeout(i.current), s(!0);
-    },
+    onMouseEnter: () => i(!0),
     onMouseLeave: () => {
-      i.current = window.setTimeout(() => s(!1), 100);
+      o ? i(!1) : f();
     },
-    onFocus: () => s(!0),
-    onBlur: () => {
-      i.current = window.setTimeout(() => s(!1), 100);
+    // 键盘聚焦不走 openDelay：延迟打开对读屏 / 键盘用户只有负作用
+    onFocus: () => {
+      f(), s(!0);
     },
+    onBlur: () => i(!1),
     "aria-describedby": e,
-    onKeyDown: f
+    onKeyDown: m
   } : {
     ref: n,
-    onClick: (a) => {
-      r(), c?.(a);
+    onClick: (c) => {
+      r(), a?.(c);
     },
-    onKeyDown: (a) => {
-      a.key === "Enter" && (a.preventDefault(), r()), f?.(a);
+    onKeyDown: (c) => {
+      c.key === "Enter" && (c.preventDefault(), r()), m?.(c);
     },
     "aria-expanded": o,
     "aria-haspopup": "dialog",
@@ -117,15 +116,16 @@ function k(u, t, n, e, r, o, s, i, c, f) {
     o,
     s,
     i,
-    c,
-    f
+    f,
+    a,
+    m
   ]);
 }
 export {
-  h as getFocusableElements,
-  L as useAnimatedMount,
-  T as useArrowStyle,
-  C as useEscapeClose,
-  P as usePopoverFocus,
-  k as useTriggerProps
+  L as getFocusableElements,
+  k as useAnimatedMount,
+  B as useArrowStyle,
+  v as useEscapeClose,
+  q as usePopoverFocus,
+  F as useTriggerProps
 };

package/dist/components/popover/index.d.ts

@@ -1,6 +1,6 @@
 import { PopoverDropdown } from './popover-dropdown';
 import { PopoverTarget } from './popover-target';
-export declare const Popover: (({ children, position, offset: offsetProp, opened: openedProp, defaultOpened, onOpenChange, disabled, withArrow, arrowSize, trigger, closeOnClickOutside, closeOnEscape, restoreFocus, strategy, initialFocusRef, trapFocus, preventAutoFocus, "aria-labelledby": ariaLabelledby, }: import("./popover.types").PopoverProps) => import("react").JSX.Element) & {
+export declare const Popover: (({ children, position, offset: offsetProp, opened: openedProp, defaultOpened, onOpenChange, disabled, withArrow, arrowSize, trigger, openDelay, closeDelay, closeOnClickOutside, closeOnEscape, restoreFocus, strategy, initialFocusRef, trapFocus, preventAutoFocus, "aria-labelledby": ariaLabelledby, }: import("./popover.types").PopoverProps) => import("react").JSX.Element) & {
     Target: ({ children, ref, onClick, onKeyDown, ...restProps }: import("./popover.types").PopoverTargetProps) => import("react").JSX.Element;
     Dropdown: ({ children, arrowClassName, zIndex, width, maxHeight, matchTargetWidth, radius, withinPortal, keepMounted, ref, ...restProps }: import("./popover.types").PopoverDropdownProps) => import("react").JSX.Element | null;
 };

package/dist/components/popover/popover-dropdown.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import { jsxs as E, jsx as c } from "react/jsx-runtime";
 import { getDefaultZIndex as te, Portal as re } from "@mantine/core";
 import { useMergedRef as ne } from "@mantine/hooks";
-import { clsx as I } from "clsx";
+import { clsx as S } from "clsx";
 import { useContext as ie, useRef as ae, useCallback as se } from "react";
-import { useAnimatedMount as de, usePopoverFocus as le, useArrowStyle as ce, getFocusableElements as ue } from "./hooks.js";
-import { PopoverLayerContext as M, usePopoverContext as fe } from "./popover-context.js";
-import T from "./styles/popover.module.css.js";
+import { useAnimatedMount as le, usePopoverFocus as de, useArrowStyle as ce, getFocusableElements as ue } from "./hooks.js";
+import { PopoverLayerContext as I, usePopoverContext as fe } from "./popover-context.js";
+import M from "./styles/popover.module.css.js";
 const Fe = ({
   children: A,
   arrowClassName: C,
@@ -15,56 +15,56 @@ const Fe = ({
   maxHeight: a,
   matchTargetWidth: N = !1,
   radius: z = "sm",
-  withinPortal: L = !0,
-  keepMounted: Z = !1,
-  ref: j,
+  withinPortal: H = !0,
+  keepMounted: L = !1,
+  ref: T,
   ...e
 }) => {
-  const u = ie(M), {
+  const u = ie(I), {
     opened: r,
     trigger: n,
-    strategy: k,
-    x: W,
-    y: $,
+    strategy: Z,
+    x: j,
+    y: k,
     resolvedSide: f,
     middlewareData: s,
-    floatingRef: d,
-    setFloating: H,
+    floatingRef: l,
+    setFloating: W,
     registerNestedFloatingElement: p,
     getFloatingScopeElements: v,
     withArrow: m,
-    arrowSize: O,
+    arrowSize: $,
     arrowRef: P,
-    hoverTimerRef: g,
-    setOpen: V,
-    id: q,
-    initialFocusRef: B,
-    trapFocus: h,
-    preventAutoFocus: G,
-    ariaLabelledby: J
-  } = fe(), { mounted: x, animState: w, handleTransitionEnd: K } = de(
+    scheduleHover: V,
+    cancelHoverTimer: q,
+    id: B,
+    initialFocusRef: G,
+    trapFocus: g,
+    preventAutoFocus: J,
+    ariaLabelledby: K
+  } = fe(), { mounted: h, animState: x, handleTransitionEnd: O } = le(
     r,
-    Z
+    L
   ), y = ae(null), Q = se(
     (o) => {
       y.current?.(), y.current = o ? p(o) : null;
     },
     [p]
   ), U = ne(
-    d,
-    H,
+    l,
+    W,
     Q,
-    j
-  ), l = D ?? (u === null ? te("popover") : u + 1);
-  le(
+    T
+  ), d = D ?? (u === null ? te("popover") : u + 1);
+  de(
     n,
     r,
-    w,
     x,
-    d,
+    h,
+    l,
     v,
-    B,
-    G
+    G,
+    J
   );
   const b = (o) => /* @__PURE__ */ c(
     "span",
@@ -76,7 +76,7 @@ const Fe = ({
       onFocus: () => {
         const i = ue(v());
         if (i.length === 0) {
-          d.current?.focus();
+          l.current?.focus();
           return;
         }
         (o === "start" ? i[i.length - 1] : i[0]).focus();
@@ -86,63 +86,58 @@ const Fe = ({
     m,
     s.arrow,
     f,
-    O
+    $
   ), Y = typeof t == "number" ? `${t}px` : t, _ = t ? Y : void 0, ee = typeof a == "number" ? `${a}px` : a, oe = N ? "var(--t-popover-reference-width)" : _;
-  if (!x) return null;
-  const F = "role" in e ? e.role : n === "click" ? "dialog" : void 0, R = F === "dialog", E = /* @__PURE__ */ S(
+  if (!h) return null;
+  const w = "role" in e ? e.role : n === "click" ? "dialog" : void 0, F = w === "dialog", R = /* @__PURE__ */ E(
     "div",
     {
-      id: q,
-      role: F,
-      "aria-modal": R ? !1 : void 0,
-      "aria-labelledby": R ? J : void 0,
+      id: B,
+      role: w,
+      "aria-modal": F ? !1 : void 0,
+      "aria-labelledby": F ? K : void 0,
       ref: U,
       tabIndex: -1,
-      "data-state": w,
+      "data-state": x,
       "data-radius": z,
       "data-side": f,
       style: {
-        position: k,
-        left: W ?? 0,
-        top: $ ?? 0,
-        zIndex: l,
-        "--t-popover-z": l,
+        position: Z,
+        left: j ?? 0,
+        top: k ?? 0,
+        zIndex: d,
+        "--t-popover-z": d,
         "--t-popover-width": oe,
         "--t-popover-max-height": ee,
         visibility: s.hide?.referenceHidden ? "hidden" : void 0,
         pointerEvents: s.hide?.referenceHidden ? "none" : void 0
       },
-      onTransitionEnd: K,
-      onMouseEnter: n === "hover" ? () => clearTimeout(g.current) : void 0,
-      onMouseLeave: n === "hover" ? () => {
-        g.current = window.setTimeout(
-          () => V(!1),
-          100
-        );
-      } : void 0,
+      onTransitionEnd: O,
+      onMouseEnter: n === "hover" ? () => q() : void 0,
+      onMouseLeave: n === "hover" ? () => V(!1) : void 0,
       ...e,
       "aria-hidden": r ? e["aria-hidden"] : !0,
       inert: r ? e.inert : !0,
-      className: I(T.popover, e.className),
+      className: S(M.popover, e.className),
       children: [
-        /* @__PURE__ */ S(M.Provider, { value: l, children: [
-          h && b("start"),
+        /* @__PURE__ */ E(I.Provider, { value: d, children: [
+          g && b("start"),
           A,
-          h && b("end")
+          g && b("end")
         ] }),
         m && /* @__PURE__ */ c(
           "div",
           {
             ref: P,
             "aria-hidden": "true",
-            className: I(T.arrow, C),
+            className: S(M.arrow, C),
             style: { ...X }
           }
         )
       ]
     }
   );
-  return L ? /* @__PURE__ */ c(re, { children: E }) : E;
+  return H ? /* @__PURE__ */ c(re, { children: R }) : R;
 };
 export {
   Fe as PopoverDropdown

package/dist/components/popover/popover-target.js

@@ -1,39 +1,41 @@
 "use client";
 import { jsx as b } from "react/jsx-runtime";
-import { useMergedRef as v } from "@mantine/hooks";
-import { clsx as T } from "clsx";
+import { useMergedRef as T } from "@mantine/hooks";
+import { clsx as E } from "clsx";
 import r from "react";
-import { useTriggerProps as E } from "./hooks.js";
+import { useTriggerProps as H } from "./hooks.js";
 import { usePopoverContext as N } from "./popover-context.js";
 import P from "./styles/popover.module.css.js";
 const q = ({
   children: e,
   ref: s,
   onClick: m,
-  onKeyDown: f,
+  onKeyDown: i,
   ...o
 }) => {
   const {
-    disabled: i,
-    trigger: n,
-    id: a,
-    toggle: p,
+    disabled: n,
+    trigger: a,
+    id: f,
+    toggle: c,
     opened: l,
-    setOpen: c,
-    hoverTimerRef: g,
-    referenceRef: d,
-    setReference: u
-  } = N(), R = r.isValidElement(e) ? e.props.ref : void 0, x = v(d, u, s, R), t = E(
-    i,
+    setOpen: p,
+    scheduleHover: g,
+    cancelHoverTimer: d,
+    referenceRef: u,
+    setReference: R
+  } = N(), v = r.isValidElement(e) ? e.props.ref : void 0, x = T(u, R, s, v), t = H(
     n,
-    x,
     a,
-    p,
-    l,
+    x,
+    f,
     c,
+    l,
+    p,
     g,
+    d,
     m,
-    f
+    i
   );
   return r.isValidElement(e) ? r.cloneElement(
     e,
@@ -45,7 +47,7 @@ const q = ({
       tabIndex: 0,
       ...t,
       ...o,
-      className: T(P.fallbackTarget, o.className),
+      className: E(P.fallbackTarget, o.className),
       children: e
     }
   );

package/dist/components/popover/popover.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PopoverProps } from './popover.types';
-export declare const Popover: ({ children, position, offset: offsetProp, opened: openedProp, defaultOpened, onOpenChange, disabled, withArrow, arrowSize, trigger, closeOnClickOutside, closeOnEscape, restoreFocus, strategy, initialFocusRef, trapFocus, preventAutoFocus, "aria-labelledby": ariaLabelledby, }: PopoverProps) => React.JSX.Element;
+export declare const Popover: ({ children, position, offset: offsetProp, opened: openedProp, defaultOpened, onOpenChange, disabled, withArrow, arrowSize, trigger, openDelay, closeDelay, closeOnClickOutside, closeOnEscape, restoreFocus, strategy, initialFocusRef, trapFocus, preventAutoFocus, "aria-labelledby": ariaLabelledby, }: PopoverProps) => React.JSX.Element;

package/dist/components/popover/popover.js

@@ -1,175 +1,194 @@
 "use client";
-import { jsx as ne } from "react/jsx-runtime";
-import { offset as oe, flip as se, size as re, shift as le, limitShift as ce, arrow as ae, hide as ie, useFloating as de, autoUpdate as ue } from "@floating-ui/react-dom";
-import { useDirection as fe, getFloatingPosition as pe } from "@mantine/core";
-import _, { useRef as l, useId as me, useCallback as c, useEffect as ge, useMemo as q } from "react";
-import { useEscapeClose as ve } from "./hooks.js";
-import { PopoverContext as A } from "./popover-context.js";
-const g = 8, ye = ({
-  children: B,
-  position: H = "bottom",
-  offset: y = 8,
-  opened: C,
-  defaultOpened: J = !1,
-  onOpenChange: N,
+import { jsx as ie } from "react/jsx-runtime";
+import { offset as le, flip as ae, size as de, shift as ue, limitShift as fe, arrow as me, hide as pe, useFloating as ge, autoUpdate as ve } from "@floating-ui/react-dom";
+import { useDirection as he, getFloatingPosition as Ee } from "@mantine/core";
+import B, { useRef as l, useId as xe, useCallback as r, useEffect as J, useMemo as K } from "react";
+import { useEscapeClose as Re } from "./hooks.js";
+import { PopoverContext as Q } from "./popover-context.js";
+const v = 8, Te = ({
+  children: W,
+  position: X = "bottom",
+  offset: C = 8,
+  opened: N,
+  defaultOpened: Y = !1,
+  onOpenChange: T,
   disabled: b = !1,
-  withArrow: r = !1,
+  withArrow: i = !1,
   arrowSize: a = 8,
-  trigger: D = "click",
-  closeOnClickOutside: I = !0,
-  closeOnEscape: K = !0,
-  restoreFocus: Q,
-  strategy: v = "absolute",
-  initialFocusRef: L,
-  trapFocus: M = !1,
-  preventAutoFocus: S = !1,
-  "aria-labelledby": $
+  trigger: I = "click",
+  openDelay: L = 0,
+  closeDelay: M = 100,
+  closeOnClickOutside: S = !0,
+  closeOnEscape: Z = !0,
+  restoreFocus: z,
+  strategy: h = "absolute",
+  initialFocusRef: $,
+  trapFocus: D = !1,
+  preventAutoFocus: G = !1,
+  "aria-labelledby": H
 }) => {
-  const h = _.useContext(A), G = h?.registerNestedFloatingElement, x = h ? h.depth + 1 : 0, E = C !== void 0, [W, X] = _.useState(J), t = E ? C : W, i = l(null), d = l(null), u = l(null), R = l(/* @__PURE__ */ new Set()), T = l(0), F = me(), { dir: Y } = fe(), o = c(
+  const E = B.useContext(Q), j = E?.registerNestedFloatingElement, x = E ? E.depth + 1 : 0, R = N !== void 0, [ee, te] = B.useState(Y), o = R ? N : ee, d = l(null), u = l(null), f = l(null), F = l(/* @__PURE__ */ new Set()), P = l(void 0), y = xe(), { dir: ne } = he(), n = r(
     (e) => {
-      E || X(e), N?.(e);
+      R || te(e), T?.(e);
     },
-    [E, N]
-  ), P = c(() => o(!1), [o]), j = c(() => o(!t), [t, o]), k = c(
+    [R, T]
+  ), w = r(() => n(!1), [n]), k = r(() => n(!o), [o, n]), s = r(() => {
+    window.clearTimeout(P.current), P.current = void 0;
+  }, []), O = r(
     (e) => {
-      R.current.add(e);
-      const n = G?.(e);
+      s();
+      const t = e ? L : M;
+      if (t <= 0) {
+        n(e);
+        return;
+      }
+      P.current = window.setTimeout(() => n(e), t);
+    },
+    [s, L, M, n]
+  );
+  J(() => s, [s]);
+  const U = r(
+    (e) => {
+      F.current.add(e);
+      const t = j?.(e);
       return () => {
-        R.current.delete(e), n?.();
+        F.current.delete(e), t?.();
       };
     },
-    [G]
-  ), f = c(() => {
-    const e = u.current ? [u.current] : [];
-    return R.current.forEach((n) => {
-      n.isConnected && e.push(n);
+    [j]
+  ), m = r(() => {
+    const e = f.current ? [f.current] : [];
+    return F.current.forEach((t) => {
+      t.isConnected && e.push(t);
     }), Array.from(new Set(e));
   }, []);
-  ge(() => {
-    if (!I || !t) return;
-    const e = (n) => {
-      const m = n.composedPath(), s = d.current;
-      s && m.includes(s) || f().some((te) => m.includes(te)) || P();
+  J(() => {
+    if (!S || !o) return;
+    const e = (t) => {
+      const g = t.composedPath(), c = u.current;
+      c && g.includes(c) || m().some((ce) => g.includes(ce)) || w();
     };
     return document.addEventListener("mousedown", e, !0), document.addEventListener("touchstart", e, !0), () => {
       document.removeEventListener("mousedown", e, !0), document.removeEventListener("touchstart", e, !0);
     };
-  }, [I, t, P, f]), ve(
-    K,
-    t,
-    P,
-    d,
-    F,
+  }, [S, o, w, m]), Re(
+    Z,
+    o,
+    w,
+    u,
+    y,
     x,
-    Q
+    z
   );
-  const Z = q(
+  const oe = K(
     () => [
-      oe(y + (r ? a / 2 : 0)),
-      se({ padding: g }),
+      le(C + (i ? a / 2 : 0)),
+      ae({ padding: v }),
       // 必须在 shift 之前：否则 availableHeight 是 shift 推动后的位置算出的（≈整屏），高度约束失效
-      re({
-        padding: g,
-        apply({ availableWidth: e, availableHeight: n, rects: m, elements: s }) {
-          s.floating.style.setProperty(
+      de({
+        padding: v,
+        apply({ availableWidth: e, availableHeight: t, rects: g, elements: c }) {
+          c.floating.style.setProperty(
             "--t-popover-available-width",
             `${Math.max(0, e)}px`
-          ), s.floating.style.setProperty(
+          ), c.floating.style.setProperty(
             "--t-popover-available-height",
-            `${Math.max(0, n)}px`
-          ), s.floating.style.setProperty(
+            `${Math.max(0, t)}px`
+          ), c.floating.style.setProperty(
             "--t-popover-reference-width",
-            `${m.reference.width}px`
+            `${g.reference.width}px`
           );
         }
       }),
-      le({
-        padding: g,
+      ue({
+        padding: v,
         crossAxis: !0,
         mainAxis: !0,
-        limiter: ce()
+        limiter: fe()
       }),
-      ...r ? (
+      ...i ? (
         // floating-ui 的 arrow 中间件按设计就是收一个 ref 对象（它在定位阶段自己读
         // .current），不是我们在渲染期读 ref 的值。没有保留该 API 的改写方式。
         // eslint-disable-next-line react-hooks/refs
-        [ae({ element: i, padding: g })]
+        [me({ element: d, padding: v })]
       ) : [],
-      ie()
+      pe()
     ],
-    [y, r, a, i]
+    [C, i, a, d]
   ), {
-    x: w,
-    y: O,
+    x: V,
+    y: _,
     refs: p,
-    placement: z,
-    middlewareData: U
-  } = de({
-    open: t,
-    strategy: v,
-    placement: pe(Y, H),
-    middleware: Z,
-    whileElementsMounted: ue
-  }), V = z.split("-")[0], ee = q(
+    placement: re,
+    middlewareData: q
+  } = ge({
+    open: o,
+    strategy: h,
+    placement: Ee(ne, X),
+    middleware: oe,
+    whileElementsMounted: ve
+  }), A = re.split("-")[0], se = K(
     () => ({
-      opened: t,
-      setOpen: o,
-      toggle: j,
-      trigger: D,
+      opened: o,
+      setOpen: n,
+      toggle: k,
+      trigger: I,
       disabled: b,
-      id: F,
-      withArrow: r,
+      id: y,
+      withArrow: i,
       arrowSize: a,
-      x: w,
-      y: O,
-      strategy: v,
-      resolvedSide: V,
-      middlewareData: U,
-      hoverTimerRef: T,
-      referenceRef: d,
-      floatingRef: u,
-      arrowRef: i,
+      x: V,
+      y: _,
+      strategy: h,
+      resolvedSide: A,
+      middlewareData: q,
+      scheduleHover: O,
+      cancelHoverTimer: s,
+      referenceRef: u,
+      floatingRef: f,
+      arrowRef: d,
       setReference: p.setReference,
       setFloating: p.setFloating,
       depth: x,
-      registerNestedFloatingElement: k,
-      getFloatingScopeElements: f,
-      initialFocusRef: L,
-      trapFocus: M,
-      preventAutoFocus: S,
-      ariaLabelledby: $
+      registerNestedFloatingElement: U,
+      getFloatingScopeElements: m,
+      initialFocusRef: $,
+      trapFocus: D,
+      preventAutoFocus: G,
+      ariaLabelledby: H
     }),
     [
-      t,
       o,
-      j,
-      D,
+      n,
+      k,
+      I,
       b,
-      F,
-      r,
+      y,
+      i,
       a,
-      w,
-      O,
-      v,
       V,
-      U,
-      T,
-      d,
+      _,
+      h,
+      A,
+      q,
+      O,
+      s,
       u,
-      i,
+      f,
+      d,
       p.setReference,
       p.setFloating,
       x,
-      k,
-      f,
-      L,
-      M,
-      S,
-      $
+      U,
+      m,
+      $,
+      D,
+      G,
+      H
     ]
   );
-  return /* @__PURE__ */ ne(A.Provider, { value: ee, children: B });
+  return /* @__PURE__ */ ie(Q.Provider, { value: se, children: W });
 };
 export {
-  ye as Popover
+  Te as Popover
 };

package/dist/components/popover/popover.types.d.ts

@@ -55,6 +55,18 @@ export interface PopoverProps {
      * @default 'click'
      */
     trigger?: PopoverTrigger;
+    /**
+     * hover 打开延迟（ms），0 表示立即打开。
+     * 仅 `trigger="hover"` 的鼠标移入生效；键盘聚焦始终立即打开。
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * hover 关闭延迟（ms），留出鼠标从触发元素移动到浮层的时间。
+     * 仅 `trigger="hover"` 生效。
+     * @default 100
+     */
+    closeDelay?: number;
     /**
      * 点击外部区域时关闭
      * @default true
@@ -188,7 +200,10 @@ export interface PopoverContextValue {
             escaped?: boolean;
         };
     };
-    hoverTimerRef: React.MutableRefObject<number | undefined>;
+    /** hover 触发的延迟开关调度：同一时刻只保留一个待执行任务，延迟为 0 时同步执行 */
+    scheduleHover: (next: boolean) => void;
+    /** 取消尚未执行的 hover 开关任务 */
+    cancelHoverTimer: () => void;
     referenceRef: React.RefObject<HTMLElement | null>;
     floatingRef: React.RefObject<HTMLDivElement | null>;
     arrowRef: React.RefObject<HTMLDivElement | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wisdomgarden/torque",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Torque Design — Wisdom Garden's base UI component library for React.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",