@wisdomgarden/torque 0.1.2 → 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;