@t-headless-ui/react 1.1.2 → 1.1.4

package/dist/es/select-input/select-multi-root.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as S } from "react";
+import { InputTag as v } from "../input-tag/index.mjs";
+import { useSelectInnerContext as I } from "./inner-context.mjs";
+import { usePersistCallback as h } from "../hooks/use-persist-callback.mjs";
+const y = ({ children: a, className: s, dataVisible: l }) => {
+  const { inputValue: u, onRemoveCheckedItem: r, readOnly: i, disabled: m, maxTagCount: p, refInput: c, showSearch: d, renderText: b, value: o } = I(), n = h(b), f = (e) => {
+    const t = n(e);
+    return { value: e, label: t.text, disabled: t.disabled };
+  }, x = S(() => o.map((e) => f(e)), [o, n]);
+  return /* @__PURE__ */ g(
+    v.Root,
+    {
+      "data-visible": l,
+      disabled: m,
+      readOnly: i,
+      disableInput: !d,
+      value: x,
+      inputValue: u,
+      maxTagCount: p,
+      ref: c,
+      className: s,
+      onRemove: (e, t, T) => {
+        r == null || r(e, t, T);
+      },
+      children: a
+    }
+  );
+};
+export {
+  y as SelectMultiRoot
+};

package/dist/es/select-input/select-multi-tag.mjs

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { InputTag as e } from "../input-tag/index.mjs";
+const m = ({ renderTag: t }) => /* @__PURE__ */ r(e.Tag, { renderTag: t });
+export {
+  m as SelectMultiTag
+};

package/dist/es/select-input/select-single-input.mjs

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as r, Fragment as a, jsxs as b } from "react/jsx-runtime";
+import { useSelectInnerContext as w } from "./inner-context.mjs";
+import { SearchStatusEnum as x } from "./select-input-root.mjs";
+import { InputComponent as I } from "../input/input.mjs";
+import { fillNBSP as g } from "../utils/fillNBSP.mjs";
+const H = ({ className: p }) => {
+  const {
+    inputValue: u,
+    isEmptyValue: d,
+    placeholder: o,
+    readOnly: c,
+    disabled: m,
+    searchStatus: h,
+    mergedFocused: f,
+    canFocusInput: l,
+    inputEventHandlers: S,
+    refInput: y,
+    value: i = [],
+    renderText: v
+  } = w(), e = i !== void 0 ? v(i).text : "";
+  return /* @__PURE__ */ r(a, { children: (() => {
+    let t;
+    switch (h) {
+      case x.SEARCHING:
+        t = u || "";
+        break;
+      default:
+        t = e;
+        break;
+    }
+    const n = !!(f && l || d), s = l ? {
+      ...S,
+      style: { width: "100%", pointerEvents: "none", outline: "none", backgroundColor: "transparent" },
+      // 搜索态输入文字时的值，focus 的时候的值，如果没选中值，inputValue 是空（每次 focus都是新的开始），所以会显示 placeholder
+      // 如果选中值，inputValue 是空（每次 focus都是新的开始），所以会显示 placeholder
+      // 只有选中后，输入值，才会更新 value
+      value: n && typeof t != "object" ? t : "",
+      // 负责搜索态，focus 的时候的值，如果已经选中了值，就显示选中的值，如果没选中，就本来的 placeholder
+      placeholder: (e || e === 0) && typeof e != "object" ? e : o
+    } : {
+      tabIndex: -1,
+      style: {
+        pointerEvents: "none",
+        width: "100%",
+        outline: "none",
+        backgroundColor: "transparent"
+      },
+      value: "",
+      // 负责非搜索态，显示 placeholder
+      placeholder: o
+    };
+    return /* @__PURE__ */ b(a, { children: [
+      /* @__PURE__ */ r(
+        I,
+        {
+          ...s,
+          className: p,
+          ref: y,
+          readOnly: c,
+          disabled: m,
+          style: n ? s.style : { opacity: 0, position: "absolute", zIndex: -1 }
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          style: n ? { display: "none" } : { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", width: "100%" },
+          children: g(e)
+        }
+      )
+    ] });
+  })() });
+};
+export {
+  H as SelectSingleInput
+};

package/dist/es/toast/toast-container.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as P } from "react/jsx-runtime";
 import { useRef as l, useEffect as k, cloneElement as S } from "react";
