@unicom-cloud/ui 0.8.66 → 0.8.67

package/ResizeBox.js

@@ -1,271 +1,272 @@
-import { jsx as m, jsxs as ft } from "react/jsx-runtime";
-import vt from "lodash/isNumber";
-import Wt, { useContext as ut, useRef as F, useEffect as lt, forwardRef as Ct, useState as st, useImperativeHandle as zt } from "react";
-import { d as mt } from "./chunk/-zpSUpGE.js";
-import { useMergeProps as Yt } from "./hooks/useMergeProps.js";
-import { useMergeValue as Tt } from "./hooks/useMergeValue.js";
-import { y as P } from "./chunk/BAWsPQBM.js";
-import { on as y, off as $ } from "./utils/dom.js";
-import Mt from "./utils/omit.js";
+import { jsx as m, jsxs as ut } from "react/jsx-runtime";
+import wt from "lodash/isNumber";
+import Wt, { useContext as mt, useRef as Y, useEffect as ft, forwardRef as zt, useState as st, useImperativeHandle as Ct } from "react";
+import { a as gt } from "./chunk/BJQ5UNa-.js";
+import { c as Yt } from "./chunk/B5gK1Idp.js";
+import { R as Tt } from "./chunk/HDUQku8d.js";
+import { m as P } from "./chunk/JPPo5nY_.js";
+import { on as $, off as y } from "./utils/dom.js";
+import { c as Ot } from "./chunk/BdUcgWdu.js";
 import Ft from "@unicom-cloud/icons/IconUiCaretDown";
 import bt from "@unicom-cloud/icons/IconUiCaretLeft";
 import It from "@unicom-cloud/icons/IconUiCaretRight";
 import kt from "@unicom-cloud/icons/IconUiCaretUp";
 import Ut from "@unicom-cloud/icons/IconUiDragDot";
-import Vt from "@unicom-cloud/icons/IconUiDragDotVertical";
-import wt from "lodash/isFunction";
-import "./utils/is.js";
+import _t from "@unicom-cloud/icons/IconUiDragDotVertical";
+import lt from "lodash/isFunction";
+import "./chunk/CkNSv2U7.js";
+import { l as Vt } from "./chunk/flvYlqx3.js";
 import St from "lodash/isPlainObject.js";
