@univerjs/design 0.14.0 → 0.15.0

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import K, { useRef as ye, createElement as xt, forwardRef as Ue, useState as De, Children as wi, cloneElement as Ns, createContext as Rc, useMemo as lt, useContext as Jn, isValidElement as Ds, useCallback as dt, useEffect as qe, memo as Wi, useLayoutEffect as Bi, version as Fp, useImperativeHandle as Mc } from "react";
+import K, { useRef as ye, createElement as xt, forwardRef as Ue, useState as De, Children as wi, cloneElement as Ns, createContext as Rc, useMemo as lt, useContext as Jn, isValidElement as Ds, useCallback as dt, useEffect as je, memo as Wi, useLayoutEffect as Bi, version as Fp, useImperativeHandle as Mc } from "react";
 import { jsx as R, jsxs as me, Fragment as dr } from "react/jsx-runtime";
 import * as Pc from "react-dom";
 import rn, { createPortal as _o, unstable_batchedUpdates as Hp, flushSync as Ya } from "react-dom";
@@ -3075,7 +3075,7 @@ function Oo(...e) {
 function gt(...e) {
   return p.useCallback(Oo(...e), e);
 }
-var jh = Symbol.for("react.lazy"), xi = p[" use ".trim().toString()];
+var jh = /* @__PURE__ */ Symbol.for("react.lazy"), xi = p[" use ".trim().toString()];
 function Vh(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
@@ -3109,7 +3109,7 @@ function Uh(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Gh = Symbol("radix.slottable");
+var Gh = /* @__PURE__ */ Symbol("radix.slottable");
 function Kh(e) {
   return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Gh;
 }
@@ -4017,7 +4017,7 @@ function vm(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var pm = Symbol("radix.slottable");
+var pm = /* @__PURE__ */ Symbol("radix.slottable");
 function hm(e) {
   return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === pm;
 }
@@ -4058,7 +4058,7 @@ var ym = [
 ], at = ym.reduce((e, t) => {
   const n = /* @__PURE__ */ Lr(`Primitive.${t}`), r = p.forwardRef((o, i) => {
     const { asChild: a, ...s } = o, l = a ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ R(l, { ...s, ref: i });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ R(l, { ...s, ref: i });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
@@ -5075,7 +5075,7 @@ var Ng = p.forwardRef(
           var l, c;
           (l = e.onInteractOutside) == null || l.call(e, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const a = i.target;
-          ((c = n.triggerRef.current) == null ? void 0 : c.contains(a)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+          (c = n.triggerRef.current) != null && c.contains(a) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
         }
       }
     );
@@ -5291,7 +5291,7 @@ function zg(e = {}) {
       y: Math.max(0, (v - 0) / 2)
     };
   }, []), { defaultPosition: n = t(), enabled: r = !1 } = e, [o, i] = De(n), [a, s] = De(!1), l = ye(null), c = ye({ x: 0, y: 0 }), f = ye({ x: 0, y: 0 }), u = ye(!1);
-  qe(() => {
+  je(() => {
     if (!l.current || u.current || e.defaultPosition) return;
     const { width: d, height: v } = l.current.getBoundingClientRect(), { innerWidth: m, innerHeight: b } = window, C = Math.max(0, (m - d) / 2), x = Math.max(0, (b - v) / 2);
     i({ x: C, y: x }), c.current = { x: C, y: x }, u.current = !0;
@@ -5311,7 +5311,7 @@ function zg(e = {}) {
   }, [a, y]), w = dt(() => {
     s(!1), document.body.style.userSelect = "";
   }, []);
-  return qe(() => {
+  return je(() => {
     if (r)
       return document.addEventListener("mousemove", g), document.addEventListener("mouseup", w), () => {
         document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", w);
@@ -5457,7 +5457,7 @@ const Si = (e, t, n) => {
 };
 function Fg({ hsv: e, onChange: t }) {
   const [n, r] = De(""), o = lt(() => Ei(e[0], e[1], e[2]), [e]);
-  qe(() => {
+  je(() => {
     r(o.replace(/^#/, ""));
   }, [o]);
   const i = (l) => /^[0-9A-Fa-f]{6}$/.test(l), a = (l) => {
@@ -5492,7 +5492,7 @@ function Fg({ hsv: e, onChange: t }) {
 }
 function Hg({ hsv: e, onChange: t }) {
   const [n, r] = De({ r: 0, g: 0, b: 0 });
-  qe(() => {
+  je(() => {
     const [a, s, l] = Si(e[0], e[1], e[2]);
     r({
       r: Math.round(a),
@@ -5607,7 +5607,7 @@ function jg({ hsv: e, onChange: t }) {
 }
 function Vg({ hsv: e, onChange: t, onChanged: n }) {
   const r = ye(null), o = ye(null), [i, a] = De(!1);
-  qe(() => {
+  je(() => {
     const u = r.current;
     if (!u) return;
     const y = u.getContext("2d");
@@ -5629,7 +5629,7 @@ function Vg({ hsv: e, onChange: t, onChanged: n }) {
   function c() {
     n == null || n(e[0], e[1], e[2]);
   }
-  qe(() => {
+  je(() => {
     var u;
     return (u = o.current) == null || u.addEventListener("mouseup", c), window.addEventListener("pointerup", l), window.addEventListener("mouseup", l), () => {
       var y;
@@ -5644,7 +5644,7 @@ function Vg({ hsv: e, onChange: t, onChanged: n }) {
       transition: i ? "none" : "transform 0.1s ease-out"
     };
   };
-  return qe(() => {
+  return je(() => {
     const u = () => {
       a(!1);
     };
@@ -5694,7 +5694,7 @@ function qg({ hsv: e, onChange: t, onChanged: n }) {
   }, [r, l]), f = dt(() => {
     o(!1), n == null || n(e[0], e[1], e[2]);
   }, [e, n]);
-  return qe(() => (r && (window.addEventListener("pointermove", c), window.addEventListener("pointerup", f), window.addEventListener("mouseup", f)), () => {
+  return je(() => (r && (window.addEventListener("pointermove", c), window.addEventListener("pointerup", f), window.addEventListener("mouseup", f)), () => {
     window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", f), window.removeEventListener("mouseup", f);
   }), [r, c, f]), /* @__PURE__ */ R(
     "div",
@@ -5743,7 +5743,7 @@ const Ug = Wi(Vg), Gg = Wi(qg), Kg = Wi(Wg), Yg = Wi(jg);
 function bE({ format: e = "hex", value: t = "#000000", onChange: n }) {
   if (!Is) return null;
   const { locale: r } = Jn(Tn), [o, i] = De([0, 100, 100]), [a, s] = De(!1), l = dt((y, h, g) => Si(y, h, g), []);
-  qe(() => {
+  je(() => {
     try {
       if (e === "hex") {
         const [y, h, g] = t ? Ws(t) : o;
@@ -7548,7 +7548,7 @@ var wy = /* @__PURE__ */ Lr("PopoverContent.RemoveScroll"), xy = p.forwardRef(
           var l, c;
           (l = e.onInteractOutside) == null || l.call(e, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const a = i.target;
-          ((c = n.triggerRef.current) == null ? void 0 : c.contains(a)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+          (c = n.triggerRef.current) != null && c.contains(a) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
         }
       }
     );
@@ -8116,7 +8116,7 @@ function Gr() {
     const be = O.x, we = O.y;
     typeof F == "number" && (O.x = F), typeof G == "number" && (O.y = G), O.moved = !0;
     let pe = U(D, oe);
-    (oe === "vertical" && typeof G == "number" ? we >= G : oe === "horizontal" && typeof F == "number" ? be >= F : !1) && (pe = pe.reverse());
+    (oe === "vertical" && typeof G == "number" ? we >= G : oe === "horizontal" && typeof F == "number" && be >= F) && (pe = pe.reverse());
     const He = m(pe, O), Te = He.length > 0;
     if (Te && ne)
       return o(D);
@@ -11853,8 +11853,8 @@ var Il;
 function Rb() {
   if (Il) return Be;
   Il = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), s = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g;
-  g = Symbol.for("react.module.reference");
+  var e = /* @__PURE__ */ Symbol.for("react.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), r = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.provider"), a = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.server_context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), c = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), u = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.offscreen"), g;
+  g = /* @__PURE__ */ Symbol.for("react.module.reference");
   function w(d) {
     if (typeof d == "object" && d !== null) {
       var v = d.$$typeof;
@@ -11926,7 +11926,7 @@ function Af(e, t, n) {
   var r = p.useRef({});
   return (!("value" in r.current) || n(r.current.condition, t)) && (r.current.value = e(), r.current.condition = t), r.current.value;
 }
-var Pb = Symbol.for("react.element"), Nb = Symbol.for("react.transitional.element"), Db = Symbol.for("react.fragment");
+var Pb = /* @__PURE__ */ Symbol.for("react.element"), Nb = /* @__PURE__ */ Symbol.for("react.transitional.element"), Db = /* @__PURE__ */ Symbol.for("react.fragment");
 function Lf(e) {
   return (
     // Base object type
@@ -12597,7 +12597,7 @@ const h1 = (function(e) {
     };
   }, []), [r, n];
 });
-var Jf = kn() ? Bi : qe, ev = function(t) {
+var Jf = kn() ? Bi : je, ev = function(t) {
   return +setTimeout(t, 16);
 }, tv = function(t) {
   return clearTimeout(t);
@@ -12738,18 +12738,18 @@ function x1(e, t, n, r) {
       var te = D(pe);
       pe && (e || te[nn]) ? (N(pe), Q()) : N(Kn), ee.current = t;
     }
-  }, [t]), qe(function() {
+  }, [t]), je(function() {
     // Cancel appear
     (W === ai && !s || // Cancel enter
     W === si && !i || // Cancel leave
     W === ui && !c) && N(Kn);
-  }, [s, i, c]), qe(function() {
+  }, [s, i, c]), je(function() {
     return function() {
       Y.current = !1, clearTimeout(U.current);
     };
   }, []);
   var ne = p.useRef(!1);
-  qe(function() {
+  je(function() {
     k && (ne.current = !0), k !== void 0 && W === Kn && ((ne.current || k) && (M == null || M(k)), ne.current = !0);
   }, [k, W]);
   var be = z;
@@ -13240,9 +13240,9 @@ function $1(e, t, n, r, o, i, a) {
       var Ge = Mo(Math.round(F / parseFloat(P) * 1e3) / 1e3), ze = Mo(Math.round(O / parseFloat(k) * 1e3) / 1e3);
       if (Ge === 0 || ze === 0 || Eo(n) && !iv(n))
         return;
-      var Ie = A.offset, Xe = A.targetOffset, Je = oc(V, Ie), je = ae(Je, 2), Ze = je[0], Ae = je[1], Fe = oc(B, Xe), Ke = ae(Fe, 2), vt = Ke[0], st = Ke[1];
+      var Ie = A.offset, Xe = A.targetOffset, Je = oc(V, Ie), Ve = ae(Je, 2), Ze = Ve[0], Ae = Ve[1], Fe = oc(B, Xe), Ke = ae(Fe, 2), vt = Ke[0], st = Ke[1];
       B.x -= vt, B.y -= st;
-      var pt = A.points || [], zt = ae(pt, 2), St = zt[0], Tt = zt[1], ot = ic(Tt), ce = ic(St), _e = Rr(B, ot), Re = Rr(V, ce), de = re({}, A), fe = _e.x - Re.x + Ze, ue = _e.y - Re.y + Ae, Pe = Gt(fe, ue), nt = Gt(fe, ue, te), et = Rr(B, ["t", "l"]), Ve = Rr(V, ["t", "l"]), Xt = Rr(B, ["b", "r"]), yt = Rr(V, ["b", "r"]), It = A.overflow || {}, Zt = It.adjustX, An = It.adjustY, Ft = It.shiftX, Et = It.shiftY, Qt = function(Hn) {
+      var pt = A.points || [], zt = ae(pt, 2), St = zt[0], Tt = zt[1], ot = ic(Tt), ce = ic(St), _e = Rr(B, ot), Re = Rr(V, ce), de = re({}, A), fe = _e.x - Re.x + Ze, ue = _e.y - Re.y + Ae, Pe = Gt(fe, ue), nt = Gt(fe, ue, te), et = Rr(B, ["t", "l"]), qe = Rr(V, ["t", "l"]), Xt = Rr(B, ["b", "r"]), yt = Rr(V, ["b", "r"]), It = A.overflow || {}, Zt = It.adjustX, An = It.adjustY, Ft = It.shiftX, Et = It.shiftY, Qt = function(Hn) {
         return typeof Hn == "boolean" ? Hn : Hn >= 0;
       }, Ht, Jt, At, cn;
       Uo();
@@ -13257,7 +13257,7 @@ function $1(e, t, n, r, o, i, a) {
       }
       if (Pt && ce[0] === "b" && (Ht < Te.top || h.current.tb)) {
         var Oe = ue;
-        Sn ? Oe += O - G : Oe = Xt.y - Ve.y - Ae;
+        Sn ? Oe += O - G : Oe = Xt.y - qe.y - Ae;
         var Ye = Gt(fe, Oe), qt = Gt(fe, Oe, te);
         // Of course use larger one
         Ye > Pe || Ye === Pe && (!we || // Choose recommend one
@@ -13274,7 +13274,7 @@ function $1(e, t, n, r, o, i, a) {
       }
       if (Lt && ce[1] === "r" && (At < Te.left || h.current.lr)) {
         var tn = fe;
-        dn ? tn += F - Q : tn = Xt.x - Ve.x - Ze;
+        dn ? tn += F - Q : tn = Xt.x - qe.x - Ze;
         var yr = Gt(tn, ue), br = Gt(tn, ue, te);
         // Of course use larger one
         yr > Pe || yr === Pe && (!we || // Choose recommend one
@@ -13380,10 +13380,10 @@ function W1() {
       };
     }, [we]), te = s1(), He = p.useState(null), Te = ae(He, 2), Ee = Te[0], Ge = Te[1], ze = p.useRef(null), Ie = Ot(function(he) {
       ze.current = he, Eo(he) && Ee !== he && Ge(he), we == null || we.registerSubPopup(te, he);
-    }), Xe = p.useState(null), Je = ae(Xe, 2), je = Je[0], Ze = Je[1], Ae = p.useRef(null), Fe = Ot(function(he) {
-      Eo(he) && je !== he && (Ze(he), Ae.current = he);
+    }), Xe = p.useState(null), Je = ae(Xe, 2), Ve = Je[0], Ze = Je[1], Ae = p.useRef(null), Fe = Ot(function(he) {
+      Eo(he) && Ve !== he && (Ze(he), Ae.current = he);
     }), Ke = p.Children.only(a), vt = (Ke == null ? void 0 : Ke.props) || {}, st = {}, pt = Ot(function(he) {
-      var Se, rt, bt = je;
+      var Se, rt, bt = Ve;
       return (bt == null ? void 0 : bt.contains(he)) || ((Se = cs(bt)) === null || Se === void 0 ? void 0 : Se.host) === he || he === bt || (Ee == null ? void 0 : Ee.contains(he)) || ((rt = cs(Ee)) === null || rt === void 0 ? void 0 : rt.host) === he || he === Ee || Object.values(be.current).some(function(ut) {
         return (ut == null ? void 0 : ut.contains(he)) || he === ut;
       });
@@ -13402,7 +13402,7 @@ function W1() {
       de(he), ((Se = ue.current[ue.current.length - 1]) !== null && Se !== void 0 ? Se : Re) !== he && (ue.current.push(he), h == null || h(he));
     }), nt = p.useRef(), et = function() {
       clearTimeout(nt.current);
-    }, Ve = function(Se) {
+    }, qe = function(Se) {
       var rt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
       et(), rt === 0 ? Pe(Se) : nt.current = setTimeout(function() {
         Pe(Se);
@@ -13417,12 +13417,12 @@ function W1() {
     }, [Re]);
     var An = p.useState(null), Ft = ae(An, 2), Et = Ft[0], Qt = Ft[1], Ht = p.useState(null), Jt = ae(Ht, 2), At = Jt[0], cn = Jt[1], Pt = function(Se) {
       cn([Se.clientX, Se.clientY]);
-    }, Sn = $1(Re, Ee, Y && At !== null ? At : je, I, N, L, V), le = ae(Sn, 11), ve = le[0], Me = le[1], Oe = le[2], Ye = le[3], qt = le[4], Lt = le[5], dn = le[6], en = le[7], fn = le[8], _t = le[9], tn = le[10], yr = I1(ee, l, c, f), br = ae(yr, 2), Wt = br[0], Bt = br[1], Ln = Wt.has("click"), $n = Bt.has("click") || Bt.has("contextMenu"), Ut = Ot(function() {
+    }, Sn = $1(Re, Ee, Y && At !== null ? At : Ve, I, N, L, V), le = ae(Sn, 11), ve = le[0], Me = le[1], Oe = le[2], Ye = le[3], qt = le[4], Lt = le[5], dn = le[6], en = le[7], fn = le[8], _t = le[9], tn = le[10], yr = I1(ee, l, c, f), br = ae(yr, 2), Wt = br[0], Bt = br[1], Ln = Wt.has("click"), $n = Bt.has("click") || Bt.has("contextMenu"), Ut = Ot(function() {
       It || tn();
     }), Xr = function() {
-      fe.current && Y && $n && Ve(!1);
+      fe.current && Y && $n && qe(!1);
     };
-    z1(Re, je, Ee, Ut, Xr), ht(function() {
+    z1(Re, Ve, Ee, Ut, Xr), ht(function() {
       Ut();
     }, [At, I]), ht(function() {
       Re && !(N != null && N[I]) && Ut();
@@ -13439,8 +13439,8 @@ function W1() {
       };
     });
     var Le = p.useState(0), We = ae(Le, 2), Rt = We[0], Mt = We[1], zn = p.useState(0), Fn = ae(zn, 2), Zr = Fn[0], wr = Fn[1], or = function() {
-      if (z && je) {
-        var Se = je.getBoundingClientRect();
+      if (z && Ve) {
+        var Se = Ve.getBoundingClientRect();
         Mt(Se.width), wr(Se.height);
       }
     }, En = function() {
@@ -13460,7 +13460,7 @@ function W1() {
     function vn(he, Se, rt, bt) {
       st[he] = function(ut) {
         var Ko;
-        bt == null || bt(ut), Ve(Se, rt);
+        bt == null || bt(ut), qe(Se, rt);
         for (var xa = arguments.length, Mu = new Array(xa > 1 ? xa - 1 : 0), Yo = 1; Yo < xa; Yo++)
           Mu[Yo - 1] = arguments[Yo];
         (Ko = vt[he]) === null || Ko === void 0 || Ko.call.apply(Ko, [vt, ut].concat(Mu));
@@ -13468,26 +13468,26 @@ function W1() {
     }
     (Ln || $n) && (st.onClick = function(he) {
       var Se;
-      fe.current && $n ? Ve(!1) : !fe.current && Ln && (Pt(he), Ve(!0));
+      fe.current && $n ? qe(!1) : !fe.current && Ln && (Pt(he), qe(!0));
       for (var rt = arguments.length, bt = new Array(rt > 1 ? rt - 1 : 0), ut = 1; ut < rt; ut++)
         bt[ut - 1] = arguments[ut];
       (Se = vt.onClick) === null || Se === void 0 || Se.call.apply(Se, [vt, he].concat(bt));
     });
-    var ga = F1(Re, $n, je, Ee, C, S, pt, Ve), Gt = Wt.has("hover"), Uo = Bt.has("hover"), xr, Hn;
+    var ga = F1(Re, $n, Ve, Ee, C, S, pt, qe), Gt = Wt.has("hover"), Uo = Bt.has("hover"), xr, Hn;
     Gt && (vn("onMouseEnter", !0, w, function(he) {
       Pt(he);
     }), vn("onPointerEnter", !0, w, function(he) {
       Pt(he);
     }), xr = function(Se) {
-      (Re || It) && Ee !== null && Ee !== void 0 && Ee.contains(Se.target) && Ve(!0, w);
+      (Re || It) && Ee !== null && Ee !== void 0 && Ee.contains(Se.target) && qe(!0, w);
     }, Y && (st.onMouseMove = function(he) {
       var Se;
       (Se = vt.onMouseMove) === null || Se === void 0 || Se.call(vt, he);
     })), Uo && (vn("onMouseLeave", !1, v), vn("onPointerLeave", !1, v), Hn = function() {
-      Ve(!1, v);
+      qe(!1, v);
     }), Wt.has("focus") && vn("onFocus", !0, m), Bt.has("focus") && vn("onBlur", !1, b), Wt.has("contextMenu") && (st.onContextMenu = function(he) {
       var Se;
-      fe.current && Bt.has("contextMenu") ? Ve(!1) : (Pt(he), Ve(!0)), he.preventDefault();
+      fe.current && Bt.has("contextMenu") ? qe(!1) : (Pt(he), qe(!0)), he.preventDefault();
       for (var rt = arguments.length, bt = new Array(rt > 1 ? rt - 1 : 0), ut = 1; ut < rt; ut++)
         bt[ut - 1] = arguments[ut];
       (Se = vt.onContextMenu) === null || Se === void 0 || Se.call.apply(Se, [vt, he].concat(bt));
@@ -13519,7 +13519,7 @@ function W1() {
       popup: k,
       className: it(T, Qe),
       style: H,
-      target: je,
+      target: Ve,
       onMouseEnter: xr,
       onMouseLeave: Hn,
       onPointerEnter: xr,
@@ -13787,7 +13787,9 @@ function sv(e) {
   const f = e + "CollectionItemSlot", u = "data-radix-collection-item", y = /* @__PURE__ */ Lr(f), h = K.forwardRef(
     (w, d) => {
       const { scope: v, children: m, ...b } = w, C = K.useRef(null), x = gt(d, C), S = i(f, v);
-      return K.useEffect(() => (S.itemMap.set(C, { ref: C, ...b }), () => void S.itemMap.delete(C))), /* @__PURE__ */ R(y, { [u]: "", ref: x, children: m });
+      return K.useEffect(() => (S.itemMap.set(C, { ref: C, ...b }), () => {
+        S.itemMap.delete(C);
+      })), /* @__PURE__ */ R(y, { [u]: "", ref: x, children: m });
     }
   );
   h.displayName = f;
@@ -15213,15 +15215,15 @@ const qa = `
 `;
 function OE(e) {
   const { className: t, images: n, open: r, onOpenChange: o } = e, [i, a] = De(!1), [s, l] = De(0), [c, f] = De(1), u = ye(null), y = lt(() => n[s], [s, n]);
-  if (qe(() => {
+  if (je(() => {
     r && u.current && u.current.focus();
-  }, [r]), qe(() => {
+  }, [r]), je(() => {
     if (!r) return;
     const g = (w) => {
       w.key === "Escape" && (o == null || o(!1));
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [r, o]), qe(() => {
+  }, [r, o]), je(() => {
     if (r)
       a(!0);
     else {
@@ -15230,6 +15232,16 @@ function OE(e) {
       }, 150);
       return () => clearTimeout(g);
     }
+  }, [r]), je(() => {
+    if (!r) return;
+    const g = (w) => {
+      w.preventDefault();
+      const d = -w.deltaY * 1e-3;
+      f((v) => Math.min(Math.max(0.5, v + d), 2));
+    };
+    return window.addEventListener("wheel", g, { passive: !1 }), () => {
+      window.removeEventListener("wheel", g);
+    };
   }, [r]), !r && !i) return null;
   function h(g) {
     if (g === "reset") {
@@ -15589,12 +15601,12 @@ const Jx = Ts(
     }, C = (_) => {
       u == null || u(_.target.value);
     }, x = lt(() => s && i && !l || g, [s, l, g, i]), [S, E] = De(0), M = ye(null);
-    return qe(() => {
+    return je(() => {
       let _ = null;
       return g && M.current && (_ = new MutationObserver(() => {
         M.current && E(M.current.offsetWidth + 8);
       }), _.observe(M.current, { childList: !0, subtree: !0 }), E(M.current.offsetWidth + 8)), () => _ == null ? void 0 : _.disconnect();
-    }, [M.current]), qe(() => {
+    }, [M.current]), je(() => {
       s && !(g && M.current) && E(26);
     }, []), /* @__PURE__ */ me(
       "div",
@@ -15686,11 +15698,11 @@ const Jx = Ts(
     ), E = ye(x), [M, _] = De(I(x)), P = ye(null), k = ye(null), T = ye(null), H = (W) => {
       C && (typeof C == "function" ? C(W) : C.current = W), P.current = W;
     };
-    qe(() => {
+    je(() => {
       e !== void 0 && e !== x && (S(e), E.current = e, _(I(e)));
-    }, [e]), qe(() => {
+    }, [e]), je(() => {
       x !== null && (E.current = x);
-    }, [x]), qe(() => () => {
+    }, [x]), je(() => () => {
       k.current && clearTimeout(k.current), T.current && clearInterval(T.current);
     }, []);
     function I(W) {
@@ -15936,7 +15948,7 @@ function dC(e, t) {
   }, [i, Ie, Ee, ee]), Je = dt(function(de, fe) {
     var ue;
     return typeof l == "function" ? l(de) : (ue = l && (de == null ? void 0 : de[l])) !== null && ue !== void 0 ? ue : fe;
-  }, [l]), je = dt(a || function(de) {
+  }, [l]), Ve = dt(a || function(de) {
     return de;
   }, [a]);
   function Ze(de, fe, ue) {
@@ -16015,7 +16027,7 @@ function dC(e, t) {
       order: fe,
       key: ue,
       item: de,
-      renderItem: je,
+      renderItem: Ve,
       itemKey: ue,
       registerSize: Fe,
       display: fe <= ee
@@ -16696,9 +16708,9 @@ var FC = ["style", "className", "title", "eventKey", "warnKey", "disabled", "int
     "aria-disabled": Z,
     onClick: Te,
     onFocus: ze
-  }, Q), o, Xe), je = p.useRef(M);
-  if (M !== "inline" && U.length > 1 ? je.current = "vertical" : je.current = M, !k) {
-    var Ze = je.current;
+  }, Q), o, Xe), Ve = p.useRef(M);
+  if (M !== "inline" && U.length > 1 ? Ve.current = "vertical" : Ve.current = M, !k) {
+    var Ze = Ve.current;
     Je = /* @__PURE__ */ p.createElement($C, {
       mode: Ze,
       prefixCls: V,
@@ -16836,12 +16848,12 @@ var qC = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
   r.openAnimation, r.openTransitionName;
   var oe = r._internalRenderMenuItem, ee = r._internalRenderSubMenuItem, ne = r._internalComponents, be = ft(r, qC), we = p.useMemo(function() {
     return [vc(y, u, ur, ne, i), vc(y, u, ur, {}, i)];
-  }, [y, u, ne]), pe = ae(we, 2), te = pe[0], He = pe[1], Te = p.useState(!1), Ee = ae(Te, 2), Ge = Ee[0], ze = Ee[1], Ie = p.useRef(), Xe = EC(g), Je = h === "rtl", je = gi(_, {
+  }, [y, u, ne]), pe = ae(we, 2), te = pe[0], He = pe[1], Te = p.useState(!1), Ee = ae(Te, 2), Ge = Ee[0], ze = Ee[1], Ie = p.useRef(), Xe = EC(g), Je = h === "rtl", Ve = gi(_, {
     value: P,
     postState: function(Le) {
       return Le || ur;
     }
-  }), Ze = ae(je, 2), Ae = Ze[0], Fe = Ze[1], Ke = function(Le) {
+  }), Ze = ae(Ve, 2), Ae = Ze[0], Fe = Ze[1], Ke = function(Le) {
     var We = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     function Rt() {
       Fe(Le), Q == null || Q(Le);
@@ -16849,7 +16861,7 @@ var qC = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     We ? Ya(Rt) : Rt();
   }, vt = p.useState(Ae), st = ae(vt, 2), pt = st[0], zt = st[1], St = p.useRef(!1), Tt = p.useMemo(function() {
     return (d === "inline" || d === "vertical") && v ? ["vertical", v] : [d, !1];
-  }, [d, v]), ot = ae(Tt, 2), ce = ot[0], _e = ot[1], Re = ce === "inline", de = p.useState(ce), fe = ae(de, 2), ue = fe[0], Pe = fe[1], nt = p.useState(_e), et = ae(nt, 2), Ve = et[0], Xt = et[1];
+  }, [d, v]), ot = ae(Tt, 2), ce = ot[0], _e = ot[1], Re = ce === "inline", de = p.useState(ce), fe = ae(de, 2), ue = fe[0], Pe = fe[1], nt = p.useState(_e), et = ae(nt, 2), qe = et[0], Xt = et[1];
   p.useEffect(function() {
     Pe(ce), Xt(_e), St.current && (Re ? Fe(pt) : Ke(ur));
   }, [ce, _e]);
@@ -16959,7 +16971,7 @@ var qC = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     prefixCls: "".concat(i, "-overflow"),
     component: "ul",
     itemComponent: ha,
-    className: it(i, "".concat(i, "-root"), "".concat(i, "-").concat(ue), l, xe(xe({}, "".concat(i, "-inline-collapsed"), Ve), "".concat(i, "-rtl"), Je), a),
+    className: it(i, "".concat(i, "-root"), "".concat(i, "-").concat(ue), l, xe(xe({}, "".concat(i, "-inline-collapsed"), qe), "".concat(i, "-rtl"), Je), a),
     dir: h,
     style: s,
     role: "menu",
@@ -17072,7 +17084,7 @@ function Np(e) {
       W = Math.min(Math.max(0, V.t), A - $.height), Y = Math.min(Math.max(0, V.l), L - $.width);
     }
     b(B), v({ top: Math.round(W + window.scrollY), left: Math.round(Y + window.scrollX) });
-  }, [y, i]), qe(() => {
+  }, [y, i]), je(() => {
     if (!y) return;
     const T = () => {
       if (!h.current || !g.current) return;
@@ -17238,7 +17250,7 @@ const ZC = /* @__PURE__ */ (() => {
         }), o((a) => ({
           messages: a.messages.filter((s) => s.id !== i)
         }));
-      }, qe(() => {
+      }, je(() => {
         const i = [];
         return e = (a) => {
           const s = String(XC++);
@@ -17527,7 +17539,7 @@ Ru.defaultProps = {
 Ru.propTypes = {};
 function jE(e) {
   const { children: t, visible: n = !1, offset: r = [0, 0] } = e, o = ye(null), [i, a] = De(r), { mountContainer: s } = Jn(Tn);
-  qe(() => {
+  je(() => {
     if (!n) {
       a([-9999, -9999]);
       return;
@@ -17660,7 +17672,7 @@ function UE({
   const [i, a] = De(
     t !== void 0 ? t : n || e[0].value
   ), [s, l] = De({}), c = ye(/* @__PURE__ */ new Map()), f = ye(null);
-  qe(() => {
+  je(() => {
     t !== void 0 && t !== i && a(t);
   }, [t]);
   const u = (h, g) => {
@@ -17682,7 +17694,7 @@ function UE({
         });
     }
   };
-  qe(() => {
+  je(() => {
     u(i);
   }, [i]);
   const y = (h) => {
@@ -17948,7 +17960,7 @@ var nS = [
 ], rS = nS.reduce((e, t) => {
   const n = /* @__PURE__ */ Xc(`Primitive.${t}`), r = p.forwardRef((o, i) => {
     const { asChild: a, ...s } = o, l = a ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ R(l, { ...s, ref: i });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ R(l, { ...s, ref: i });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {}), oS = "Separator", mc = "horizontal", iS = ["horizontal", "vertical"], Tp = p.forwardRef((e, t) => {
@@ -17998,7 +18010,7 @@ const ZE = (e) => {
   const { defaultChecked: t = !1, onChange: n } = e, [r, o] = De(t), i = () => {
     o(!r), n == null || n(!r);
   };
-  return qe(() => {
+  return je(() => {
     o(t);
   }, [t]), /* @__PURE__ */ R("div", { className: "univer-h-4", children: /* @__PURE__ */ me("label", { className: "univer-relative univer-inline-block univer-h-4 univer-w-7", children: [
     /* @__PURE__ */ R(
@@ -18370,7 +18382,7 @@ const kS = (e) => {
   ]), ze = K.useMemo(() => u.duration || T || gc, [
     u.duration,
     T
-  ]), Ie = K.useRef(0), Xe = K.useRef(0), Je = K.useRef(0), je = K.useRef(null), [Ze, Ae] = H.split("-"), Fe = K.useMemo(() => d.reduce((ce, _e, Re) => Re >= Ee ? ce : ce + _e.height, 0), [
+  ]), Ie = K.useRef(0), Xe = K.useRef(0), Je = K.useRef(0), Ve = K.useRef(null), [Ze, Ae] = H.split("-"), Fe = K.useMemo(() => d.reduce((ce, _e, Re) => Re >= Ee ? ce : ce + _e.height, 0), [
     d,
     Ee
   ]), Ke = gS(), vt = u.invert || f, st = pe === "loading";
@@ -18444,11 +18456,9 @@ const kS = (e) => {
         oe.current = oe.current - de;
       }
       Je.current = (/* @__PURE__ */ new Date()).getTime();
-    })() : (() => {
-      oe.current !== 1 / 0 && (Ie.current = (/* @__PURE__ */ new Date()).getTime(), ce = setTimeout(() => {
-        u.onAutoClose == null || u.onAutoClose.call(u, u), pt();
-      }, oe.current));
-    })(), () => clearTimeout(ce);
+    })() : oe.current !== 1 / 0 && (Ie.current = (/* @__PURE__ */ new Date()).getTime(), ce = setTimeout(() => {
+      u.onAutoClose == null || u.onAutoClose.call(u, u), pt();
+    }, oe.current)), () => clearTimeout(ce);
   }, [
     b,
     h,
@@ -18512,10 +18522,10 @@ const kS = (e) => {
       ...u.style
     },
     onDragEnd: () => {
-      j(!1), B(null), je.current = null;
+      j(!1), B(null), Ve.current = null;
     },
     onPointerDown: (ce) => {
-      ce.button !== 2 && (st || !te || (ee.current = /* @__PURE__ */ new Date(), G(Xe.current), ce.target.setPointerCapture(ce.pointerId), ce.target.tagName !== "BUTTON" && (j(!0), je.current = {
+      ce.button !== 2 && (st || !te || (ee.current = /* @__PURE__ */ new Date(), G(Xe.current), ce.target.setPointerCapture(ce.pointerId), ce.target.tagName !== "BUTTON" && (j(!0), Ve.current = {
         x: ce.clientX,
         y: ce.clientY
       })));
@@ -18523,25 +18533,25 @@ const kS = (e) => {
     onPointerUp: () => {
       var ce, _e, Re;
       if (q || !te) return;
-      je.current = null;
+      Ve.current = null;
       const de = Number(((ce = ne.current) == null ? void 0 : ce.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), fe = Number(((_e = ne.current) == null ? void 0 : _e.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), ue = (/* @__PURE__ */ new Date()).getTime() - ((Re = ee.current) == null ? void 0 : Re.getTime()), Pe = z === "x" ? de : fe, nt = Math.abs(Pe) / ue;
       if (Math.abs(Pe) >= DS || nt > 0.11) {
         G(Xe.current), u.onDismiss == null || u.onDismiss.call(u, u), Y(z === "x" ? de > 0 ? "right" : "left" : fe > 0 ? "down" : "up"), pt(), J(!0);
         return;
       } else {
-        var et, Ve;
-        (et = ne.current) == null || et.style.setProperty("--swipe-amount-x", "0px"), (Ve = ne.current) == null || Ve.style.setProperty("--swipe-amount-y", "0px");
+        var et, qe;
+        (et = ne.current) == null || et.style.setProperty("--swipe-amount-x", "0px"), (qe = ne.current) == null || qe.style.setProperty("--swipe-amount-y", "0px");
       }
       O(!1), j(!1), B(null);
     },
     onPointerMove: (ce) => {
       var _e, Re, de;
-      if (!je.current || !te || ((_e = window.getSelection()) == null ? void 0 : _e.toString().length) > 0) return;
-      const ue = ce.clientY - je.current.y, Pe = ce.clientX - je.current.x;
+      if (!Ve.current || !te || ((_e = window.getSelection()) == null ? void 0 : _e.toString().length) > 0) return;
+      const ue = ce.clientY - Ve.current.y, Pe = ce.clientX - Ve.current.x;
       var nt;
       const et = (nt = e.swipeDirections) != null ? nt : OS(H);
       !z && (Math.abs(Pe) > 1 || Math.abs(ue) > 1) && B(Math.abs(Pe) > Math.abs(ue) ? "x" : "y");
-      let Ve = {
+      let qe = {
         x: 0,
         y: 0
       };
@@ -18549,19 +18559,19 @@ const kS = (e) => {
       if (z === "y") {
         if (et.includes("top") || et.includes("bottom"))
           if (et.includes("top") && ue < 0 || et.includes("bottom") && ue > 0)
-            Ve.y = ue;
+            qe.y = ue;
           else {
             const yt = ue * Xt(ue);
-            Ve.y = Math.abs(yt) < Math.abs(ue) ? yt : ue;
+            qe.y = Math.abs(yt) < Math.abs(ue) ? yt : ue;
           }
       } else if (z === "x" && (et.includes("left") || et.includes("right")))
         if (et.includes("left") && Pe < 0 || et.includes("right") && Pe > 0)
-          Ve.x = Pe;
+          qe.x = Pe;
         else {
           const yt = Pe * Xt(Pe);
-          Ve.x = Math.abs(yt) < Math.abs(Pe) ? yt : Pe;
+          qe.x = Math.abs(yt) < Math.abs(Pe) ? yt : Pe;
         }
-      (Math.abs(Ve.x) > 0 || Math.abs(Ve.y) > 0) && O(!0), (Re = ne.current) == null || Re.style.setProperty("--swipe-amount-x", `${Ve.x}px`), (de = ne.current) == null || de.style.setProperty("--swipe-amount-y", `${Ve.y}px`);
+      (Math.abs(qe.x) > 0 || Math.abs(qe.y) > 0) && O(!0), (Re = ne.current) == null || Re.style.setProperty("--swipe-amount-x", `${qe.x}px`), (de = ne.current) == null || de.style.setProperty("--swipe-amount-y", `${qe.y}px`);
     }
   }, Ge && !u.jsx && pe !== "loading" ? /* @__PURE__ */ K.createElement("button", {
     "aria-label": A,
@@ -19055,7 +19065,7 @@ function BS(e, t, n) {
     var w = e(h);
     s.current.get(w), g ? (s.current.set(w, g), u()) : s.current.delete(w);
   }
-  return qe(function() {
+  return je(function() {
     return f;
   }, []), [y, u, l.current, i];
 }
@@ -19371,7 +19381,7 @@ function ZS(e, t) {
       end: Ye,
       offset: Oe
     };
-  }, [B, A, q, U, L, i]), Ie = ze.scrollHeight, Xe = ze.start, Je = ze.end, je = ze.offset;
+  }, [B, A, q, U, L, i]), Ie = ze.scrollHeight, Xe = ze.start, Je = ze.end, Ve = ze.offset;
   te.current.start = Xe, te.current.end = Je, p.useLayoutEffect(function() {
     var le = N.getRecord();
     if (le.size === 1) {
@@ -19417,7 +19427,7 @@ function ZS(e, t) {
       (nt.current.x !== ve.x || nt.current.y !== ve.y) && (b(ve), nt.current = ve);
     }
   });
-  function Ve(le, ve) {
+  function qe(le, ve) {
     var Me = le;
     ve ? (Ya(function() {
       G(Me);
@@ -19504,7 +19514,7 @@ function ZS(e, t) {
     end: Je,
     virtual: B,
     offsetX: F,
-    offsetY: je,
+    offsetY: Ve,
     rtl: W,
     getSize: Jt
   }), cn = LS(U, Xe, Je, w, F, I, u, we), Pt = null;
@@ -19528,7 +19538,7 @@ function ZS(e, t) {
     prefixCls: r,
     height: Ie,
     offsetX: F,
-    offsetY: je,
+    offsetY: Ve,
     scrollWidth: w,
     onInnerResize: $,
     ref: Z,
@@ -19541,7 +19551,7 @@ function ZS(e, t) {
     scrollOffset: q,
     scrollRange: Ie,
     rtl: W,
-    onScroll: Ve,
+    onScroll: qe,
     onStartMove: ne,
     onStopMove: be,
     spinSize: St,
@@ -19555,7 +19565,7 @@ function ZS(e, t) {
     scrollOffset: F,
     scrollRange: w,
     rtl: W,
-    onScroll: Ve,
+    onScroll: qe,
     onStartMove: ne,
     onStopMove: be,
     spinSize: zt,
@@ -19662,7 +19672,7 @@ function rR(e) {
       w.findNodePathFromTreeWithCache(x).forEach((E) => C.add(E));
     }), C;
   }, [a, w]);
-  qe(() => {
+  je(() => {
     function C(x) {
       var S;
       g.add(x.key), (S = x.children) == null || S.forEach(C);