@unicom-cloud/ui 0.8.108 → 0.8.110

package/trigger/getPopupStyle.js

@@ -1,12 +1,12 @@
-import { isServerRendering as C } from "../components/common/utils/dom.js";
-import "../components/common/utils/is.js";
+import { a as C } from "../chunk/d1c9z8T1.js";
+import "../chunk/DsaQZE4X.js";
 import { isArray as X } from "@unicom-cloud/utils/is";
 const A = 0, v = (n, o) => {
-  const { position: i } = o, { width: c, height: a, left: g, right: x, top: D, bottom: S } = n.getBoundingClientRect(), t = o.boundaryDistance || {}, M = "left" in t && t.left || A, r = "top" in t && t.top || A;
+  const { position: i } = o, { width: c, height: p, left: g, right: x, top: D, bottom: S } = n.getBoundingClientRect(), t = o.boundaryDistance || {}, M = "left" in t && t.left || A, r = "top" in t && t.top || A;
   let l, f, s, h;
   return ["bottom", "bl", "br"].indexOf(i) > -1 ? (s = D, h = S) : (s = D - r, h = S - r), ["right", "rt", "rb"].indexOf(i) > -1 ? (l = g, f = x) : (l = g - M, f = x - M), {
     width: c,
-    height: a,
+    height: p,
     left: l,
     right: f,
     top: s,
@@ -16,7 +16,7 @@ const A = 0, v = (n, o) => {
 function Y(n, o, i, c) {
   if (!i || !n || C)
     return { left: 0, width: 0, height: 0, top: 0 };
-  const a = (h) => document.documentElement[h] || document.body[h], g = i === document.body ? a("scrollTop") : i.scrollTop, x = i === document.body ? a("scrollLeft") : i.scrollLeft, { left: D, top: S, width: t, height: M } = o, r = i === document.body ? 0 : v(i, c).left, l = i === document.body ? 0 : v(i, c).top, f = S + g - l;
+  const p = (h) => document.documentElement[h] || document.body[h], g = i === document.body ? p("scrollTop") : i.scrollTop, x = i === document.body ? p("scrollLeft") : i.scrollLeft, { left: D, top: S, width: t, height: M } = o, r = i === document.body ? 0 : v(i, c).left, l = i === document.body ? 0 : v(i, c).top, f = S + g - l;
   return {
     left: D + x - r,
     top: f,
@@ -27,21 +27,21 @@ function Y(n, o, i, c) {
 const y = function(n, o, i) {
   return i < n ? n : i > o ? o : i;
 }, $ = (n, o) => {
-  let i = 0, c = 0, a = {};
-  o ? a = {
+  let i = 0, c = 0, p = {};
+  o ? p = {
     left: 12,
     right: 12,
     top: 12,
     bottom: 12,
     ...n
-  } : a = { ...n };
-  for (const g in a)
-    if (X(a[g])) {
+  } : p = { ...n };
+  for (const g in p)
+    if (X(p[g])) {
       let x = 0;
-      ["top", "bottom"].indexOf(g) > -1 ? (x = 1, i = a[g][0]) : c = a[g][1], a[g] = a[g][x];
+      ["top", "bottom"].indexOf(g) > -1 ? (x = 1, i = p[g][0]) : c = p[g][1], p[g] = p[g][x];
     }
   return {
-    ...a,
+    ...p,
     horizontalOffset: i,
     verticalOffset: c
   };
@@ -59,12 +59,12 @@ const y = function(n, o, i) {
     height: i
   };
 }, j = (n) => {
-  const o = n || {}, i = "left" in o ? o.left : "right" in o ? o.right : A, c = "top" in o ? o.top : "bottom" in o ? o.bottom : A, a = (document.documentElement?.clientHeight || window.innerHeight) - (c || A), g = (document.documentElement?.clientWidth || window.innerWidth) - (i || A);
+  const o = n || {}, i = "left" in o ? o.left : "right" in o ? o.right : A, c = "top" in o ? o.top : "bottom" in o ? o.bottom : A, p = (document.documentElement?.clientHeight || window.innerHeight) - (c || A), g = (document.documentElement?.clientWidth || window.innerWidth) - (i || A);
   return {
-    windowHeight: a,
+    windowHeight: p,
     windowWidth: g
   };
-}, K = (n, o, i, c, a) => {
+}, K = (n, o, i, c, p) => {
   const {
     autoAlignPopupWidth: g,
     autoAlignPopupMinWidth: x,
@@ -73,7 +73,7 @@ const y = function(n, o, i) {
   } = n;
   if (!i || !o || !c)
     return {};
-  const t = {}, M = !n.alignPoint && n.boundaryDistance || {}, r = F(i, D && a, {
+  const t = {}, M = !n.alignPoint && n.boundaryDistance || {}, r = F(i, D && p, {
     boundaryDistance: M,
     position: n.position
   }), { left: l, top: f, width: s, height: h } = Y(
@@ -93,41 +93,41 @@ const y = function(n, o, i) {
       return;
     const { windowHeight: k, windowWidth: W } = j(M);
     let L = !1;
-    const p = {
+    const a = {
       left: l - r.left,
       top: f - r.top
     }, { top: E = 0, left: _ = 0 } = t;
-    if ((N === "top" || N === "bottom") && (p.left > _ && r.right > 12 ? (t.left = Math.max(p.left, l - e.width), t.left = Math.max(
+    if ((N === "top" || N === "bottom") && (a.left > _ && r.right > 12 ? (t.left = Math.max(a.left, l - e.width), t.left = Math.max(
       t.left,
       l - e.width + 24
-    )) : _ - p.left + e.width > W && W - r.left > 12 && (t.left = Math.max(
-      p.left,
-      p.left + W - e.width
+    )) : _ - a.left + e.width > W && W - r.left > 12 && (t.left = Math.max(
+      a.left,
+      a.left + W - e.width
     ), t.left = Math.max(
       t.left,
       l - e.width + 24
-    ))), (N === "left" || N === "right") && (p.top > E && r.bottom > 12 ? (t.top = p.top, t.top = Math.max(
+    ))), (N === "left" || N === "right") && (a.top > E && r.bottom > 12 ? (t.top = a.top, t.top = Math.max(
       t.top,
       f - e.height + r.height / 2
-    )) : E - p.top + e.height > k && k - r.top > 12 && (t.top = Math.max(
-      p.top,
-      p.top + k - e.height
+    )) : E - a.top + e.height > k && k - r.top > 12 && (t.top = Math.max(
+      a.top,
+      a.top + k - e.height
     ), t.top = Math.max(
       t.top,
       f - e.height + r.height / 2
-    ))), N === "top" && p.top > E && (r.top < k - r.bottom ? (t.top = Math.min(
+    ))), N === "top" && a.top > E && (r.top < k - r.bottom ? (t.top = Math.min(
       f + h + (R || 0),
-      p.top + k - e.height
-    ), L = !0) : t.top = p.top), N === "bottom" && E - p.top + e.height > k && (k - r.bottom < r.top ? (t.top = Math.max(
+      a.top + k - e.height
+    ), L = !0) : t.top = a.top), N === "bottom" && E - a.top + e.height > k && (k - r.bottom < r.top ? (t.top = Math.max(
       f - e.height - (B || 0),
-      p.top
-    ), L = !0) : t.top = p.top + k - e.height), N === "left" && p.left > _ && (r.left < W - r.right ? (t.left = Math.min(
+      a.top
+    ), L = !0) : t.top = a.top + k - e.height), N === "left" && a.left > _ && (r.left < W - r.right ? (t.left = Math.min(
       s + l + H,
-      p.left + W - e.width
-    ), L = !0) : t.left = p.left), N === "right" && _ - p.left + e.width > W && (W - r.right < r.left ? (t.left = Math.max(
+      a.left + W - e.width
+    ), L = !0) : t.left = a.left), N === "right" && _ - a.left + e.width > W && (W - r.right < r.left ? (t.left = Math.max(
       l - e.width - z,
-      p.left
-    ), L = !0) : t.left = p.left + W - e.width), t.left < 0)
+      a.left
+    ), L = !0) : t.left = a.left + W - e.width), t.left < 0)
       t.left = 0;
     else {
       const V = c.scrollWidth - e.width;

package/trigger/index.js

@@ -1,30 +1,25 @@
-import { jsx as P, jsxs as De } from "react/jsx-runtime";
-import ro from "../dist/react-transition-group/src/CSSTransition.js";
-import "../dist/react-transition-group/src/ReplaceTransition.js";
-import "../dist/react-transition-group/src/SwitchTransition.js";
-import "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../dist/react-transition-group/src/TransitionGroup.js";
+import { jsx as h, jsxs as De } from "react/jsx-runtime";
+import { c as ro } from "../chunk/BJ9_azwQ.js";
 import xe from "lodash/isArray";
 import D from "lodash/isFunction";
-import { forwardRef as io, useContext as so, useRef as L, useState as uo, Children as Me, useCallback as Se, cloneElement as Oe, useImperativeHandle as co, useLayoutEffect as lo, useEffect as g, Fragment as po } from "react";
-import { createPortal as ao } from "react-dom";
-import "../config-provider/ConfigProvider.js";
+import { forwardRef as io, useContext as so, useRef as L, useState as uo, Children as Me, useCallback as Se, cloneElement as Oe, useImperativeHandle as co, useLayoutEffect as lo, useEffect as g, Fragment as ao } from "react";
+import { createPortal as po } from "react-dom";
+import { a as fo } from "../chunk/BcEZk8pT.js";
 import R from "@unicom-cloud/utils/class-name";
-import { on as G, off as J, getScrollElements as fo, isScrollElement as mo, contains as ve } from "../components/common/utils/dom.js";
-import { supportRef as go } from "../components/common/utils/is.js";
+import { b as G, o as J, g as mo, i as go, c as ve } from "../chunk/d1c9z8T1.js";
+import { s as yo } from "../chunk/DsaQZE4X.js";
 import { Esc as be } from "@unicom-cloud/utils/constant/keyboardCode";
-import { mergeProps as yo } from "../components/common/utils/mergeProps.js";
-import { pickDataAttributes as To } from "../components/common/utils/pick.js";
-import { callbackOriginRef as Co, findDOMNode_ as Po } from "../components/common/utils/reactDOM.js";
-import { resizeObserver as Z } from "../components/common/utils/resizeObserver.js";
-import { throttleByRaf as Ne } from "../components/common/utils/throttleByRaf.js";
-import ho, { getBoundingClientRect as Eo } from "./getPopupStyle.js";
-import wo from "../config-provider/context.js";
+import { m as To } from "../chunk/DH7HTOV_.js";
+import { a as Co } from "../chunk/ClqoGc3r.js";
+import { c as ho, f as Po } from "../chunk/CXrVhA6-.js";
+import { r as Z } from "../chunk/B8W1N4er.js";
+import Ne from "../utils/throttleByRaf.js";
+import Eo, { getBoundingClientRect as wo } from "./getPopupStyle.js";
 import { isPlainObject as ee } from "@unicom-cloud/utils/is";
 function Do(d, $) {
   if (!d)
     return {};
-  const { width: y, height: x, left: T, right: z } = Eo(d, $);
+  const { width: y, height: x, left: T, right: z } = wo(d, $);
   return {
     width: y,
     height: x,
@@ -32,7 +27,7 @@ function Do(d, $) {
     right: z
   };
 }
-const Go = [
+const Wo = [
   "onClick",
   "onMouseEnter",
   "onMouseLeave",
@@ -70,11 +65,11 @@ const Mo = {
   updateOnScroll: !0
 };
 function So(d, $) {
-  const y = so(wo), { getPrefixCls: x, zIndex: T, rtl: z } = y, i = u(d), {
+  const y = so(fo), { getPrefixCls: x, zIndex: T, rtl: z } = y, i = u(d), {
     children: oe,
     style: te,
     className: $e,
-    arrowProps: _,
+    arrowProps: B,
     disabled: M,
     popup: ke,
     classNames: A,
@@ -82,13 +77,13 @@ function So(d, $) {
     unmountOnExit: ne,
     alignPoint: Ie,
     autoAlignPopupWidth: Le,
-    position: _e,
-    childrenPrefix: h,
-    showArrow: Be,
+    position: Be,
+    childrenPrefix: P,
+    showArrow: Ve,
     popupStyle: re,
-    __onExit: Ve,
+    __onExit: _e,
     __onExited: Fe
-  } = i, ie = oe || oe === 0, a = L(null), S = L(null), se = L(null), ue = L(null), t = L({
+  } = i, ie = oe || oe === 0, p = L(null), S = L(null), se = L(null), ue = L(null), t = L({
     rootElement: void 0,
     triggerDestoried: !1,
     // 标志 popup 是否被销毁
@@ -116,19 +111,22 @@ function So(d, $) {
       }, 0);
     }
   };
-  I() && !M ? (l.onMouseEnter = Xe, l.onMouseLeave = ge, U() && (l.onClick = ye), Ie && (l.onMouseMove = Ue), Ye() || (Q.onMouseEnter = je, Q.onMouseLeave = qe)) : (l.onMouseEnter = w("onMouseEnter"), l.onMouseLeave = w("onMouseLeave")), le() && !M ? (l.onContextMenu = Ge, l.onClick = ye) : l.onContextMenu = w("onContextMenu"), ce() && !M ? l.onClick = Je : l.onClick = l.onClick || w("onClick"), X() && !M ? (l.onFocus = Ze, pe() && (l.onBlur = eo)) : (l.onFocus = w("onFocus"), l.onBlur = w("onBlur")), M ? l.onKeyDown = w("onKeyDown") : l.onKeyDown = Qe;
-  const k = V(), H = Me.only(ke?.());
-  k.props.className && (l.className = k.props.className), h && s && (l.className = R(l.className, `${h}-open`)), X() && (l.tabIndex = M ? -1 : 0);
+  I() && !M ? (l.onMouseEnter = Xe, l.onMouseLeave = ge, U() && (l.onClick = ye), Ie && (l.onMouseMove = Ue), Ye() || (Q.onMouseEnter = je, Q.onMouseLeave = qe)) : (l.onMouseEnter = w("onMouseEnter"), l.onMouseLeave = w("onMouseLeave")), le() && !M ? (l.onContextMenu = Ge, l.onClick = ye) : l.onContextMenu = w("onContextMenu"), ce() && !M ? l.onClick = Je : l.onClick = l.onClick || w("onClick"), X() && !M ? (l.onFocus = Ze, ae() && (l.onBlur = eo)) : (l.onFocus = w("onFocus"), l.onBlur = w("onBlur")), M ? l.onKeyDown = w("onKeyDown") : l.onKeyDown = Qe;
+  const k = _(), H = Me.only(ke?.());
+  k.props.className && (l.className = k.props.className), P && s && (l.className = R(
+    l.className,
+    `${P}-open`
+  )), X() && (l.tabIndex = M ? -1 : 0);
   const v = x?.("trigger"), ze = R(
     v,
-    h,
-    `${v}-position-${_e}`,
+    P,
+    `${v}-position-${Be}`,
     { [`${v}-rtl`]: z },
     $e
   );
   function u(e) {
     const { componentConfig: o } = y ?? {};
-    return yo(
+    return To(
       ee(e) ? e : d,
       Mo,
       o?.Trigger ?? {},
@@ -176,29 +174,29 @@ function So(d, $) {
     }
     return I() && i.clickToClose;
   }
-  function pe() {
+  function ae() {
     return X() && u(["blurToHide"]).blurToHide;
   }
   function Ke() {
     t.current.updatePositionTimeoutID && (t.current.updatePositionTimeoutID.cancel ? t.current.updatePositionTimeoutID.cancel() : (clearTimeout(t.current.updatePositionTimeoutID), t.current.updatePositionTimeoutID = null)), E();
   }
-  function ae(e) {
-    const o = a.current;
+  function pe(e) {
+    const o = p.current;
     if (!o)
       return {};
     const { showArrow: n, classNames: r } = u([
       "showArrow",
       "classNames"
     ]);
-    let c = n && t.current.arrowStyle?.top || 0, p = n && t.current.arrowStyle?.left || 0;
-    c = c ? `${c}px` : "", p = p ? `${p}px` : "";
+    let c = n && t.current.arrowStyle?.top || 0, a = n && t.current.arrowStyle?.left || 0;
+    c = c ? `${c}px` : "", a = a ? `${a}px` : "";
     const Ee = {
-      top: `${p || "50%"} 100% 0`,
-      tl: `${p || "15px"} 100% 0`,
-      tr: `${p || `${o.clientWidth - 15}px`} 100% 0`,
-      bottom: `${p || "50%"} 0 0`,
-      bl: `${p || "15px"} 0 0`,
-      br: `${p || `${o.clientWidth - 15}px`} 0 0`,
+      top: `${a || "50%"} 100% 0`,
+      tl: `${a || "15px"} 100% 0`,
+      tr: `${a || `${o.clientWidth - 15}px`} 100% 0`,
+      bottom: `${a || "50%"} 0 0`,
+      bl: `${a || "15px"} 0 0`,
+      br: `${a || `${o.clientWidth - 15}px`} 0 0`,
       left: `100% ${c || "50%"} 0`,
       lt: `100% ${c || "15px"} 0`,
       lb: `100% ${c || `${o.clientHeight - 15}px`} 0`,
@@ -237,10 +235,10 @@ function So(d, $) {
   function j() {
     if (!S.current)
       return {};
-    const e = a.current, o = b();
+    const e = p.current, o = b();
     if (!o?.offsetParent && !o?.getClientRects()?.length)
       return Y.popupStyle;
-    const { style: n, arrowStyle: r, realPosition: c } = ho(
+    const { style: n, arrowStyle: r, realPosition: c } = Eo(
       i,
       e,
       o,
@@ -248,10 +246,10 @@ function So(d, $) {
       t.current.mouseLocation
     );
     t.current.arrowStyle = r || {};
-    const p = c || i.position;
-    return t.current.realPosition = p, {
+    const a = c || i.position;
+    return t.current.realPosition = a, {
       ...n,
-      ...ae(p)
+      ...pe(a)
     };
   }
   function C(e) {
@@ -263,13 +261,13 @@ function So(d, $) {
       e();
     }, 0);
   }
-  const B = Se(Ne(C), [
+  const V = Se(Ne(C), [
     s
   ]);
   function N(e = 0, o) {
     if (s) {
       if (e < 4) {
-        t.current.updatePositionTimeoutID = B(o);
+        t.current.updatePositionTimeoutID = V(o);
         return;
       }
       t.current.updatePositionTimeoutID = setTimeout(() => {
@@ -287,8 +285,8 @@ function So(d, $) {
     const r = u(["onVisibleChange", "popupVisible"]);
     e !== s ? de(o, () => {
       r.onVisibleChange?.(e), "popupVisible" in r ? n?.() : (O((c) => {
-        const p = { ...c };
-        return p.popupVisible = !!e, p;
+        const a = { ...c };
+        return a.popupVisible = !!e, a;
       }), setTimeout(e ? () => {
         C(n);
       } : () => {
@@ -306,8 +304,8 @@ function So(d, $) {
   }
   function me(e) {
     const o = u(["onClickOutside", "clickOutsideToClose"]);
-    let n = ve(a.current, e.target);
-    n ||= ve(b(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (pe() || I() || f(!1)));
+    let n = ve(p.current, e.target);
+    n ||= ve(b(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (ae() || I() || f(!1)));
   }
   function Qe(e) {
     const o = e.key;
@@ -322,7 +320,7 @@ function So(d, $) {
     m("onMouseEnter", e), E(), f(!0, o || 0);
   }
   function Ue(e) {
-    m("onMouseMove", e), q(e), s && B();
+    m("onMouseMove", e), q(e), s && V();
   }
   function ge(e) {
     const { mouseLeaveDelay: o } = u(["mouseLeaveDelay"]);
@@ -341,7 +339,7 @@ function So(d, $) {
     });
   }
   function Ge(e) {
-    e.preventDefault(), m("onContextMenu", e), q(e), s ? u(["alignPoint"]).alignPoint && B() : f(!0, 0);
+    e.preventDefault(), m("onContextMenu", e), q(e), s ? u(["alignPoint"]).alignPoint && V() : f(!0, 0);
   }
   function ye(e) {
     s && (t.current.mousedownToHide = !0), m("onClick", e), U() && s && f(!s, 0);
@@ -361,13 +359,13 @@ function So(d, $) {
   function Te() {
     s && u(["autoFixPosition"]).autoFixPosition && N();
   }
-  function V() {
+  function _() {
     const { children: e } = i, o = e, n = o && typeof o != "string" && o.type;
     let r = e;
     if (["string", "number"].indexOf(typeof e) > -1 || Me.count(e) > 1)
-      r = /* @__PURE__ */ P("span", { children: e });
+      r = /* @__PURE__ */ h("span", { children: e });
     else if (o && n && (n.__PQB_BUTTON === !0 || n.__PQB_CHECKBOX === !0 || n.__PQB_SWITCH === !0 || n.__PQB_RADIO === !0 || n === "button") && o.props.disabled) {
-      const { picked: c, omitted: p } = xo(o.props.style, [
+      const { picked: c, omitted: a } = xo(o.props.style, [
         "position",
         "left",
         "right",
@@ -377,14 +375,14 @@ function So(d, $) {
         "display",
         "zIndex"
       ]);
-      r = /* @__PURE__ */ P(
+      r = /* @__PURE__ */ h(
         "span",
         {
           className: o.props?.className,
           style: { display: "inline-block", ...c, cursor: "not-allowed" },
           children: Oe(o, {
             style: {
-              ...p,
+              ...a,
               pointerEvents: "none"
             },
             className: void 0
@@ -392,14 +390,14 @@ function So(d, $) {
         }
       );
     }
-    return r || /* @__PURE__ */ P("span", {});
+    return r || /* @__PURE__ */ h("span", {});
   }
   function m(e, o) {
-    const n = V(), r = n && n.props && n.props[e], c = u([e])[e];
+    const n = _(), r = n && n.props && n.props[e], c = u([e])[e];
     D(r) && r(o), D(c) && c(o);
   }
   function w(e) {
-    const o = V(), n = o && o.props && o.props[e], r = u([e])[e];
+    const o = _(), n = o && o.props && o.props[e], r = u([e])[e];
     return D(r) && D(n) ? (c) => {
       n(c), r(c);
     } : n || r;
@@ -409,14 +407,14 @@ function So(d, $) {
     e.containerScrollToClose ? f(!1) : e.updateOnScroll && N();
   }
   function oo() {
-    t.current.scrollElements || (t.current.scrollElements = fo(
+    t.current.scrollElements || (t.current.scrollElements = mo(
       b()
       // refPopupContainer.current.parentNode as HTMLElement,
-    ), xe(t.current.scrollElements) && (i.containerScrollToClose && S.current?.parentNode === document.body && t.current.scrollElements.indexOf(document.body) === -1 && mo(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((e) => {
+    ), xe(t.current.scrollElements) && (i.containerScrollToClose && S.current?.parentNode === document.body && t.current.scrollElements.indexOf(document.body) === -1 && go(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((e) => {
       G(e, "scroll", Ce);
     })));
   }
-  function Pe() {
+  function he() {
     t.current.scrollElements && (t.current.scrollElements.forEach((e) => {
       J(e, "scroll", Ce);
     }), t.current.scrollElements = null);
@@ -425,13 +423,13 @@ function So(d, $) {
     getRootDOMNode: b,
     getRootElement: b,
     getPopupElement() {
-      return a.current;
+      return p.current;
     },
-    getChild: V,
+    getChild: _,
     getPopupStyle: j,
     getTransformTranslate: fe,
-    getTransformOrigin: ae,
-    updateThrottleByRaf: B,
+    getTransformOrigin: pe,
+    updateThrottleByRaf: V,
     update: C,
     updatePopupStyle: C,
     updatePopupPosition: N,
@@ -440,7 +438,7 @@ function So(d, $) {
     delayToDo: de
   })), lo(() => (C(), () => {
   }), [
-    a.current,
+    p.current,
     se.current,
     ue.current,
     t.current.rootElement
@@ -450,11 +448,11 @@ function So(d, $) {
       o();
     };
   }, [S.current?.parentNode]), g(() => {
-    const e = a.current, o = Z([e], Te);
+    const e = p.current, o = Z([e], Te);
     return () => {
       o();
     };
-  }, [a.current]), g(() => {
+  }, [p.current]), g(() => {
     const e = t.current.rootElement, o = Z([e], Te);
     return () => {
       o();
@@ -471,8 +469,8 @@ function So(d, $) {
     i.alignPoint,
     i.boundaryDistance,
     i.position
-  ]), g(() => (s && (i.updateOnScroll || i.containerScrollToClose ? oo() : (N(), Pe())), () => {
-    Pe();
+  ]), g(() => (s && (i.updateOnScroll || i.containerScrollToClose ? oo() : (N(), he())), () => {
+    he();
   }), [
     s,
     i.updateOnScroll,
@@ -503,10 +501,10 @@ function So(d, $) {
   }, []);
   const to = ie && Oe(k, {
     ...l,
-    ref: go(k) ? (e) => {
-      t.current.child = e, Co(k, e);
+    ref: yo(k) ? (e) => {
+      t.current.child = e, ho(k, e);
     } : void 0
-  }), no = /* @__PURE__ */ P(
+  }), no = /* @__PURE__ */ h(
     ro,
     {
       in: !!s,
@@ -517,35 +515,35 @@ function So(d, $) {
       mountOnEnter: !0,
       onEnter: () => {
         t.current.triggerDestoried = !1;
-        const e = a.current;
+        const e = p.current;
         e && (e.style.display = "initial", e.style.pointerEvents = "none", A === "slideDynamicOrigin" && (e.style.transform = fe()), C());
       },
       onEntering: () => {
-        const e = a.current;
+        const e = p.current;
         e && (A === "slideDynamicOrigin" && (e.style.transform = ""), C());
       },
       onEntered: () => {
-        const e = a.current;
+        const e = p.current;
         e && (e.style.pointerEvents = "auto", C());
       },
       onExit: () => {
-        const e = a.current;
-        e && (e.style.pointerEvents = "none", Ve?.(e));
+        const e = p.current;
+        e && (e.style.pointerEvents = "none", _e?.(e));
       },
       onExited: () => {
-        const e = a.current;
+        const e = p.current;
         e && (e.style.display = "none", ne && (t.current.triggerDestoried = !0), O((o) => {
           const n = { ...o };
           return n.popupStyle = {}, n;
         }), Fe?.(e));
       },
-      nodeRef: a,
+      nodeRef: p,
       children: /* @__PURE__ */ De(
         "span",
         {
-          ref: a,
+          ref: p,
           "trigger-placement": t.current.realPosition,
-          ...To(i),
+          ...Co(i),
           style: {
             width: Le && te?.width === void 0 ? t.current.childrenDomSize?.width : "",
             ...Y.popupStyle,
@@ -557,7 +555,7 @@ function So(d, $) {
           ...Q,
           className: ze,
           children: [
-            ee(re) ? /* @__PURE__ */ P(
+            ee(re) ? /* @__PURE__ */ h(
               H.type,
               {
                 ref: H.ref,
@@ -565,26 +563,26 @@ function So(d, $) {
                 style: { ...H.props.style, ...re }
               }
             ) : H,
-            (Be || _) && /* @__PURE__ */ P(
+            (Ve || B) && /* @__PURE__ */ h(
               "div",
               {
                 ref: se,
                 className: R(`${v}-arrow-container`, {
-                  [`${h}-arrow-container`]: h
+                  [`${P}-arrow-container`]: P
                 }),
-                children: /* @__PURE__ */ P(
+                children: /* @__PURE__ */ h(
                   "div",
                   {
                     ref: ue,
-                    ..._,
+                    ...B,
                     className: R(
                       `${v}-arrow`,
                       {
-                        [`${h}-arrow`]: h
+                        [`${P}-arrow`]: P
                       },
-                      _?.className
+                      B?.className
                     ),
-                    style: { ...t.current.arrowStyle, ..._?.style }
+                    style: { ...t.current.arrowStyle, ...B?.style }
                   }
                 )
               }
@@ -594,19 +592,19 @@ function So(d, $) {
       )
     }
   );
-  let F, he = s;
-  if (he ||= !!a.current && !t.current.triggerDestoried, he) {
+  let F, Pe = s;
+  if (Pe ||= !!p.current && !t.current.triggerDestoried, Pe) {
     const e = i.getPopupContainer || y.getPopupContainer;
     if (D(e)) {
       const o = e(b());
-      o && (F = ao(
-        /* @__PURE__ */ P("div", { ref: S, className: `${v}-container`, children: no }),
+      o && (F = po(
+        /* @__PURE__ */ h("div", { ref: S, className: `${v}-container`, children: no }),
         o
         // popupVisible ? 1 : 0,
       ));
     }
   }
-  return ie && (F = /* @__PURE__ */ De(po, { children: [
+  return ie && (F = /* @__PURE__ */ De(ao, { children: [
     to,
     F
   ] })), F;
@@ -614,6 +612,6 @@ function So(d, $) {
 const Oo = io(So);
 Oo.displayName = "Trigger";
 export {
-  Go as EventsByTriggerNeed,
+  Wo as EventsByTriggerNeed,
   Oo as default
 };

package/types/common/empty/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { EmptyProps } from './interface';
-export declare const Empty: React.MemoExoticComponent<React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>>;
+export declare const Empty: React.NamedExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
 export default Empty;
 export type { EmptyProps };

package/types/common/higher-order/with-speech-synthesis/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SpeechSynthesisHandles, SpeechSynthesisProps } from './interface';
 declare const withSpeechSynthesis: {
-    <P extends object>(WrappedComponent: React.ComponentType<P>): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<SpeechSynthesisProps & P> & React.RefAttributes<SpeechSynthesisHandles>>>;
+    <P extends object>(WrappedComponent: React.ComponentType<P>): React.NamedExoticComponent<React.PropsWithoutRef<SpeechSynthesisProps & P> & React.RefAttributes<SpeechSynthesisHandles>>;
     displayName: string;
 };
 export default withSpeechSynthesis;

package/types/common/hooks/src/create-deep-compare-effect/index.d.ts

@@ -0,0 +1,5 @@
+import type { useEffect, useLayoutEffect } from 'react';
+type EffectHookType = typeof useEffect | typeof useLayoutEffect;
+type CreateUpdateEffect = (hook: EffectHookType) => EffectHookType;
+declare const createDeepCompareEffect: CreateUpdateEffect;
+export default createDeepCompareEffect;

package/types/common/hooks/src/create-update-effect/index.d.ts

@@ -0,0 +1,4 @@
+import type { useEffect, useLayoutEffect } from 'react';
+type EffectHookType = typeof useEffect | typeof useLayoutEffect;
+declare const createUpdateEffect: (hook: EffectHookType) => EffectHookType;
+export default createUpdateEffect;