@t-headless-ui/react 1.1.2 → 1.1.3

package/dist/es/popover/popover.mjs

@@ -1,46 +1,63 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useRef as u, useState as x } from "react";
-import { PopupContext as y } from "./root-context.mjs";
-import { useTrigger as E } from "./hooks/useTrigger.mjs";
-import { usePopper as T } from "../use-popper/use-popper.mjs";
-import { useMergeValue as V } from "../hooks/use-merge-value.mjs";
-import { getRefDom as j } from "./utils/getRefDom.mjs";
-const A = {
+import { jsx as E } from "react/jsx-runtime";
+import { forwardRef as O, useRef as f, useState as T, useImperativeHandle as V } from "react";
+import { PopupContext as j } from "./root-context.mjs";
+import { useTrigger as A } from "./hooks/useTrigger.mjs";
+import { usePopper as H } from "../use-popper/use-popper.mjs";
+import { useMergeValue as I } from "../hooks/use-merge-value.mjs";
+import { getRefDom as M } from "./utils/getRefDom.mjs";
+const N = {
   placement: "top",
   trigger: "hover",
   strategy: "absolute",
   offsetSkidding: 0,
   offsetDistance: 0
-}, H = (a) => {
+}, L = O((p, g) => {
   const e = {
-    ...A,
-    ...a
-  }, { trigger: g, placement: i, disabled: m, offsetSkidding: c, offsetDistance: d, strategy: v, children: P } = e, [o, b] = V(!1, {
+    ...N,
+    ...p
+  }, { trigger: m, placement: i, disabled: d, readOnly: c, offsetSkidding: v, offsetDistance: P, strategy: b, children: h, destroyOnClose: C = !0 } = e, [o, R] = I(!1, {
     value: e.visible,
     defaultValue: !1
-  }), h = u(!0), C = (t, f) => {
-    var l, p;
-    b(t), e.visible === void 0 && o !== t && ((l = e.onVisibleChange) == null || l.call(e, t, f)), e.visible !== void 0 && e.visible !== t && ((p = e.onVisibleChange) == null || p.call(e, t, f));
-  }, [r, R] = x(null), s = u(null), { getTriggerNode: D, getPopupProps: S, triggerRef: n } = E({
-    disabled: m,
-    trigger: g,
+  }), y = f(!0), D = (t, a) => {
+    var l, u;
+    R(t), e.visible === void 0 && o !== t && ((l = e.onVisibleChange) == null || l.call(e, t, a)), e.visible !== void 0 && e.visible !== t && ((u = e.onVisibleChange) == null || u.call(e, t, a));
+  }, [s, S] = T(null), r = f(null), { getTriggerNode: k, getPopupProps: x, triggerRef: n } = A({
+    disabled: d,
+    readOnly: c,
+    trigger: m,
     visible: o,
-    setVisibleChange: C
+    setVisibleChange: D
   });
-  return s.current = T(j(n), r, {
+  return r.current = H(M(n), s, {
     placement: i,
-    strategy: v,
-    offsetSkidding: c,
-    offsetDistance: d
-  }), /* @__PURE__ */ k(
-    y.Provider,
+    strategy: b,
+    offsetSkidding: v,
+    offsetDistance: P
+  }), V(g, () => {
+    var t;
+    return {
+      update: (t = r.current) == null ? void 0 : t.update
+    };
+  }), /* @__PURE__ */ E(
+    j.Provider,
     {
-      value: { getTriggerNode: D, getPopupProps: S, triggerRef: n, popperRef: s, setPopupElement: R, visible: o, placement: i, popupElement: r, isAnimated: h },
-      children: P
+      value: {
+        getTriggerNode: k,
+        getPopupProps: x,
+        triggerRef: n,
+        popperRef: r,
+        setPopupElement: S,
+        visible: o,
+        placement: i,
+        popupElement: s,
+        isAnimated: y,
+        destroyOnClose: C
+      },
+      children: h
     }
   );
-};
+});
 export {
-  H as Popup
+  L as Popup
 };

package/dist/es/popover/trigger.mjs

@@ -9,7 +9,7 @@ const T = (i) => {
   return t.current = r, l(x(m), () => {
     var e, o;
     !t.current || !u.current || (o = (e = p.current) == null ? void 0 : e.update) == null || o.call(e);
-  }), /* @__PURE__ */ c(f, { children: s(n, r) });
+  }), /* @__PURE__ */ c(f, { children: s(n) });
 };
 export {
   T as Trigger

package/dist/es/popover/utils/applyPopupSlide.mjs

@@ -1,65 +1,64 @@
-function i(t) {
+const i = {
+  duration: 0.2
+};
+function o(t) {
   if (t === "top" || t === "top-end" || t === "top-start")
     return {
       initial: {
-        opacity: 0,
-        y: 10
+        opacity: 0
       },
       animate: {
         opacity: 1,
-        y: 0
+        transition: i
       },
       exit: {
         opacity: 0,
-        y: -10
+        transition: i
       }
     };
   if (t === "bottom" || t === "bottom-end" || t === "bottom-start")
     return {
       initial: {
-        opacity: 0,
-        y: -10
+        opacity: 0
       },
       animate: {
         opacity: 1,
-        y: 0
+        transition: i
       },
       exit: {
         opacity: 0,
-        y: 10
+        transition: i
       }
     };
   if (t === "left" || t === "left-end" || t === "left-start")
     return {
       initial: {
-        opacity: 0,
-        x: 10
+        opacity: 0
       },
       animate: {
         opacity: 1,
-        x: 0
+        transition: i
       },
       exit: {
         opacity: 0,
-        x: -10
+        transition: i
       }
     };
   if (t === "right" || t === "right-end" || t === "right-start")
     return {
       initial: {
-        opacity: 0,
-        x: -10
+        opacity: 0
       },
       animate: {
         opacity: 1,
-        x: 0
+        transition: i
       },
       exit: {
         opacity: 0,
-        x: 10
+        transition: i
       }
     };
 }
 export {
-  i as applyPopupSlide
+  o as applyPopupSlide
 };

package/dist/es/radio/components/context.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { createContext as e } from "react";
+const o = e({
+  // 默认值便于消费端做兜底 UI
+  checked: !1
+});
+export {
+  o as RadioContext
+};

package/dist/es/radio/components/group.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { RadioGroupContext as s } from "../radioContext.mjs";
+import { useMergeValue as V } from "../../hooks/use-merge-value.mjs";
+function C(e) {
+  const { name: t, children: i, type: l = "radio", disabled: n, readonly: d, onChange: o, ...f } = e, [u, m] = V(void 0, {
+    defaultValue: e.defaultValue,
+    value: e.value
+  }), c = (r, v) => {
+    r !== u && ("value" in e || m(r), o == null || o(r, v));
+  };
+  return /* @__PURE__ */ a("div", { role: "radiogroup", ...f, children: /* @__PURE__ */ a(
+    s.Provider,
+    {
+      value: {
+        onChangeValue: c,
+        type: l,
+        value: u,
+        disabled: n,
+        readonly: d,
+        group: !0,
+        name: t
+      },
+      children: i
+    }
+  ) });
+}
+export {
+  C as RadioGroup
+};

package/dist/es/radio/components/index.mjs

@@ -0,0 +1,11 @@
+import { RadioContext as o } from "./context.mjs";
+import { RadioGroup as r } from "./group.mjs";
+import { Radio as i } from "./radio.mjs";
+const p = {
+  RadioContext: o,
+  Root: i,
+  Group: r
+};
+export {
+  p as Radio
+};

package/dist/es/radio/components/radio.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { useContext as b, useRef as v } from "react";
+import { RadioGroupContext as P } from "../radioContext.mjs";
+import { RadioContext as R } from "./context.mjs";
+import { getMergeProps as y } from "../utils/getMergeProps.mjs";
+import { useMergeValue as x } from "../../hooks/use-merge-value.mjs";
+function q(c) {
+  const o = b(P), d = y({ props: c, context: o }), { disabled: i, readonly: a, children: f, value: u, checked: p, onChange: l, ...r } = d, h = v(null), [n, m] = x(!1, {
+    value: p,
+    defaultValue: d.defaultChecked
+  }), k = (e) => {
+    var t;
+    e.persist(), e.stopPropagation(), !(i || a) && (o.group ? (t = o == null ? void 0 : o.onChangeValue) == null || t.call(o, u, e) : !("checked" in c) && !n && m(!0), n || l == null || l(!0, e));
+  }, C = function(e) {
+    var t;
+    if (i || a) {
+      e.preventDefault();
+      return;
+    }
+    (t = r == null ? void 0 : r.onClick) == null || t.call(r, e);
+  };
+  return /* @__PURE__ */ s(R.Provider, { value: { checked: n, disabled: i, readonly: a }, children: /* @__PURE__ */ g("label", { ...r, onClick: C, "aria-disabled": !!i, "aria-readonly": !!a, "aria-checked": !!n, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: h,
+        disabled: !!i,
+        value: u,
+        type: "radio",
+        checked: !!n,
+        onChange: k,
+        onClick: (e) => {
+          e.stopPropagation();
+        },
+        "aria-readonly": !!a
+      }
+    ),
+    f
+  ] }) });
+}
+export {
+  q as Radio
+};