-import { useAnimate as g } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/animation/hooks/use-animate.mjs";
-import { usePresence as H } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs";
-import { useTimer as R } from "./hooks/useTimer.mjs";
-import { applyStackVariants as V } from "./utils/applyStackVariants.mjs";
-import { applyDefaultSlide as q } from "./utils/applyDefaultSlide.mjs";
-import { motion as F } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.mjs";
+import { usePresence as g } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs";
+import { useTimer as H } from "./hooks/useTimer.mjs";
+import { applyStackVariants as R } from "./utils/applyStackVariants.mjs";
+import { applyDefaultSlide as V } from "./utils/applyDefaultSlide.mjs";
+import { motion as q } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs";
+import { useAnimate as F } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs";
 const O = (u) => {
   const {
     component: v,
@@ -17,13 +17,13 @@ const O = (u) => {
     stackOffset: T = 8,
     stackExpanded: o = !1,
     direction: p = "top-to-bottom"
-  } = u, f = l(Promise.resolve()), d = l(!0), x = l(!0), [t, a] = g(), [i, h] = H(), { onMouseEnter: b, onMouseLeave: w, percent: M } = R(u), E = !n || e < m, r = n ? V({
+  } = u, f = l(Promise.resolve()), d = l(!0), x = l(!0), [t, a] = F(), [i, h] = g(), { onMouseEnter: b, onMouseLeave: w, percent: M } = H(u), E = !n || e < m, r = n ? R({
     index: e,
     maxVisible: m,
     offset: T,
     expanded: o,
     direction: p
-  }) : q();
+  }) : V();
   return k(() => {
     if (!n) return;
     const s = p === "top-to-bottom";
@@ -42,7 +42,7 @@ const O = (u) => {
       ];
       e === 0 && d.current && (d.current = !1, y.unshift([t.current, r.initial, { duration: 0 }])), await a(y);
     })() : !i && t.current && (async () => (await a(t.current, r.exit, { duration: 0.1 }), h()))();
-  }, [i, t, n, o, e]), k(() => {
+  }, [i, t.current, n, o, e]), k(() => {
     if (!n) {
       if (i && t.current) {
         const s = async () => {
@@ -67,8 +67,8 @@ const O = (u) => {
         f.current = f.current.then(() => s());
       }
     }
-  }, [i, t, n, o, e]), !E && !o ? null : /* @__PURE__ */ P(
-    F.div,
+  }, [i, t.current, n, o, e]), !E && !o ? null : /* @__PURE__ */ P(
+    q.div,
     {
       ref: t,
       layout: !0,

package/dist/es/toast/toast-provider.mjs

@@ -3,8 +3,8 @@ import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useSyncExternalStore as u } from "react";
 import { DIRECTION as m } from "./constants.mjs";
 import { ToastContainer as l } from "./toast-container.mjs";
-import { AnimatePresence as p } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs";
-import { Portal as k } from "../portal/portal.mjs";
+import { Portal as p } from "../portal/portal.mjs";
+import { AnimatePresence as k } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs";
 const O = {
   direction: m.TOP_TO_BOTTOM,
   duration: 3,
@@ -17,7 +17,7 @@ function E(r) {
   }, c = () => {
     t.stack && o(!1);
   };
-  return /* @__PURE__ */ e(k, { attach: t.attach, children: /* @__PURE__ */ e("div", { ...t.containerProps, onMouseEnter: i, onMouseLeave: c, children: /* @__PURE__ */ e(p, { children: n.map((s, f) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(p, { attach: t.attach, children: /* @__PURE__ */ e("div", { ...t.containerProps, onMouseEnter: i, onMouseLeave: c, children: /* @__PURE__ */ e(k, { children: n.map((s, f) => /* @__PURE__ */ e(
     l,
     {
       duration: t.duration,

package/dist/es/toast/utils/applyStackVariants.mjs

@@ -11,7 +11,7 @@ const x = (i) => {
     y: e ? t * a : -t * a,
     scale: 1 - t * 0.05,
     opacity: 1 - t * 0.1
-  }, p = () => e ? -80 : o, l = () => e ? -20 : 20;
+  }, p = () => e ? -o : o, l = () => e ? -20 : 20;
   return {
     initial: {
       opacity: 0,

package/dist/es/utils/can-use-window.mjs

@@ -0,0 +1,7 @@
+function n() {
+  var e;
+  return typeof window < "u" && !!((e = window.document) != null && e.createElement);
+}
+export {
+  n as canUseDom
+};

package/dist/es/utils/debounce.mjs

@@ -0,0 +1,30 @@
+function b(d, f, { signal: l, edges: e } = {}) {
+  let u, t = null;
+  const s = e != null && e.includes("leading"), m = e == null || e.includes("trailing"), o = () => {
+    t !== null && (d.apply(u, t), u = void 0, t = null);
+  }, T = () => {
+    m && o(), c();
+  };
+  let n = null;
+  const a = () => {
+    n != null && clearTimeout(n), n = setTimeout(() => {
+      n = null, T();
+    }, f);
+  }, r = () => {
+    n !== null && (clearTimeout(n), n = null);
+  }, c = () => {
+    r(), u = void 0, t = null;
+  }, h = () => {
+    r(), o();
+  }, i = function(...p) {
+    if (l != null && l.aborted)
+      return;
+    u = this, t = p;
+    const v = n == null;
+    a(), s && v && o();
+  };
+  return i.cancel = c, i.flush = h, l == null || l.addEventListener("abort", c, { once: !0 }), i;
+}
+export {
+  b as debounce
+};

package/dist/es/utils/getHotkeyHandler.mjs

@@ -0,0 +1,25 @@
+const f = (a) => JSON.stringify({
+  code: a.code,
+  ctrl: !!a.ctrl,
+  shift: !!a.shift,
+  alt: !!a.alt,
+  meta: !!a.meta
+});
+function i(a) {
+  const r = {};
+  return a.forEach((t, c) => {
+    c = typeof c == "number" ? { code: c } : c, r[f(c)] = t;
+  }), (t) => {
+    const c = f({
+      code: t.keyCode || t.which,
+      ctrl: !!t.ctrlKey,
+      shift: !!t.shiftKey,
+      alt: !!t.altKey,
+      meta: !!t.metaKey
+    }), o = r[c];
+    o && (t.stopPropagation(), o(t) === !1 && t.preventDefault());
+  };
+}
+export {
+  i as getHotkeyHandler
+};

package/dist/es/utils/is.mjs

@@ -2,26 +2,64 @@ const t = (n) => Object.prototype.toString.call(n).slice(8, -1);
 function i(n) {
   return t(n) === "Array";
 }
-function r(n) {
+function u(n) {
   return t(n) === "Object";
 }
-function o(n) {
+function c(n) {
   return t(n) === "String";
 }
-function e(n) {
+function o(n) {
+  return t(n) === "Number" && n === n;
+}
+function f(n) {
+  return t(n) === "RegExp";
+}
+function s(n) {
+  return t(n) === "File";
+}
+function l(n) {
+  return t(n) === "Blob";
+}
+function p(n) {
   return n === void 0;
 }
-function c(n) {
+function O(n) {
+  return n === null;
+}
+const y = (n) => n == null;
+function g(n) {
   return typeof n == "function";
 }
-function u(n) {
+function b(n) {
+  return u(n) && Object.keys(n).length === 0;
+}
+function d(n) {
+  return i(n) && n.length === 0;
+}
+function a(n) {
   return n && n === n.window;
 }
+function j(n) {
+  if (typeof n != "object" || n === null) return !1;
+  const r = Object.getPrototypeOf(n);
+  if (r === null) return !0;
+  const e = Object.hasOwn(r, "constructor") && r.constructor;
+  return typeof e == "function" && e === Object;
+}
 export {
   i as isArray,
-  c as isFunction,
-  r as isObject,
-  o as isString,
-  e as isUndefined,
-  u as isWindow
+  l as isBlob,
+  d as isEmptyArray,
+  b as isEmptyObject,
+  s as isFile,
+  g as isFunction,
+  O as isNull,
+  y as isNullOrUndefined,
+  o as isNumber,
+  u as isObject,
+  j as isPlainObject,
+  f as isRegExp,
+  c as isString,
+  p as isUndefined,
+  a as isWindow
 };

package/dist/es/utils/keycode.mjs

@@ -0,0 +1,21 @@
+const o = {
+  code: 13
+}, c = {
+  code: 27
+}, e = {
+  code: 8
+}, n = {
+  code: 9
+}, s = {
+  code: 38
+}, t = {
+  code: 40
+};
+export {
+  t as ArrowDown,
+  s as ArrowUp,
+  e as Backspace,
+  o as Enter,
+  c as Esc,
+  n as Tab
+};

package/dist/es/utils/omit.mjs

@@ -0,0 +1,11 @@
+function c(t, e) {
+  const n = {
+    ...t
+  };
+  return e.forEach((o) => {
+    o in n && delete n[o];
+  }), n;
+}
+export {
+  c as omit
+};

package/dist/es/utils/throttle.mjs

@@ -1,14 +1,22 @@
-function o(e, n) {
+function i(e, l) {
   let t = null;
-  const l = (...i) => {
+  const n = (...o) => {
     t || (t = setTimeout(() => {
-      t = null, e(...i);
-    }, n));
+      t = null, e(...o);
+    }, l));
   };
-  return l.cancel = () => {
+  return n.cancel = () => {
     t && (clearTimeout(t), t = null);
-  }, l;
+  }, n;
+}
+function u(e, l) {
+  let t = 0;
+  return (...o) => {
+    const r = Date.now();
+    r - t > l && (e(...o), t = r);
+  };
 }
 export {
-  o as trailingThrottle
+  u as leadingThrottle,
+  i as trailingThrottle
 };

package/dist/es/vertical-menu/vertical-sub-menu-list.mjs

@@ -2,8 +2,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m, useContext as h } from "react";
 import { SubMenuContext as s } from "./sub-menu-context.mjs";
-import { AnimatePresence as a } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs";
-import { motion as r } from "../node_modules/.pnpm/motion@12.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.mjs";
+import { AnimatePresence as a } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs";
+import { motion as r } from "../node_modules/.pnpm/framer-motion@12.31.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs";
 const f = {
   overflow: "hidden"
 }, x = m(

package/dist/types/anchor/interface.d.ts

@@ -1,8 +1,18 @@
-import { default as React, HTMLAttributes } from 'react';
+import { CSSProperties, HTMLAttributes } from 'react';
 /**
- * @title Anchor
+ * @title Anchor.Root Props
  */
 export interface AnchorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * @zh 节点样式
+     * @en Custom style
+     */
+    style?: CSSProperties;
+    /**
+     * @zh 节点类名
+     * @en Custom class name
+     */
+    className?: string;
     /**
      * @zh 滚动容器。传入选择器或者dom元素。
      * @en Scrolling container. Pass in selector or DOM Element
@@ -33,15 +43,32 @@ export interface AnchorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
     /**
      * @zh 是否关闭初始化 anchor 定位功能，如果关闭 queryKey 会失效
      * @en Whether to close the initialization of anchor positioning，if closed, queryKey will be invalid
-     * @default false
+     * @default true
      */
     isCloseInitAnchor?: boolean;
 }
 /**
- * @title Anchor.Link
+ * @title Anchor.Link Props
  */
 export interface AnchorLinkProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * @zh 节点样式
+     * @en Custom style
+     */
+    style?: CSSProperties;
+    /**
+     * @zh 节点类名
+     * @en Custom class name
+     */
+    className?: string;
+    /**
+     * @zh 目标锚点 id
+     * @en Target anchor id
+     */
     targetId: string;
+    /**
+     * @zh 激活时的类名
+     * @en Class name when active
+     */
     activeClassName?: string;
-    className?: string;
 }

package/dist/types/anchor/store.d.ts

@@ -12,7 +12,6 @@ export declare function useStore({ propScrollContainer, onChange, offset, queryK
     currentId: string;
     onLinkClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, targetId: string) => void;
     wrapperRef: React.RefObject<HTMLDivElement>;
-    scrollContainer: React.RefObject<HTMLElement | Window>;
     linkMap: React.RefObject<Map<string, HTMLElement>>;
 };
 export {};

package/dist/types/checkbox/checkboxGroupContext.d.ts

@@ -0,0 +1,10 @@
+export interface CheckboxGroupContextProps {
+    disabled?: boolean;
+    readonly?: boolean;
+    isCheckboxGroup: boolean;
+    onGroupChange: (_optionValue: any, _checked: boolean, e: Event) => void;
+    checkboxGroupValue: (string | number)[];
+    registerValue: (value: string | number) => void;
+    unRegisterValue: (value: string | number) => void;
+}
+export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextProps>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { CheckboxProps } from '../interface';
+export declare function Checkbox<T extends string | number>(props: CheckboxProps<T>): React.JSX.Element;

package/dist/types/checkbox/components/context.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxContextValue {
+    checked?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    indeterminate?: boolean;
+}
+export declare const CheckboxContext: import('react').Context<CheckboxContextValue>;

package/dist/types/checkbox/components/group.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { CheckboxGroupProps } from '../interface';
+export declare function Group(props: CheckboxGroupProps): React.JSX.Element;

package/dist/types/checkbox/components/icon-check.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default function IconCheck({ className }: {
+    className: any;
+}): React.JSX.Element;

package/dist/types/checkbox/components/index.d.ts

@@ -0,0 +1,10 @@
+import { Group } from './group';
+import { Checkbox as InnerCheckbox } from './checkbox';
+import { default as IconCheck } from './icon-check';
+declare const Checkbox: {
+    CheckboxContext: import('react').Context<import('./context').CheckboxContextValue>;
+    Root: typeof InnerCheckbox;
+    IconCheck: typeof IconCheck;
+    Group: typeof Group;
+};
+export { Checkbox };

package/dist/types/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './interface';

package/dist/types/checkbox/interface.d.ts

@@ -0,0 +1,76 @@
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+/**
+ * @title Checkbox
+ * @zh `T = string | number`
+ * @en `T = string | number`
+ */
+export interface CheckboxProps<T = any> extends Omit<React.HTMLAttributes<HTMLLabelElement>, 'children' | 'onChange'> {
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled?: boolean;
+    /**
+     * @zh 是否选中
+     * @en Whether the checkbox is checked
+     */
+    checked?: boolean;
+    /**
+     * @zh 默认是否选中
+     * @en To set default checked
+     */
+    defaultChecked?: boolean;
+    /**
+     * @zh 半选状态
+     * @en The indeterminate state of checkbox
+     */
+    indeterminate?: boolean;
+    /**
+     * @zh 点击复选框的回调
+     * @en Callback when the state changes
+     */
+    onChange?: (checked: boolean, e: Event) => void;
+    /**
+     * @zh 复选框的 value 属性
+     * @en To set checkbox value
+     */
+    value?: T;
+    onGroupChange?: (value: T, checked: boolean) => void;
+    children?: ReactNode;
+    /**
+     * @zh 是否只读
+     * @en Whether the radio is readonly
+     */
+    readonly?: boolean;
+}
+/**
+ * @title Checkbox.Group
+ */
+export interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
+    /**
+     * @zh 整组失效
+     * @en Whether to disable all checkboxes in the group
+     */
+    disabled?: boolean;
+    /**
+     * @zh 默认选中的选项
+     * @en Initial selected value
+     */
+    defaultValue?: any[];
+    /**
+     * @zh 选中的选项（受控模式）
+     * @en To set value
+     */
+    value?: any[];
+    /**
+     * @zh 变化时的回调函数
+     * @en Callback when the state changes
+     */
+    onChange?: (value: any[], e: Event) => void;
+    /**
+     * @zh 是否只读
+     * @en Whether the radio group is readonly
+     */
+    readonly?: boolean;
+    children: ReactNode;
+}