-import { useIsomorphicLayoutEffect as _t } from "./hooks/useIsomorphicLayoutEffect.js";
+import { s as Gt } from "./chunk/DcveZuqd.js";
 import it from "lodash/isPlainObject";
 import Lt from "lodash/isString";
 import Pt from "lodash/isUndefined";
 function Nt(r) {
   const {
-    className: ot,
+    className: nt,
     direction: g,
-    icon: q,
-    onMouseDown: J,
-    onResize: x,
-    children: K,
-    collapsible: z = {},
-    resizable: X = !0,
+    icon: j,
+    onMouseDown: q,
+    onResize: w,
+    children: J,
+    collapsible: C = {},
+    resizable: A = !0,
     renderChildren: b,
-    ...Q
-  } = r, { getPrefixCls: rt, rtl: M } = ut(mt), d = rt("resizebox-trigger"), D = g === "horizontal", N = M && !D, T = P(
+    ...K
+  } = r, { getPrefixCls: ot, rtl: O } = mt(gt), d = ot("resizebox-trigger"), D = g === "horizontal", N = O && !D, T = P(
     d,
     `${d}-${D ? "horizontal" : "vertical"}`,
-    { [`${d}-not-resizable`]: !X },
-    { [`${d}-rtl`]: M },
-    ot
-  ), l = F(), k = N ? [/* @__PURE__ */ m(It, {}, "prev"), /* @__PURE__ */ m(bt, {}, "next")] : [/* @__PURE__ */ m(bt, {}, "prev"), /* @__PURE__ */ m(It, {}, "next")], I = St(z.prev) ? {
-    ...z.prev,
-    icon: z.prev.icon || (D ? /* @__PURE__ */ m(kt, {}) : k[0])
-  } : {}, E = St(z.next) ? {
-    ...z.next,
-    icon: z.next.icon || (D ? /* @__PURE__ */ m(Ft, {}) : k[1])
-  } : {}, U = () => I.icon && !I.collapsed || E.collapsed ? /* @__PURE__ */ m(
+    { [`${d}-not-resizable`]: !A },
+    { [`${d}-rtl`]: O },
+    nt
+  ), l = Y(), F = N ? [/* @__PURE__ */ m(It, {}, "prev"), /* @__PURE__ */ m(bt, {}, "next")] : [/* @__PURE__ */ m(bt, {}, "prev"), /* @__PURE__ */ m(It, {}, "next")], I = St(C.prev) ? {
+    ...C.prev,
+    icon: C.prev.icon || (D ? /* @__PURE__ */ m(kt, {}) : F[0])
+  } : {}, E = St(C.next) ? {
+    ...C.next,
+    icon: C.next.icon || (D ? /* @__PURE__ */ m(Ft, {}) : F[1])
+  } : {}, k = () => I.icon && !I.collapsed || E.collapsed ? /* @__PURE__ */ m(
     "span",
     {
       className: P(`${d}-icon`, P(`${d}-prev`)),
       onClick: I.onClick,
       children: I.icon
     }
-  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), tt = () => E.icon && !E.collapsed || I.collapsed ? /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), Q = () => E.icon && !E.collapsed || I.collapsed ? /* @__PURE__ */ m(
     "span",
     {
       className: P(`${d}-icon`, P(`${d}-next`)),
       onClick: E.onClick,
       children: E.icon
     }
-  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), w = () => X ? /* @__PURE__ */ m("span", { className: `${d}-icon`, children: q || (D ? /* @__PURE__ */ m(Ut, {}) : /* @__PURE__ */ m(Vt, {})) }) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), O = U(), f = w(), h = tt(), V = () => /* @__PURE__ */ ft("div", { className: `${d}-icon-wrapper`, children: [
-    O,
-    f,
+  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), p = () => A ? /* @__PURE__ */ m("span", { className: `${d}-icon`, children: j || (D ? /* @__PURE__ */ m(Ut, {}) : /* @__PURE__ */ m(_t, {})) }) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), M = k(), a = p(), h = Q(), U = () => /* @__PURE__ */ ut("div", { className: `${d}-icon-wrapper`, children: [
+    M,
+    a,
     h
   ] });
-  return X ? (lt(() => {
-    let c;
-    return l.current && (c = new ResizeObserver(x), c.observe(l.current)), () => {
-      var H, _;
-      l.current && ((H = c == null ? void 0 : c.unobserve) == null || H.call(c, l.current)), (_ = c == null ? void 0 : c.disconnect) == null || _.call(c), c = null;
+  return A ? (ft(() => {
+    if (!lt(w)) return;
+    const u = Vt([l.current], w);
+    return () => {
+      u();
     };
-  }, [l.current]), /* @__PURE__ */ m(
+  }, [l.current, w]), /* @__PURE__ */ m(
     "div",
     {
       ref: l,
-      ...Mt(Q, ["style"]),
+      ...Ot(K, ["style"]),
       className: T,
-      onMouseDown: J,
-      children: wt(b) ? b(O, f, h) : K || V()
+      onMouseDown: q,
+      children: lt(b) ? b(M, a, h) : J || U()
     }
-  )) : /* @__PURE__ */ m("div", { className: T, children: wt(b) ? b(O, f, h) : K || V() });
+  )) : /* @__PURE__ */ m("div", { className: T, children: lt(b) ? b(M, a, h) : J || U() });
 }
-const dt = "horizontal", Dt = "vertical";
-function Gt(r, ot) {
+const ht = "horizontal", Dt = "vertical";
+function jt(r, nt) {
   const {
     style: g,
-    className: q,
-    component: J = "div",
-    direction: x = "horizontal",
-    icon: K,
-    size: z = 0.5,
-    min: X,
+    className: j,
+    component: q = "div",
+    direction: w = "horizontal",
+    icon: J,
+    size: C = 0.5,
+    min: A,
     max: b,
-    panes: Q,
-    disabled: rt,
-    trigger: M
-  } = r, { getPrefixCls: d, rtl: D } = ut(mt), N = d("resizebox-split"), T = x.includes(dt), l = x.includes("reverse"), k = T && D, I = !T, E = P(
+    panes: K,
+    disabled: ot,
+    trigger: O
+  } = r, { getPrefixCls: d, rtl: D } = mt(gt), N = d("resizebox-split"), T = w.includes(ht), l = w.includes("reverse"), F = T && D, I = !T, E = P(
     N,
-    `${N}-${T ? dt : Dt}`,
+    `${N}-${T ? ht : Dt}`,
     { [`${N}-rtl`]: D },
-    q
-  ), [U, tt] = Q, w = typeof z == "string", [O, f] = st(parseFloat(z)), [h, V] = st(0), c = F({
+    j
+  ), [k, Q] = K, p = typeof C == "string", [M, a] = st(parseFloat(C)), [h, U] = st(0), u = Y({
     startX: 0,
     startY: 0,
     startWidth: 0,
     startHeight: 0,
     startOffset: 0,
     moving: !1
-  }), H = F(), _ = F([]);
-  zt(ot, () => H.current, []);
-  function L(t, e) {
+  }), Z = Y(), rt = Y([]);
+  Ct(nt, () => Z.current, []);
+  function _(t, e) {
     return parseFloat(t) / parseFloat(e);
   }
-  function B(t, e, n, o) {
-    const s = typeof X == "string" ? L(parseFloat(X), t) : X || 0, a = typeof b == "string" ? L(parseFloat(b), t) : b || 1;
-    let u = l ? -1 : 1;
-    u *= k ? -1 : 1;
-    let A = w ? e + (o - n) * u : L(
-      t * e + (o - n) * u,
+  function X(t, e, n, o) {
+    const s = typeof A == "string" ? _(parseFloat(A), t) : A || 0, c = typeof b == "string" ? _(parseFloat(b), t) : b || 1;
+    let f = l ? -1 : 1;
+    f *= F ? -1 : 1;
+    let H = p ? e + (o - n) * f : _(
+      t * e + (o - n) * f,
       t
     );
-    const nt = w ? s * t : s, W = w ? a * t : a;
-    return A = Math.max(A, nt), A = Math.min(A, W), A;
+    const et = p ? s * t : s, B = p ? c * t : c;
+    return H = Math.max(H, et), H = Math.min(H, B), H;
   }
-  function G(t) {
+  function V(t) {
     var e, n, o;
-    (e = r.onMovingStart) == null || e.call(r), c.current.moving = !0, c.current.startX = t.pageX, c.current.startY = t.pageY, c.current.startWidth = (n = H.current) == null ? void 0 : n.offsetWidth, c.current.startHeight = (o = H.current) == null ? void 0 : o.offsetHeight, c.current.startOffset = O, y(window, "mousemove", j), y(window, "touchmove", j), y(window, "mouseup", Z), y(window, "touchend", Z), y(window, "contextmenu", Z), document.body.style.cursor = I ? "row-resize" : "col-resize";
+    (e = r.onMovingStart) == null || e.call(r), u.current.moving = !0, u.current.startX = t.pageX, u.current.startY = t.pageY, u.current.startWidth = (n = Z.current) == null ? void 0 : n.offsetWidth, u.current.startHeight = (o = Z.current) == null ? void 0 : o.offsetHeight, u.current.startOffset = M, $(window, "mousemove", G), $(window, "touchmove", G), $(window, "mouseup", L), $(window, "touchend", L), $(window, "contextmenu", L), document.body.style.cursor = I ? "row-resize" : "col-resize";
   }
-  function j(t) {
+  function G(t) {
     var e;
-    if (c.current.moving) {
-      const n = T ? B(
-        c.current.startWidth,
-        c.current.startOffset,
-        c.current.startX,
+    if (u.current.moving) {
+      const n = T ? X(
+        u.current.startWidth,
+        u.current.startOffset,
+        u.current.startX,
         t.pageX
-      ) : B(
-        c.current.startHeight,
-        c.current.startOffset,
-        c.current.startY,
+      ) : X(
+        u.current.startHeight,
+        u.current.startOffset,
+        u.current.startY,
         t.pageY
       );
-      f(n), (e = r.onMoving) == null || e.call(r, t, w ? `${n}px` : n);
+      a(n), (e = r.onMoving) == null || e.call(r, t, p ? `${n}px` : n);
     }
   }
-  function Z() {
+  function L() {
     var t;
-    c.current.moving = !1, $(window, "mousemove", j), $(window, "touchmove", j), $(window, "mouseup", Z), $(window, "touchend", Z), $(window, "contextmenu", Z), document.body.style.cursor = "default", (t = r.onMovingEnd) == null || t.call(r);
+    u.current.moving = !1, y(window, "mousemove", G), y(window, "touchmove", G), y(window, "mouseup", L), y(window, "touchend", L), y(window, "contextmenu", L), document.body.style.cursor = "default", (t = r.onMovingEnd) == null || t.call(r);
   }
   function ct(t) {
     const { contentRect: e } = t[0], n = e[I ? "height" : "width"];
-    V(n);
+    U(n);
   }
   function i() {
-    const t = w ? "px" : "%";
-    return O ? `calc(${w ? O : O * 100}${t} - ${h / 2}px)` : `0${t}`;
+    const t = p ? "px" : "%";
+    return M ? `calc(${p ? M : M * 100}${t} - ${h / 2}px)` : `0${t}`;
   }
-  lt(() => {
+  ft(() => {
     var t;
-    (t = r.onPaneResize) == null || t.call(r, _.current);
-  }, [O, h]), _t(() => {
-    const t = parseFloat(z);
-    O !== t && f(t);
-  }, [z]);
-  const v = J, p = /* @__PURE__ */ m(
+    (t = r.onPaneResize) == null || t.call(r, rt.current);
+  }, [M, h]), Gt(() => {
+    const t = parseFloat(C);
+    M !== t && a(t);
+  }, [C]);
+  const v = q, x = /* @__PURE__ */ m(
     "div",
     {
       className: P(`${N}-pane`, "first-pane"),
       style: { flexBasis: i() },
       ref: (t) => {
-        _.current[0] = t;
+        rt.current[0] = t;
       },
-      children: U
+      children: k
     }
   ), R = /* @__PURE__ */ m(
     "div",
     {
       className: P(`${N}-pane`, "second-pane"),
       ref: (t) => {
-        _.current[1] = t;
+        rt.current[1] = t;
       },
-      children: tt
+      children: Q
     }
-  ), S = l ? [R, p] : [p, R];
-  return /* @__PURE__ */ ft(v, { style: g, className: E, ref: H, children: [
+  ), S = l ? [R, x] : [x, R];
+  return /* @__PURE__ */ ut(v, { style: g, className: E, ref: Z, children: [
     S[0],
-    !rt && /* @__PURE__ */ m(
+    !ot && /* @__PURE__ */ m(
       Nt,
       {
         className: `${N}-trigger`,
-        direction: I ? dt : Dt,
-        icon: K,
-        onMouseDown: G,
+        direction: I ? ht : Dt,
+        icon: J,
+        onMouseDown: V,
         onResize: ct,
-        children: M
+        children: O
       }
     ),
     S[1]
   ] });
 }
-const Ht = Ct(Gt);
+const Ht = zt(jt);
 Ht.displayName = "ResizeBoxSplit";
-const ht = "horizontal", Et = "vertical";
-function jt(r, ot) {
+const vt = "horizontal", Et = "vertical";
+function Zt(r, nt) {
   const {
     panes: g,
-    style: q,
-    className: J,
-    component: x = "div",
-    direction: K = "horizontal",
-    icon: z,
-    ...X
-  } = r, { getPrefixCls: b, rtl: Q } = ut(mt), rt = 1 / g.length, M = F(), d = F(
+    style: j,
+    className: q,
+    component: w = "div",
+    direction: J = "horizontal",
+    icon: C,
+    ...A
+  } = r, { getPrefixCls: b, rtl: K } = mt(gt), ot = 1 / g.length, O = Y(), d = Y(
     new Array(g.length).fill({
       moving: !1,
       startOffset: 0,
       startPosition: 0
     })
-  ), D = F([]), N = F(0), T = F([]), [l, k] = st(
-    new Array(g.length).fill(rt)
-  ), [I, E] = st(!1), [U, tt] = st(
+  ), D = Y([]), N = Y(0), T = Y([]), [l, F] = st(
+    new Array(g.length).fill(ot)
+  ), [I, E] = st(!1), [k, Q] = st(
     new Array(g.length).fill(0)
-  ), [w, O] = st(
+  ), [p, M] = st(
     new Array(Math.max(g.length - 1, 0)).fill({ prev: !1, next: !1 })
-  ), f = b("resizebox-split-group"), h = K === ht, V = h && Q, c = !h, H = P(
-    f,
-    `${f}-${h ? ht : Et}`,
-    { [`${f}-moving`]: I },
-    { [`${f}-rtl`]: Q },
-    J
-  ), _ = x, L = () => {
+  ), a = b("resizebox-split-group"), h = J === vt, U = h && K, u = !h, Z = P(
+    a,
+    `${a}-${h ? vt : Et}`,
+    { [`${a}-moving`]: I },
+    { [`${a}-rtl`]: K },
+    q
+  ), rt = w, _ = () => {
     let t = [];
     g.forEach((s) => {
-      const { size: a } = s;
-      Pt(a) ? t.push(void 0) : t.push(G(a));
+      const { size: c } = s;
+      Pt(c) ? t.push(void 0) : t.push(V(c));
     });
-    const e = t.filter((s) => !s), o = (1 - t.reduce((s, a) => (s || 0) + (a || 0), 0)) / e.length;
+    const e = t.filter((s) => !s), o = (1 - t.reduce((s, c) => (s || 0) + (c || 0), 0)) / e.length;
     return t = t.map((s) => Pt(s) ? o : s), t;
-  }, B = (t) => {
-    const e = U[t - 1] || 0, n = U[t];
+  }, X = (t) => {
+    const e = k[t - 1] || 0, n = k[t];
     return `calc(${l[t] * 100}% - ${(e + n) / 2}px)`;
   };
-  function G(t) {
-    const e = h ? M.current.offsetWidth : M.current.offsetHeight;
-    if (!t || vt(t) && t < 0)
+  function V(t) {
+    const e = h ? O.current.offsetWidth : O.current.offsetHeight;
+    if (!t || wt(t) && t < 0)
       return 0;
     const n = Lt(t) ? parseFloat(t) / e : t;
     return Math.min(n, 1);
   }
-  const j = (t) => {
-    const e = Math.min(t + 1, g.length - 1), n = l[t] + l[e], o = G(g[t].min) || 0;
-    let s = G(g[t].max) || n;
-    const a = G(g[e].min) || 0;
-    let u = G(g[e].max) || n;
-    return s = Math.min(n - a, s), u = Math.min(n - o, u), {
+  const G = (t) => {
+    const e = Math.min(t + 1, g.length - 1), n = l[t] + l[e], o = V(g[t].min) || 0;
+    let s = V(g[t].max) || n;
+    const c = V(g[e].min) || 0;
+    let f = V(g[e].max) || n;
+    return s = Math.min(n - c, s), f = Math.min(n - o, f), {
       currentMin: o,
       currentMax: s,
-      nextMin: a,
-      nextMax: u
+      nextMin: c,
+      nextMax: f
     };
-  }, Z = (t, e, n) => {
-    const o = N.current, s = o + 1, a = [...l], u = V ? -1 : 1, et = l[o], A = l[s], nt = et + A, { currentMin: W, currentMax: C } = j(o);
-    let Y = t + G(`${(n - e) * u}px`);
-    return Y = Math.max(W, Y), Y = Math.min(C, Y), a[o] = Y, a[s] = nt - Y, a;
+  }, L = (t, e, n) => {
+    const o = N.current, s = o + 1, c = [...l], f = U ? -1 : 1, tt = l[o], H = l[s], et = tt + H, { currentMin: B, currentMax: z } = G(o);
+    let W = t + V(`${(n - e) * f}px`);
+    return W = Math.max(B, W), W = Math.min(z, W), c[o] = W, c[s] = et - W, c;
   };
   function ct(t, e) {
-    const { contentRect: n } = t[0], o = n[c ? "height" : "width"], s = [...U];
-    s[e] = o, tt(s);
+    const { contentRect: n } = t[0], o = n[u ? "height" : "width"], s = [...k];
+    s[e] = o, Q(s);
   }
   const i = (t) => {
     let e = g[t].collapsible;
@@ -273,30 +274,30 @@ function jt(r, ot) {
     const { prev: n, next: o } = e;
     if (!n && !o)
       return {};
-    if (!w[t])
+    if (!p[t])
       return {};
-    const s = !!n || !n && w[t].next, a = !!o || !o && w[t].prev;
-    return { hasPrev: s, hasNext: a };
+    const s = !!n || !n && p[t].next, c = !!o || !o && p[t].prev;
+    return { hasPrev: s, hasNext: c };
   };
   function v(t, e) {
     var o;
     (o = r.onMovingStart) == null || o.call(r, e), N.current = e;
     const n = d.current[e];
-    n.moving = !0, n.startOffset = l[e], n.startPosition = h ? t.pageX : t.pageY, E(!0), y(window, "mousemove", p), y(window, "touchmove", p), y(window, "mouseup", R), y(window, "touchend", R), y(window, "contextmenu", R), document.body.style.cursor = c ? "row-resize" : "col-resize";
+    n.moving = !0, n.startOffset = l[e], n.startPosition = h ? t.pageX : t.pageY, E(!0), $(window, "mousemove", x), $(window, "touchmove", x), $(window, "mouseup", R), $(window, "touchend", R), $(window, "contextmenu", R), document.body.style.cursor = u ? "row-resize" : "col-resize";
   }
-  function p(t) {
+  function x(t) {
     var s;
-    const e = N.current, n = d.current[e], o = h ? M.current.offsetWidth : M.current.offsetHeight;
+    const e = N.current, n = d.current[e], o = h ? O.current.offsetWidth : O.current.offsetHeight;
     if (n.moving) {
-      const a = Z(
+      const c = L(
         n.startOffset,
         n.startPosition,
         h ? t.pageX : t.pageY
       );
-      k(a), T.current = a, (s = r == null ? void 0 : r.onMoving) == null || s.call(
+      F(c), T.current = c, (s = r == null ? void 0 : r.onMoving) == null || s.call(
         r,
         t,
-        a.map((u) => `${u * o}px`),
+        c.map((f) => `${f * o}px`),
         e
       );
     }
@@ -304,79 +305,79 @@ function jt(r, ot) {
   function R() {
     var e;
     const t = N.current;
-    d.current[t].moving = !1, E(!1), $(window, "mousemove", p), $(window, "touchmove", p), $(window, "mouseup", R), $(window, "touchend", R), $(window, "contextmenu", R), document.body.style.cursor = "default", (e = r.onMovingEnd) == null || e.call(r, t);
+    d.current[t].moving = !1, E(!1), y(window, "mousemove", x), y(window, "touchmove", x), y(window, "mouseup", R), y(window, "touchend", R), y(window, "contextmenu", R), document.body.style.cursor = "default", (e = r.onMovingEnd) == null || e.call(r, t);
   }
   function S(t, e, n, o) {
-    var yt, $t;
-    const s = e + 1, a = [...l], u = l[e], et = l[s], A = u + et, nt = h ? M.current.offsetWidth : M.current.offsetHeight, { currentMin: W, nextMin: C } = j(e);
-    let Y = T.current[e], at = T.current[s], gt = w[e][n];
-    n === "prev" ? (et !== C || at === C) && (Y = W, at = A - W, gt = !0) : (u !== W || Y === W) && (Y = A - C, at = C, gt = !0), a[e] = Y, a[s] = at, (yt = r == null ? void 0 : r.onMoving) == null || yt.call(
+    var $t, yt;
+    const s = e + 1, c = [...l], f = l[e], tt = l[s], H = f + tt, et = h ? O.current.offsetWidth : O.current.offsetHeight, { currentMin: B, nextMin: z } = G(e);
+    let W = T.current[e], at = T.current[s], dt = p[e][n];
+    n === "prev" ? (tt !== z || at === z) && (W = B, at = H - B, dt = !0) : (f !== B || W === B) && (W = H - z, at = z, dt = !0), c[e] = W, c[s] = at, ($t = r == null ? void 0 : r.onMoving) == null || $t.call(
       r,
       t,
-      a.map((Bt) => `${Bt * nt}px`),
+      c.map((Bt) => `${Bt * et}px`),
       e
-    ), ($t = r.onMovingEnd) == null || $t.call(r, e), k(a), wt(o) && o(t, e, n, gt);
+    ), (yt = r.onMovingEnd) == null || yt.call(r, e), F(c), lt(o) && o(t, e, n, dt);
   }
-  return lt(() => {
-    const t = L();
-    k(t), T.current = t;
-  }, [JSON.stringify(g.map((t) => t.size))]), zt(ot, () => M.current, []), lt(() => {
+  return ft(() => {
+    const t = _();
+    F(t), T.current = t;
+  }, [JSON.stringify(g.map((t) => t.size))]), Ct(nt, () => O.current, []), ft(() => {
     const t = [];
     l.forEach((e, n) => {
-      const o = { prev: !1, next: !1 }, s = n + 1, { currentMin: a, nextMin: u } = j(n);
-      e === a ? o.prev = !0 : l[s] === u && (o.next = !0), t.push(o);
-    }), O(t);
+      const o = { prev: !1, next: !1 }, s = n + 1, { currentMin: c, nextMin: f } = G(n);
+      e === c ? o.prev = !0 : l[s] === f && (o.next = !0), t.push(o);
+    }), M(t);
   }, [l]), /* @__PURE__ */ m(
-    _,
+    rt,
     {
-      ...Mt(X, [
+      ...Ot(A, [
         "onMovingStart",
         "onPaneResize",
         "onMoving",
         "onMovingEnd"
       ]),
-      style: q,
-      className: H,
-      ref: M,
+      style: j,
+      className: Z,
+      ref: O,
       children: g.map((t, e) => {
         const {
           content: n,
           disabled: o,
           trigger: s,
-          resizable: a = !0,
-          collapsible: u = {}
-        } = t, { hasPrev: et, hasNext: A } = i(e), nt = it(u) && it(u.prev) ? u.prev : {}, W = it(u) && it(u.next) ? u.next : {};
-        return /* @__PURE__ */ ft(Wt.Fragment, { children: [
+          resizable: c = !0,
+          collapsible: f = {}
+        } = t, { hasPrev: tt, hasNext: H } = i(e), et = it(f) && it(f.prev) ? f.prev : {}, B = it(f) && it(f.next) ? f.next : {};
+        return /* @__PURE__ */ ut(Wt.Fragment, { children: [
           /* @__PURE__ */ m(
             "div",
             {
-              className: `${f}-pane`,
-              style: { flexBasis: B(e) },
-              ref: (C) => D.current[e] = C,
+              className: `${a}-pane`,
+              style: { flexBasis: X(e) },
+              ref: (z) => D.current[e] = z,
               children: n
             }
           ),
           !o && e !== g.length - 1 && /* @__PURE__ */ m(
             Nt,
             {
-              className: `${f}-trigger`,
-              direction: c ? ht : Et,
-              icon: z,
-              onResize: (C) => ct(C, e),
-              onMouseDown: (C) => v(C, e),
+              className: `${a}-trigger`,
+              direction: u ? vt : Et,
+              icon: C,
+              onResize: (z) => ct(z, e),
+              onMouseDown: (z) => v(z, e),
               collapsible: {
-                prev: et ? {
-                  onClick: (C) => S(C, e, "prev", nt.onClick),
-                  icon: nt.icon,
-                  collapsed: w[e].prev
+                prev: tt ? {
+                  onClick: (z) => S(z, e, "prev", et.onClick),
+                  icon: et.icon,
+                  collapsed: p[e].prev
                 } : void 0,
-                next: A ? {
-                  onClick: (C) => S(C, e, "next", W.onClick),
-                  icon: W.icon,
-                  collapsed: w[e].next
+                next: H ? {
+                  onClick: (z) => S(z, e, "next", B.onClick),
+                  icon: B.icon,
+                  collapsed: p[e].next
                 } : void 0
               },
-              resizable: a,
+              resizable: c,
               renderChildren: s
             }
           )
@@ -385,19 +386,19 @@ function jt(r, ot) {
     }
   );
 }
-const At = Ct(jt);
+const At = zt(Zt);
 At.displayName = "ResizeBoxSplitGroup";
-const Xt = "left", pt = "right", xt = "top", Rt = "bottom", Zt = [
+const Xt = "left", pt = "right", xt = "top", Rt = "bottom", qt = [
   Xt,
   pt,
   xt,
   Rt
-], qt = {
+], Jt = {
   component: "div",
   directions: ["right"],
   resizeIcons: {},
   resizeTriggers: {}
-}, Jt = (r) => {
+}, Kt = (r) => {
   switch (r) {
     case "left":
       return "right";
@@ -407,23 +408,23 @@ const Xt = "left", pt = "right", xt = "top", Rt = "bottom", Zt = [
       return r;
   }
 };
-function Kt(r, ot) {
-  const { getPrefixCls: g, componentConfig: q, rtl: J } = ut(mt), x = Yt(
+function Qt(r, nt) {
+  const { getPrefixCls: g, componentConfig: j, rtl: q } = mt(gt), w = Yt(
     r,
-    qt,
-    q == null ? void 0 : q.ResizeBox
+    Jt,
+    j == null ? void 0 : j.ResizeBox
   ), {
-    style: K,
-    className: z,
-    component: X,
+    style: J,
+    className: C,
+    component: A,
     directions: b,
-    resizeIcons: Q,
-    children: rt,
-    resizeTriggers: M,
+    resizeIcons: K,
+    children: ot,
+    resizeTriggers: O,
     width: d,
     height: D,
     ...N
-  } = x, T = J ? b.map((i) => Jt(i)) : b, l = g("resizebox"), k = P(l, { [`${l}-rtl`]: J }, z), [I, E] = st({}), [U, tt] = Tt(void 0, { value: d }), [w, O] = Tt(void 0, { value: D }), f = F({
+  } = w, T = q ? b.map((i) => Kt(i)) : b, l = g("resizebox"), F = P(l, { [`${l}-rtl`]: q }, C), [I, E] = st({}), [k, Q] = Tt(void 0, { value: d }), [p, M] = Tt(void 0, { value: D }), a = Y({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -436,108 +437,110 @@ function Kt(r, ot) {
       left: 0,
       right: 0
     }
-  }), h = F();
-  zt(ot, () => h.current, []);
-  function V(i) {
+  }), h = Y();
+  Ct(nt, () => h.current, []);
+  function U(i) {
     return [xt, Rt].indexOf(i) > -1;
   }
-  function c(i, v) {
-    if (i === 0) return 0;
-    const p = i - v;
-    return p <= 0 ? 0 : p;
+  function u(i, v) {
+    if (i === 0)
+      return 0;
+    const x = i - v;
+    return x <= 0 ? 0 : x;
   }
-  function H(i) {
+  function Z(i) {
     const v = "data-pqb-origin-cursor";
     if (i)
       document.body.setAttribute(v, document.body.style.cursor), document.body.style.cursor = i;
     else {
-      const p = document.body.getAttribute(v);
-      document.body.style.cursor = p || "", document.body.removeAttribute(v);
+      const x = document.body.getAttribute(v);
+      document.body.style.cursor = x || "", document.body.removeAttribute(v);
     }
   }
-  function _(i, v) {
+  function rt(i, v) {
     var e, n, o;
-    (e = x.onMovingStart) == null || e.call(x), f.current.moving = !0, f.current.startX = v.pageX, f.current.startY = v.pageY, f.current.direction = i;
-    const { top: p, left: R, right: S, bottom: t } = f.current.padding;
-    f.current.startWidth = c(
+    (e = w.onMovingStart) == null || e.call(w), a.current.moving = !0, a.current.startX = v.pageX, a.current.startY = v.pageY, a.current.direction = i;
+    const { top: x, left: R, right: S, bottom: t } = a.current.padding;
+    a.current.startWidth = u(
       (n = h.current) == null ? void 0 : n.clientWidth,
       R + S
-    ), f.current.startHeight = c(
+    ), a.current.startHeight = u(
       (o = h.current) == null ? void 0 : o.clientHeight,
-      p + t
-    ), y(window, "mousemove", L), y(window, "touchmove", L), y(window, "mouseup", B), y(window, "touchend", B), y(window, "contextmenu", B), H(
-      V(i) ? "row-resize" : "col-resize"
+      x + t
+    ), $(window, "mousemove", _), $(window, "touchmove", _), $(window, "mouseup", X), $(window, "touchend", X), $(window, "contextmenu", X), Z(
+      U(i) ? "row-resize" : "col-resize"
     );
   }
-  function L(i) {
+  function _(i) {
     var s;
-    if (!f.current.moving) return !1;
-    const { startX: v, startY: p, startWidth: R, startHeight: S } = f.current;
+    if (!a.current.moving)
+      return !1;
+    const { startX: v, startY: x, startWidth: R, startHeight: S } = a.current;
     let t = R, e = S;
-    const n = i.pageX - v, o = i.pageY - p;
-    switch (f.current.direction) {
+    const n = i.pageX - v, o = i.pageY - x;
+    switch (a.current.direction) {
       case Xt:
-        t = R - n, tt(t);
+        t = R - n, Q(t);
         break;
       case pt:
-        t = R + n, tt(t);
+        t = R + n, Q(t);
         break;
       case xt:
-        e = S - o, O(e);
+        e = S - o, M(e);
         break;
       case Rt:
-        e = S + o, O(e);
+        e = S + o, M(e);
         break;
     }
-    (s = x.onMoving) == null || s.call(x, i, {
+    (s = w.onMoving) == null || s.call(w, i, {
       width: t,
       height: e
     });
   }
-  function B() {
+  function X() {
     var i;
-    f.current.moving = !1, G(), H(), (i = x.onMovingEnd) == null || i.call(x);
+    a.current.moving = !1, V(), Z(), (i = w.onMovingEnd) == null || i.call(w);
   }
-  function G() {
-    $(window, "mousemove", L), $(window, "touchmove", L), $(window, "mouseup", B), $(window, "touchend", B), $(window, "contextmenu", B);
+  function V() {
+    y(window, "mousemove", _), y(window, "touchmove", _), y(window, "mouseup", X), y(window, "touchend", X), y(window, "contextmenu", X);
   }
-  function j(i, v) {
-    const p = V(i), { contentRect: R } = v[0], S = `${i.slice(0, 1).toUpperCase()}${i.slice(1)}`, t = R[p ? "height" : "width"];
-    f.current.padding[i] = t, E((e) => ({
+  function G(i, v) {
+    const x = U(i), { contentRect: R } = v[0], S = `${i.slice(0, 1).toUpperCase()}${i.slice(1)}`, t = R[x ? "height" : "width"];
+    a.current.padding[i] = t, E((e) => ({
       ...e,
       [`padding${S}`]: t
     }));
   }
-  const Z = {
+  const L = {
     ...I,
-    ...K || {},
-    ...vt(U) ? { width: U } : {},
-    ...vt(w) ? { height: w } : {}
+    ...J || {},
+    ...wt(k) ? { width: k } : {},
+    ...wt(p) ? { height: p } : {}
   };
-  return /* @__PURE__ */ ft(
-    X,
+  return /* @__PURE__ */ ut(
+    A,
     {
-      ...Mt(N, ["onMovingStart", "onMoving", "onMovingEnd"]),
-      style: Z,
-      className: k,
+      ...Ot(N, ["onMovingStart", "onMoving", "onMovingEnd"]),
+      style: L,
+      className: F,
       ref: h,
       children: [
-        rt,
+        ot,
         T.map((i) => {
-          if (Zt.indexOf(i) !== -1)
+          if (qt.indexOf(i) !== -1)
             return /* @__PURE__ */ m(
               Nt,
               {
                 className: `${l}-direction-${i}`,
-                direction: V(i) ? "horizontal" : "vertical",
-                icon: Q[i],
+                direction: U(i) ? "horizontal" : "vertical",
+                icon: K[i],
                 onMouseDown: (v) => {
-                  _(i, v);
+                  rt(i, v);
                 },
                 onResize: (v) => {
-                  j(i, v);
+                  G(i, v);
                 },
-                children: M[i]
+                children: O[i]
               },
               i
             );
@@ -546,12 +549,12 @@ function Kt(r, ot) {
     }
   );
 }
-const Qt = Ct(Kt), Ot = Qt;
-Ot.Split = Ht;
-Ot.SplitGroup = At;
-Ot.displayName = "ResizeBox";
+const te = zt(Qt), Mt = te;
+Mt.Split = Ht;
+Mt.SplitGroup = At;
+Mt.displayName = "ResizeBox";
 export {
   Ht as ResizeBoxSplit,
   At as ResizeBoxSplitGroup,
-  Ot as default
+  Mt as default
 };