package/dist/es/radio/radioContext.mjs

@@ -0,0 +1,7 @@
+import { createContext as t } from "react";
+const o = {
+  type: "radio"
+}, r = t(o);
+export {
+  r as RadioGroupContext
+};

package/dist/es/radio/utils/getMergeProps.mjs

@@ -0,0 +1,7 @@
+function l({ props: e, context: d }) {
+  const a = { ...e };
+  return d.group && (a.checked = d.value === e.value, a.disabled = !!(d.disabled || e.disabled), a.readonly = !!(d.readonly || e.readonly)), a;
+}
+export {
+  l as getMergeProps
+};

package/dist/es/select/components/select-affix.mjs

@@ -0,0 +1,23 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useSelectInnerContext as u } from "../inner-context.mjs";
+function b({ children: n, ...o }) {
+  const { readOnly: d, disabled: e, popupVisible: l } = u();
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      "aria-hidden": "true",
+      "aria-disabled": !!e,
+      "aria-readonly": !!d,
+      "data-visible": l,
+      ...o,
+      onMouseDown: (i) => {
+        var a;
+        i.stopPropagation(), (a = o == null ? void 0 : o.onMouseDown) == null || a.call(o, i);
+      },
+      children: n
+    }
+  );
+}
+export {
+  b as SelectAffix
+};

