@unicom-cloud/ui 0.8.150 → 0.8.152

package/trigger/index.js

@@ -1,622 +1,8 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as P, jsxs as De } from "react/jsx-runtime";
-import { CSSTransition as ao } from "@unicom-cloud/ui-common/transition-group";
-import { forwardRef as po, useContext as fo, useRef as L, useState as mo, Children as xe, useCallback as Se, cloneElement as Me, useImperativeHandle as go, useLayoutEffect as yo, useEffect as v, Fragment as Co } from "react";
-import { createPortal as To } from "react-dom";
-import "../config-provider/ConfigProvider.js";
-import G from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import Po from "@unicom-cloud/ui-common/utils/callbackOriginRef";
-import F from "@unicom-cloud/ui-common/utils/className";
-import { on as J, off as Z, getScrollElements as Eo, contains as ve } from "@unicom-cloud/ui-common/utils/dom";
-import ho from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isBoolean as wo, isExist as Do, isPlainObject as ee, isArray as be, isString as xo, isFunction as b, isScrollElement as So } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as _e } from "@unicom-cloud/utils/constant/keyboardCode";
-import Mo from "@unicom-cloud/ui-common/utils/mergeProps";
-import { pickDataAttributes as vo } from "@unicom-cloud/ui-common/utils/pick";
-import { supportRef as bo, getReactElementRef as _o } from "@unicom-cloud/ui-common/utils/ref";
-import $e from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import $o, { getBoundingClientRect as ko } from "./getPopupStyle.js";
-import Oo from "../config-provider/context.js";
-function No(f, _) {
-  if (!f)
-    return {};
-  const { width: E, height: d, left: T, right: z } = ko(f, _);
-  return {
-    width: E,
-    height: d,
-    left: T,
-    right: z
-  };
-}
-const tt = [
-  "onClick",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onMouseMove",
-  "onFocus",
-  "onBlur",
-  "onContextMenu",
-  "onKeyDown"
-];
-function Ho(f, _) {
-  const E = {}, d = { ...f };
-  return _.forEach((T) => {
-    f && T in f && (E[T] = f[T], delete d[T]);
-  }), { picked: E, omitted: d };
-}
-function Lo(f, _) {
-  const E = fo(Oo), {
-    prefixCls: d,
-    getPrefixCls: T,
-    zIndex: z,
-    rtl: ke,
-    componentConfig: A
-  } = E, Oe = {
-    blurToHide: !0,
-    // clickToClose: true,
-    classNames: `${d}-fade-in`,
-    trigger: "hover",
-    position: "bottom",
-    duration: 200,
-    unmountOnExit: !0,
-    popupAlign: {},
-    popupHoverStay: !0,
-    clickOutsideToClose: !0,
-    escToClose: !1,
-    mouseLeaveToClose: !0,
-    containerScrollToClose: !1,
-    getDocument: () => window.document,
-    autoFixPosition: !0,
-    mouseEnterDelay: 100,
-    mouseLeaveDelay: 100,
-    autoFitPosition: !0,
-    updateOnScroll: !0
-  }, l = s(f), oe = l.getPopupContainer || E.getPopupContainer, {
-    children: Ne,
-    style: te,
-    className: He,
-    arrowProps: Le,
-    disabled: x,
-    popup: Ie,
-    classNames: Y,
-    duration: Be,
-    unmountOnExit: ne,
-    alignPoint: Ve,
-    autoAlignPopupWidth: Re,
-    position: Fe,
-    childrenPrefix: h,
-    showArrow: ze,
-    popupStyle: re,
-    __onExit: Ae,
-    __onExited: Ye,
-    arrow: Ke
-  } = l;
-  let m = Ke || ze || Le;
-  wo(m) && (m = m ? {} : null);
-  const ie = "popupVisible" in l, Qe = "defaultPopupVisible" in l, se = Do(Ne), a = L(null), $ = L(null), le = L(null), ue = L(null), t = L({
-    rootElement: null,
-    triggerDestoried: !1,
-    // 标志 popup 是否被销毁
-    realPosition: null,
-    // popup 真正出现的位置
-    arrowStyle: null,
-    // arrow 箭头的位置
-    mousedownToHide: !1,
-    // if mousedown to hide popup, ignore onFocus
-    hasPopupMouseDown: !1,
-    mouseLocation: {
-      clientX: 0,
-      clientY: 0
-    },
-    // 保存鼠标的位置
-    childrenDomSize: {},
-    scrollElements: null,
-    // 保存当前节点到弹出容器间的所有滚动元素
-    delayTimeoutID: -1,
-    updatePositionTimeoutID: -1,
-    children: null
-  });
-  t.current.rootElement = ce();
-  const [K, k] = mo({ popupVisible: !1, popupStyle: {} }), Q = l.popupVisible, We = K.popupVisible, i = Q ?? We, u = {}, W = {
-    onMouseDown() {
-      t.current.hasPopupMouseDown = !0, setTimeout(() => {
-        t.current.hasPopupMouseDown = !1;
-      }, 0);
-    }
-  };
-  H() && !x ? (u.onMouseEnter = Ze, u.onMouseLeave = Te, j() && (u.onClick = Pe), Ve && (u.onMouseMove = eo), je() || (W.onMouseEnter = oo, W.onMouseLeave = to)) : (u.onMouseEnter = D("onMouseEnter"), u.onMouseLeave = D("onMouseLeave")), pe() && !x ? (u.onContextMenu = no, u.onClick = Pe) : u.onContextMenu = D("onContextMenu"), ae() && !x ? u.onClick = ro : u.onClick = u.onClick || D("onClick"), U() && !x ? (u.onFocus = io, fe() && (u.onBlur = so)) : (u.onFocus = D("onFocus"), u.onBlur = D("onBlur")), x ? u.onKeyDown = D("onKeyDown") : u.onKeyDown = Ge;
-  const O = B(), N = xe.only(Ie?.());
-  O.props.className && (u.className = O.props.className), h && i && (u.className = F(
-    u.className,
-    `${h}-open`
-  )), U() && (u.tabIndex = x ? -1 : 0);
-  const S = T?.("trigger"), Xe = F(
-    A?.Trigger?.className,
-    S,
-    h,
-    `${S}-position-${Fe}`,
-    { [`${S}-rtl`]: ke },
-    He
-  );
-  function s(e) {
-    return Mo(
-      ee(e) ? e : f,
-      Oe,
-      A?.Trigger ?? {},
-      be(e) ? e : void 0
-    );
-  }
-  function ce() {
-    const e = l.getRootElement?.() || t.current.children;
-    return ho(e);
-  }
-  const X = Se(
-    $e(() => {
-      M();
-    }),
-    [i]
-  );
-  function ae() {
-    const { trigger: e } = s(["trigger"]);
-    return [].concat(e).includes("click");
-  }
-  function U() {
-    const { trigger: e } = s(["trigger"]);
-    return [].concat(e).includes("focus");
-  }
-  function H() {
-    const { trigger: e } = s(["trigger"]);
-    return [].concat(e).includes("hover");
-  }
-  function pe() {
-    const { trigger: e } = s(["trigger"]);
-    return [].concat(e).includes("contextMenu");
-  }
-  function Ue() {
-    return H() && s(["mouseLeaveToClose"]).mouseLeaveToClose;
-  }
-  function je() {
-    return H() && !s(["popupHoverStay"]).popupHoverStay;
-  }
-  function j() {
-    if (ae() || pe()) {
-      const { clickToClose: e = !0 } = s(["clickToClose"]);
-      return e;
-    }
-    return H() && l.clickToClose;
-  }
-  function fe() {
-    return U() && s(["blurToHide"]).blurToHide;
-  }
-  function qe() {
-    t.current.updatePositionTimeoutID && (t.current.updatePositionTimeoutID.cancel ? t.current.updatePositionTimeoutID.cancel() : (window.clearTimeout(t.current.updatePositionTimeoutID), t.current.updatePositionTimeoutID = null)), w();
-  }
-  function de(e) {
-    const o = a.current;
-    if (!o)
-      return {};
-    const { classNames: n } = s(["classNames"]);
-    let r = !!m && t.current.arrowStyle?.top || 0, c = !!m && t.current.arrowStyle?.left || 0;
-    r = r ? `${r}px` : "", c = c ? `${c}px` : "";
-    const g = {
-      top: `${c || "50%"} 100% 0`,
-      tl: `${c || "15px"} 100% 0`,
-      tr: `${c || `${o.clientWidth - 15}px`} 100% 0`,
-      bottom: `${c || "50%"} 0 0`,
-      bl: `${c || "15px"} 0 0`,
-      br: `${c || `${o.clientWidth - 15}px`} 0 0`,
-      left: `100% ${r || "50%"} 0`,
-      lt: `100% ${r || "15px"} 0`,
-      lb: `100% ${r || `${o.clientHeight - 15}px`} 0`,
-      right: `0 ${r || "50%"} 0`,
-      rt: `0 ${r || "15px"} 0`,
-      rb: `0 ${r || `${o.clientHeight - 15}px`} 0`
-    };
-    if (n && n.includes("zoom"))
-      return {
-        transformOrigin: g[e]
-      };
-    if (n === `${d}-slide-dynamic-origin`) {
-      let R = "0% 0%";
-      return ["top", "tl", "tr"].includes(e) && (R = "100% 100%"), {
-        transformOrigin: R
-      };
-    }
-    return {};
-  }
-  function me() {
-    if (s(["classNames"]).classNames !== `${d}-slide-dynamic-origin`)
-      return "";
-    switch (t.current.realPosition) {
-      case "bottom":
-      case "bl":
-      case "br":
-        return "scaleY(0.9) translateY(-4px)";
-      case "top":
-      case "tl":
-      case "tr":
-        return "scaleY(0.9) translateY(4px)";
-      default:
-        return "";
-    }
-  }
-  function ge() {
-    if (!$.current) return {};
-    const e = a.current, o = t.current.rootElement;
-    if (!o?.offsetParent && !o?.getClientRects()?.length)
-      return K.popupStyle;
-    const { style: n, arrowStyle: r, realPosition: c } = $o(
-      { ...l, arrow: m },
-      e,
-      o,
-      $.current,
-      t.current.mouseLocation
-    );
-    t.current.arrowStyle = r || {};
-    const g = c || l.position;
-    return t.current.realPosition = g, {
-      ...n,
-      ...de(g)
-    };
-  }
-  function y(e) {
-    const o = ge();
-    k((n) => {
-      const r = { ...n };
-      return r.popupStyle = o, r;
-    }), b(e) && setTimeout(() => {
-      e();
-    }, 27);
-  }
-  const I = Se($e(y), [
-    i
-  ]);
-  function M(e = 0, o) {
-    i && (e < 4 ? t.current.updatePositionTimeoutID = I(o) : t.current.updatePositionTimeoutID = window.setTimeout(() => {
-      y(o);
-    }, e));
-  }
-  function p(e, o = 0, n) {
-    const r = s(["onVisibleChange", "popupVisible"]);
-    e !== i ? ye(o, () => {
-      r.onVisibleChange?.(e), ie ? n?.() : (k((c) => {
-        const g = { ...c };
-        return g.popupVisible = !!e, g;
-      }), setTimeout(e ? () => {
-        y(n);
-      } : () => {
-        n?.();
-      }, 0));
-    }) : n?.();
-  }
-  function ye(e, o) {
-    e ? (w(), t.current.delayTimeoutID = setTimeout(() => {
-      o(), w();
-    }, e)) : o();
-  }
-  function w() {
-    t.current.delayTimeoutID && (clearTimeout(t.current.delayTimeoutID), t.current.delayTimeoutID = null);
-  }
-  function Ce(e) {
-    const o = s(["onClickOutside", "clickOutsideToClose"]);
-    let n = ve(a.current, e.target);
-    n ||= ve(t.current.rootElement, e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (fe() || H() || p(!1)));
-  }
-  function Ge(e) {
-    const o = e.key;
-    C("onKeyDown", e), o === _e.key && Je(e);
-  }
-  function Je(e) {
-    const { escToClose: o } = s(["escToClose"]);
-    o && e && e.key === _e.key && i && p(!1);
-  }
-  function Ze(e) {
-    const { mouseEnterDelay: o } = s(["mouseEnterDelay"]);
-    C("onMouseEnter", e), w(), p(!0, o || 0);
-  }
-  function eo(e) {
-    C("onMouseMove", e), q(e), i && I();
-  }
-  function Te(e) {
-    const { mouseLeaveDelay: o } = s(["mouseLeaveDelay"]);
-    w(), C("onMouseLeave", e), Ue() && i && p(!1, o || 0);
-  }
-  function oo() {
-    w();
-  }
-  function to(e) {
-    Te(e);
-  }
-  function q(e) {
-    s(["alignPoint"]).alignPoint && (t.current.mouseLocation = {
-      clientX: e.clientX,
-      clientY: e.clientY
-    });
-  }
-  function no(e) {
-    e.preventDefault(), C("onContextMenu", e), q(e), i ? s(["alignPoint"]).alignPoint && I() : p(!0, 0);
-  }
-  function Pe(e) {
-    i && (t.current.mousedownToHide = !0), C("onClick", e), j() && i && p(!i, 0);
-  }
-  function ro(e) {
-    i && (t.current.mousedownToHide = !0), C("onClick", e), q(e), !(!j() && i) && p(!i, 0);
-  }
-  function io(e) {
-    const { focusDelay: o } = s(["focusDelay"]), n = () => {
-      C("onFocus", e);
-    };
-    w(), t.current.mousedownToHide || (i ? n?.() : p(!0, o || 0, n)), t.current.mousedownToHide = !1;
-  }
-  function so(e) {
-    p(!1, 200, () => C("onBlur", e));
-  }
-  function Ee(e) {
-    i && s(["autoFixPosition"]).autoFixPosition && M();
-  }
-  function B() {
-    const { children: e } = l, o = e, n = o && !xo(o) && o.type;
-    let r = e;
-    if (["string", "number"].includes(typeof e) || xe.count(e) > 1)
-      r = /* @__PURE__ */ P("span", { children: e });
-    else if (o && n && (n === "button" || [
-      n.___PQB_BUTTON___,
-      n.___PQB_CHECKBOX___,
-      n.___PQB_SWITCH___,
-      n.___PQB_RADIO___
-    ].some((c, g, R) => c === !0)) && o.props.disabled) {
-      const { picked: c, omitted: g } = Ho(o.props.style, [
-        "position",
-        "left",
-        "right",
-        "top",
-        "bottom",
-        "float",
-        "display",
-        "zIndex"
-      ]);
-      r = /* @__PURE__ */ P(
-        "span",
-        {
-          className: o.props?.className,
-          style: { display: "inline-block", ...c, cursor: "not-allowed" },
-          children: Me(o, {
-            style: {
-              ...g,
-              pointerEvents: "none"
-            },
-            className: void 0
-          })
-        }
-      );
-    }
-    return r || /* @__PURE__ */ P("span", {});
-  }
-  function C(e, o) {
-    const n = B(), r = n && n.props && n.props[e], c = s([e])[e];
-    b(r) && r(o), b(c) && c(o);
-  }
-  function D(e) {
-    const o = B(), n = o && o.props && o.props[e], r = s([e])[e];
-    return b(r) && b(n) ? (c) => {
-      n(c), r(c);
-    } : n || r;
-  }
-  function he() {
-    const e = s(["containerScrollToClose", "updateOnScroll"]);
-    e.containerScrollToClose ? p(!1) : e.updateOnScroll && M();
-  }
-  function lo() {
-    if (!t.current.scrollElements && (t.current.scrollElements = Eo(
-      t.current.rootElement
-      // refPopupContainer.current.parentNode as HTMLElement,
-    ), be(t.current.scrollElements))) {
-      const e = document.body;
-      l.containerScrollToClose && $.current?.parentNode === e && !t.current.scrollElements.includes(e) && So(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((o) => {
-        J(o, "scroll", he);
-      });
-    }
-  }
-  function we() {
-    t.current.scrollElements && (t.current.scrollElements.forEach((e) => {
-      Z(e, "scroll", he);
-    }), t.current.scrollElements = null);
-  }
-  go(_, () => ({
-    getPopupElement() {
-      return a.current;
-    },
-    getRootElement: ce,
-    getChildren: B,
-    getPopupStyle: ge,
-    getTransformTranslate: me,
-    getTransformOrigin: de,
-    updateThrottleByRaf: I,
-    update: y,
-    updatePopupStyle: y,
-    updatePopupPosition: M,
-    handleUpdatePosition: X,
-    setPopupVisible: p,
-    delayToDo: ye
-  })), yo(() => (y(), () => {
-  }), [
-    a.current,
-    le.current,
-    ue.current,
-    t.current.rootElement
-  ]), G(
-    (e) => {
-      M(e);
-    },
-    [$.current?.parentNode],
-    { immediate: !0 }
-  ), G(
-    (e) => {
-      Ee();
-    },
-    [a.current],
-    { immediate: !0 }
-  ), G(
-    (e) => {
-      Ee();
-    },
-    [t.current.rootElement],
-    { immediate: !0 }
-  ), v(() => {
-    const e = t.current.rootElement;
-    return i && (t.current.childrenDomSize = No(e, {
-      boundaryDistance: l.alignPoint ? void 0 : l.boundaryDistance,
-      position: l.position
-    })), () => {
-    };
-  }, [
-    t.current.rootElement,
-    l.alignPoint,
-    l.boundaryDistance,
-    l.position
-  ]), v(() => (i && (l.updateOnScroll || l.containerScrollToClose ? lo() : (M(), we())), () => {
-    we();
-  }), [
-    i,
-    l.updateOnScroll,
-    l.containerScrollToClose
-  ]), v(() => {
-    const { clickOutsideToClose: e, getDocument: o } = s([
-      "clickOutsideToClose",
-      "getDocument"
-    ]), n = o?.() || window.document, r = {
-      // clickOutside 必须监听mousedown。
-      // 1. 如果事件目标元素在click后被移除，document.onclick被触发时已经没有该元素，会错误触发clickOutside逻辑，隐藏popup。
-      // 2. 点击label标签，会触发对应input元素的点击事件，导致触发clickOutside，隐藏popup。
-      capture: ee(e) ? e.capture : !1
-    };
-    return i && (J(n, "mousedown", Ce, r), J(window, "resize", X)), () => {
-      Z(n, "mousedown", Ce, r), Z(window, "resize", X);
-    };
-  }, [i]), v(() => (Qe && k((e) => {
-    const o = { ...e };
-    return o.popupVisible = !!l?.defaultPopupVisible, o;
-  }), () => {
-  }), []), v(() => (ie && k((e) => {
-    const o = { ...e };
-    return o.popupVisible = !!Q, o;
-  }), () => {
-  }), [Q]), v(() => () => {
-    qe();
-  }, []);
-  const uo = se && Me(O, {
-    ...u,
-    ref: bo(O) ? (e) => {
-      t.current.children = e, Po(O, e);
-    } : void 0
-  }), co = /* @__PURE__ */ P(
-    ao,
-    {
-      in: !!i,
-      timeout: Be,
-      classNames: Y,
-      unmountOnExit: ne,
-      appear: !0,
-      mountOnEnter: !0,
-      onEnter: () => {
-        t.current.triggerDestoried = !1;
-        const e = a.current;
-        e && (e.style.display = "initial", e.style.pointerEvents = "none", Y === `${d}-slide-dynamic-origin` && (e.style.transform = me()), y());
-      },
-      onEntering: () => {
-        const e = a.current;
-        e && (Y === `${d}-slide-dynamic-origin` && (e.style.transform = ""), y());
-      },
-      onEntered: () => {
-        const e = a.current;
-        e && (e.style.pointerEvents = "auto", y());
-      },
-      onExit: () => {
-        const e = a.current;
-        e && (e.style.pointerEvents = "none", Ae?.(e));
-      },
-      onExited: () => {
-        const e = a.current;
-        e && (e.style.display = "none", ne && (t.current.triggerDestoried = !0), k((o) => {
-          const n = { ...o };
-          return n.popupStyle = {}, n;
-        }), Ye?.(e));
-      },
-      refElement: a,
-      children: /* @__PURE__ */ De(
-        "span",
-        {
-          ref: a,
-          "trigger-placement": t.current.realPosition,
-          ...vo(l),
-          style: {
-            ...A?.Trigger?.style,
-            width: Re && te?.width === void 0 ? t.current.childrenDomSize?.width : "",
-            ...K.popupStyle,
-            position: "absolute",
-            zIndex: z || "",
-            ...te
-            // display
-          },
-          ...W,
-          className: Xe,
-          children: [
-            ee(re) ? /* @__PURE__ */ P(
-              N.type,
-              {
-                ref: _o(N),
-                ...N.props,
-                style: { ...N.props.style, ...re }
-              }
-            ) : N,
-            !!m && /* @__PURE__ */ P(
-              "div",
-              {
-                ref: le,
-                className: F(`${S}-arrow-container`, {
-                  [`${h}-arrow-container`]: h
-                }),
-                children: /* @__PURE__ */ P(
-                  "div",
-                  {
-                    ref: ue,
-                    ...m,
-                    className: F(
-                      `${S}-arrow`,
-                      {
-                        [`${h}-arrow`]: h
-                      },
-                      m?.className
-                    ),
-                    style: { ...t.current.arrowStyle, ...m?.style }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-  let V;
-  if ((i || !!a.current && !t.current.triggerDestoried) && b(oe)) {
-    const e = oe(
-      t.current.rootElement
-    );
-    e && (V = To(
-      /* @__PURE__ */ P("div", { ref: $, className: `${S}-container`, children: co }),
-      e
-      // visible ? 1 : 0,
-    ));
-  }
-  return se && (V = /* @__PURE__ */ De(Co, { children: [
-    uo,
-    V
-  ] })), V;
-}
-const Io = po(Lo);
-Io.displayName = "Trigger";
-export {
-  tt as EventsByTriggerNeed,
-  Io as default
-};
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "./Trigger.js";
+import { EventsByTriggerNeed as t } from "./utils.js";
+//#region components/pc/trigger/index.tsx
+var n = Object.assign(e, {});
+//#endregion
+export { t as EventsByTriggerNeed, n as default };
+/* 独立思考，明辨是非 */