package/dist/es/select/components/select-clear.mjs

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useSelectInnerContext as f } from "../inner-context.mjs";
+function m({ children: p, ...i }) {
+  const { readOnly: a, disabled: u, popupVisible: r, handleClearClick: c, value: o, isMultipleMode: d } = f();
+  return u || a || d && Array.isArray(o) && o.length === 0 || !d && !o ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      "aria-disabled": !!u,
+      "aria-readonly": !!a,
+      "data-visible": r,
+      ...i,
+      onMouseDown: (l) => {
+        var n;
+        l.stopPropagation(), (n = i == null ? void 0 : i.onMouseDown) == null || n.call(i, l);
+      },
+      onClick: (l) => {
+        var n;
+        c(l), (n = i == null ? void 0 : i.onClick) == null || n.call(i, l);
+      },
+      children: p
+    }
+  );
+}
+export {
+  m as SelectClear
+};

package/dist/es/select/components/select-content.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { Popover as m } from "../../popover/index.mjs";
+import { useSelectInnerContext as f } from "../inner-context.mjs";
+function a({ className: r, attach: i, children: u, style: d, wrapperClassName: s }) {
+  const { hotkeyHandler: c, refSelectView: o, setValueActive: l } = f();
+  return /* @__PURE__ */ n(
+    m.Content,
+    {
+      attach: i,
+      getStyle: () => {
+        var e, t;
+        return { width: (t = (e = o == null ? void 0 : o.current) == null ? void 0 : e.dom) == null ? void 0 : t.offsetWidth, boxSizing: "border-box" };
+      },
+      wrapperClassName: s,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: r,
+          style: d,
+          onKeyDown: c,
+          onMouseDown: (e) => {
+            e.preventDefault();
+          },
+          onMouseLeave: () => l(void 0),
+          children: u
+        }
+      )
+    }
+  );
+}
+export {
+  a as SelectContent
+};

package/dist/es/select/components/select-empty.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+import { useSelectInnerContext as l } from "../inner-context.mjs";
+function m({ children: t, ...n }) {
+  const {
+    childrenList: r
+    // 这是经过 filterOption 筛选后的列表
+  } = l();
+  return /* @__PURE__ */ e(i, { children: r.length > 0 ? null : /* @__PURE__ */ e("div", { ...n, children: t }) });
+}
+export {
+  m as SelectEmpty
+};

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

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useSelectInnerContext as p } from "../inner-context.mjs";
+import { SelectMultiRoot as r } from "../../select-input/select-multi-root.mjs";
+import { SelectSingleInput as l } from "../../select-input/select-single-input.mjs";
+const S = ({ className: t, children: o }) => {
+  const { isMultipleMode: i, popupVisible: n } = p();
+  return i ? /* @__PURE__ */ e(r, { className: t, dataVisible: n, children: o }) : /* @__PURE__ */ e(l, { className: t });
+};
+export {
+  S as SelectInputComponent
+};

package/dist/es/select/components/select-list.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as r, Fragment as i } from "react/jsx-runtime";
+import { useSelectInnerContext as c } from "../inner-context.mjs";
+function s({ children: t }) {
+  const {
+    childrenList: e
+    // 这是经过 filterOption 筛选后的列表
+  } = c();
+  return /* @__PURE__ */ r(i, { children: e.length > 0 ? e.map((n, o) => typeof t == "function" ? t(n, o) : t) : null });
+}
+export {
+  s as SelectList
+};

package/dist/es/select/components/select-option.mjs

@@ -0,0 +1,25 @@
+import { jsx as C } from "react/jsx-runtime";
+import { useSelectInnerContext as f } from "../inner-context.mjs";
+function A({ item: l, children: c, activeClassName: a, ...e }) {
+  const { isMultipleMode: i, handleOptionClick: u, selectedValue: o, valueActive: v, setValueActive: d } = f(), t = i ? o.indexOf(l.value) !== -1 : o === l.value, p = l.value === v;
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      role: "option",
+      "aria-selected": t,
+      ...e,
+      className: `${e.className || ""} ${p ? a : ""}`,
+      onClick: (s) => {
+        var n;
+        u(l.value, l.disabled), (n = e == null ? void 0 : e.onClick) == null || n.call(e, s);
+      },
+      onMouseEnter: () => {
+        d(l.value);
+      },
+      children: c
+    }
+  );
+}
+export {
+  A as SelectOption
+};