@unicom-cloud/ui 0.8.54 → 0.8.56

package/ResizeBox.js

@@ -1,66 +1,65 @@
-import { jsx as m, jsxs as ft } from "react/jsx-runtime";
+import { jsx as g, jsxs as ut } from "react/jsx-runtime";
 import vt from "lodash/isNumber";
-import Bt, { useContext as ut, useRef as F, useEffect as lt, forwardRef as Ct, useState as st, useImperativeHandle as Nt } from "react";
-import { a as mt } from "./chunk/xPzFRQJn.js";
-import Yt from "./hooks/useMergeProps.js";
-import Tt from "./hooks/useMergeValue.js";
-import S from "@unicom-cloud/utils/class-name";
-import { on as $, off as y } from "./utils/dom.js";
-import zt from "./utils/omit.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, { useContext as ft, useRef as F, useEffect as lt, forwardRef as Ct, useState as ct, useImperativeHandle as zt } from "react";
+import { b as gt } from "./chunk/DUxWiN2U.js";
+import Bt from "./hooks/useMergeProps.js";
+import It from "./hooks/useMergeValue.js";
+import { y as P } from "./chunk/Do1aMgY3.js";
+import { on as y, off as $ } from "./utils/dom.js";
+import Mt from "./utils/omit.js";
+import { I as Yt } from "./chunk/BM6dpkeM.js";
+import { I as Tt, a as bt } from "./chunk/DQXq1QT0.js";
+import { I as Ft } from "./chunk/bsawGxt8.js";
+import { I as kt } from "./chunk/BA02BFUV.js";
+import { I as Ut } from "./chunk/C95ipQ6b.js";
 import wt from "lodash/isFunction";
 import "./utils/is.js";
-import { isPlainObject as Pt } from "@unicom-cloud/utils/is";
-import _t from "./hooks/useIsomorphicLayoutEffect.js";
-import ct from "lodash/isPlainObject";
-import Lt from "lodash/isString";
+import "./chunk/BeM2hfks.js";
+import st from "lodash/isPlainObject";
+import Vt from "./hooks/useIsomorphicLayoutEffect.js";
+import _t from "lodash/isString";
 import St from "lodash/isUndefined";
-function Mt(r) {
+function Nt(r) {
   const {
     className: ot,
-    direction: g,
+    direction: m,
     icon: q,
     onMouseDown: J,
     onResize: x,
     children: K,
-    collapsible: N = {},
+    collapsible: z = {},
     resizable: X = !0,
-    renderChildren: b,
+    renderChildren: T,
     ...Q
-  } = r, { getPrefixCls: rt, rtl: z } = ut(mt), d = rt("resizebox-trigger"), D = g === "horizontal", M = z && !D, T = S(
+  } = r, { getPrefixCls: rt, rtl: M } = ft(gt), d = rt("resizebox-trigger"), D = m === "horizontal", N = M && !D, I = P(
     d,
     `${d}-${D ? "horizontal" : "vertical"}`,
     { [`${d}-not-resizable`]: !X },
-    { [`${d}-rtl`]: z },
+    { [`${d}-rtl`]: M },
     ot
-  ), l = F(), k = M ? [/* @__PURE__ */ m(It, {}, "prev"), /* @__PURE__ */ m(bt, {}, "next")] : [/* @__PURE__ */ m(bt, {}, "prev"), /* @__PURE__ */ m(It, {}, "next")], I = Pt(N.prev) ? {
-    ...N.prev,
-    icon: N.prev.icon || (D ? /* @__PURE__ */ m(kt, {}) : k[0])
-  } : {}, E = Pt(N.next) ? {
-    ...N.next,
-    icon: N.next.icon || (D ? /* @__PURE__ */ m(Ft, {}) : k[1])
-  } : {}, U = () => I.icon && !I.collapsed || E.collapsed ? /* @__PURE__ */ m(
+  ), l = F(), k = N ? [/* @__PURE__ */ g(Tt, {}, "prev"), /* @__PURE__ */ g(bt, {}, "next")] : [/* @__PURE__ */ g(bt, {}, "prev"), /* @__PURE__ */ g(Tt, {}, "next")], b = st(z.prev) ? {
+    ...z.prev,
+    icon: z.prev.icon || (D ? /* @__PURE__ */ g(Ft, {}) : k[0])
+  } : {}, E = st(z.next) ? {
+    ...z.next,
+    icon: z.next.icon || (D ? /* @__PURE__ */ g(Yt, {}) : k[1])
+  } : {}, U = () => b.icon && !b.collapsed || E.collapsed ? /* @__PURE__ */ g(
     "span",
     {
-      className: S(`${d}-icon`, S(`${d}-prev`)),
-      onClick: I.onClick,
-      children: I.icon
+      className: P(`${d}-icon`, P(`${d}-prev`)),
+      onClick: b.onClick,
+      children: b.icon
     }
-  ) : /* @__PURE__ */ m("span", { className: S(`${d}-icon-empty`) }), tt = () => E.icon && !E.collapsed || I.collapsed ? /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ g("span", { className: P(`${d}-icon-empty`) }), tt = () => E.icon && !E.collapsed || b.collapsed ? /* @__PURE__ */ g(
     "span",
     {
-      className: S(`${d}-icon`, S(`${d}-next`)),
+      className: P(`${d}-icon`, P(`${d}-next`)),
       onClick: E.onClick,
       children: E.icon
     }
-  ) : /* @__PURE__ */ m("span", { className: S(`${d}-icon-empty`) }), w = () => X ? /* @__PURE__ */ m("span", { className: `${d}-icon`, children: q || (D ? /* @__PURE__ */ m(Ut, {}) : /* @__PURE__ */ m(Vt, {})) }) : /* @__PURE__ */ m("span", { className: S(`${d}-icon-empty`) }), O = U(), f = w(), h = tt(), V = () => /* @__PURE__ */ ft("div", { className: `${d}-icon-wrapper`, children: [
+  ) : /* @__PURE__ */ g("span", { className: P(`${d}-icon-empty`) }), w = () => X ? /* @__PURE__ */ g("span", { className: `${d}-icon`, children: q || (D ? /* @__PURE__ */ g(kt, {}) : /* @__PURE__ */ g(Ut, {})) }) : /* @__PURE__ */ g("span", { className: P(`${d}-icon-empty`) }), O = U(), u = w(), h = tt(), V = () => /* @__PURE__ */ ut("div", { className: `${d}-icon-wrapper`, children: [
     O,
-    f,
+    u,
     h
   ] });
   return X ? (lt(() => {
@@ -69,37 +68,37 @@ function Mt(r) {
       var H, _;
       l.current && ((H = i == null ? void 0 : i.unobserve) == null || H.call(i, l.current)), (_ = i == null ? void 0 : i.disconnect) == null || _.call(i), i = null;
     };
-  }, [l.current]), /* @__PURE__ */ m(
+  }, [l.current]), /* @__PURE__ */ g(
     "div",
     {
       ref: l,
-      ...zt(Q, ["style"]),
-      className: T,
+      ...Mt(Q, ["style"]),
+      className: I,
       onMouseDown: J,
-      children: wt(b) ? b(O, f, h) : K || V()
+      children: wt(T) ? T(O, u, h) : K || V()
     }
-  )) : /* @__PURE__ */ m("div", { className: T, children: wt(b) ? b(O, f, h) : K || V() });
+  )) : /* @__PURE__ */ g("div", { className: I, children: wt(T) ? T(O, u, h) : K || V() });
 }
-const dt = "horizontal", Dt = "vertical";
-function Gt(r, ot) {
+const dt = "horizontal", Pt = "vertical";
+function Lt(r, ot) {
   const {
-    style: g,
+    style: m,
     className: q,
     component: J = "div",
     direction: x = "horizontal",
     icon: K,
-    size: N = 0.5,
+    size: z = 0.5,
     min: X,
-    max: b,
+    max: T,
     panes: Q,
     disabled: rt,
-    trigger: z
-  } = r, { getPrefixCls: d, rtl: D } = ut(mt), M = d("resizebox-split"), T = x.includes(dt), l = x.includes("reverse"), k = T && D, I = !T, E = S(
-    M,
-    `${M}-${T ? dt : Dt}`,
-    { [`${M}-rtl`]: D },
+    trigger: M
+  } = r, { getPrefixCls: d, rtl: D } = ft(gt), N = d("resizebox-split"), I = x.includes(dt), l = x.includes("reverse"), k = I && D, b = !I, E = P(
+    N,
+    `${N}-${I ? dt : Pt}`,
+    { [`${N}-rtl`]: D },
     q
-  ), [U, tt] = Q, w = typeof N == "string", [O, f] = st(parseFloat(N)), [h, V] = st(0), i = F({
+  ), [U, tt] = Q, w = typeof z == "string", [O, u] = ct(parseFloat(z)), [h, V] = ct(0), i = F({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -107,16 +106,16 @@ function Gt(r, ot) {
     startOffset: 0,
     moving: !1
   }), H = F(), _ = F([]);
-  Nt(ot, () => H.current, []);
+  zt(ot, () => H.current, []);
   function L(t, e) {
     return parseFloat(t) / parseFloat(e);
   }
   function W(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,
+    const s = typeof X == "string" ? L(parseFloat(X), t) : X || 0, a = typeof T == "string" ? L(parseFloat(T), t) : T || 1;
+    let f = l ? -1 : 1;
+    f *= k ? -1 : 1;
+    let A = w ? e + (o - n) * f : L(
+      t * e + (o - n) * f,
       t
     );
     const nt = w ? s * t : s, B = w ? a * t : a;
@@ -124,12 +123,12 @@ function Gt(r, ot) {
   }
   function G(t) {
     var e, n, o;
-    (e = r.onMovingStart) == null || e.call(r), i.current.moving = !0, i.current.startX = t.pageX, i.current.startY = t.pageY, i.current.startWidth = (n = H.current) == null ? void 0 : n.offsetWidth, i.current.startHeight = (o = H.current) == null ? void 0 : o.offsetHeight, i.current.startOffset = O, $(window, "mousemove", j), $(window, "touchmove", j), $(window, "mouseup", Z), $(window, "touchend", Z), $(window, "contextmenu", Z), document.body.style.cursor = I ? "row-resize" : "col-resize";
+    (e = r.onMovingStart) == null || e.call(r), i.current.moving = !0, i.current.startX = t.pageX, i.current.startY = t.pageY, i.current.startWidth = (n = H.current) == null ? void 0 : n.offsetWidth, i.current.startHeight = (o = H.current) == null ? void 0 : o.offsetHeight, i.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 = b ? "row-resize" : "col-resize";
   }
   function j(t) {
     var e;
     if (i.current.moving) {
-      const n = T ? W(
+      const n = I ? W(
         i.current.startWidth,
         i.current.startOffset,
         i.current.startX,
@@ -140,15 +139,15 @@ function Gt(r, ot) {
         i.current.startY,
         t.pageY
       );
-      f(n), (e = r.onMoving) == null || e.call(r, t, w ? `${n}px` : n);
+      u(n), (e = r.onMoving) == null || e.call(r, t, w ? `${n}px` : n);
     }
   }
   function Z() {
     var t;
-    i.current.moving = !1, y(window, "mousemove", j), y(window, "touchmove", j), y(window, "mouseup", Z), y(window, "touchend", Z), y(window, "contextmenu", Z), document.body.style.cursor = "default", (t = r.onMovingEnd) == null || t.call(r);
+    i.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);
   }
   function it(t) {
-    const { contentRect: e } = t[0], n = e[I ? "height" : "width"];
+    const { contentRect: e } = t[0], n = e[b ? "height" : "width"];
     V(n);
   }
   function c() {
@@ -158,79 +157,79 @@ function Gt(r, ot) {
   lt(() => {
     var t;
     (t = r.onPaneResize) == null || t.call(r, _.current);
-  }, [O, h]), _t(() => {
-    const t = parseFloat(N);
-    O !== t && f(t);
-  }, [N]);
-  const v = J, p = /* @__PURE__ */ m(
+  }, [O, h]), Vt(() => {
+    const t = parseFloat(z);
+    O !== t && u(t);
+  }, [z]);
+  const v = J, p = /* @__PURE__ */ g(
     "div",
     {
-      className: S(`${M}-pane`, "first-pane"),
+      className: P(`${N}-pane`, "first-pane"),
       style: { flexBasis: c() },
       ref: (t) => {
         _.current[0] = t;
       },
       children: U
     }
-  ), R = /* @__PURE__ */ m(
+  ), R = /* @__PURE__ */ g(
     "div",
     {
-      className: S(`${M}-pane`, "second-pane"),
+      className: P(`${N}-pane`, "second-pane"),
       ref: (t) => {
         _.current[1] = t;
       },
       children: tt
     }
-  ), P = l ? [R, p] : [p, R];
-  return /* @__PURE__ */ ft(v, { style: g, className: E, ref: H, children: [
-    P[0],
-    !rt && /* @__PURE__ */ m(
-      Mt,
+  ), S = l ? [R, p] : [p, R];
+  return /* @__PURE__ */ ut(v, { style: m, className: E, ref: H, children: [
+    S[0],
+    !rt && /* @__PURE__ */ g(
+      Nt,
       {
-        className: `${M}-trigger`,
-        direction: I ? dt : Dt,
+        className: `${N}-trigger`,
+        direction: b ? dt : Pt,
         icon: K,
         onMouseDown: G,
         onResize: it,
-        children: z
+        children: M
       }
     ),
-    P[1]
+    S[1]
   ] });
 }
-const Ht = Ct(Gt);
-Ht.displayName = "ResizeBoxSplit";
-const ht = "horizontal", Et = "vertical";
-function jt(r, ot) {
+const Et = Ct(Lt);
+Et.displayName = "ResizeBoxSplit";
+const ht = "horizontal", Dt = "vertical";
+function Gt(r, ot) {
   const {
-    panes: g,
+    panes: m,
     style: q,
     className: J,
     component: x = "div",
     direction: K = "horizontal",
-    icon: N,
+    icon: z,
     ...X
-  } = r, { getPrefixCls: b, rtl: Q } = ut(mt), rt = 1 / g.length, z = F(), d = F(
-    new Array(g.length).fill({
+  } = r, { getPrefixCls: T, rtl: Q } = ft(gt), rt = 1 / m.length, M = F(), d = F(
+    new Array(m.length).fill({
       moving: !1,
       startOffset: 0,
       startPosition: 0
     })
-  ), D = F([]), M = F(0), T = F([]), [l, k] = st(
-    new Array(g.length).fill(rt)
-  ), [I, E] = st(!1), [U, tt] = st(
-    new Array(g.length).fill(0)
-  ), [w, O] = 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, i = !h, H = S(
-    f,
-    `${f}-${h ? ht : Et}`,
-    { [`${f}-moving`]: I },
-    { [`${f}-rtl`]: Q },
+  ), D = F([]), N = F(0), I = F([]), [l, k] = ct(
+    new Array(m.length).fill(rt)
+  ), [b, E] = ct(!1), [U, tt] = ct(
+    new Array(m.length).fill(0)
+  ), [w, O] = ct(
+    new Array(Math.max(m.length - 1, 0)).fill({ prev: !1, next: !1 })
+  ), u = T("resizebox-split-group"), h = K === ht, V = h && Q, i = !h, H = P(
+    u,
+    `${u}-${h ? ht : Dt}`,
+    { [`${u}-moving`]: b },
+    { [`${u}-rtl`]: Q },
     J
   ), _ = x, L = () => {
     let t = [];
-    g.forEach((s) => {
+    m.forEach((s) => {
       const { size: a } = s;
       St(a) ? t.push(void 0) : t.push(G(a));
     });
@@ -241,26 +240,26 @@ function jt(r, ot) {
     return `calc(${l[t] * 100}% - ${(e + n) / 2}px)`;
   };
   function G(t) {
-    const e = h ? z.current.offsetWidth : z.current.offsetHeight;
+    const e = h ? M.current.offsetWidth : M.current.offsetHeight;
     if (!t || vt(t) && t < 0)
       return 0;
-    const n = Lt(t) ? parseFloat(t) / e : t;
+    const n = _t(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 e = Math.min(t + 1, m.length - 1), n = l[t] + l[e], o = G(m[t].min) || 0;
+    let s = G(m[t].max) || n;
+    const a = G(m[e].min) || 0;
+    let f = G(m[e].max) || n;
+    return s = Math.min(n - a, s), f = Math.min(n - o, f), {
       currentMin: o,
       currentMax: s,
       nextMin: a,
-      nextMax: u
+      nextMax: f
     };
   }, Z = (t, e, n) => {
-    const o = M.current, s = o + 1, a = [...l], u = V ? -1 : 1, et = l[o], A = l[s], nt = et + A, { currentMin: B, currentMax: C } = j(o);
-    let Y = t + G(`${(n - e) * u}px`);
+    const o = N.current, s = o + 1, a = [...l], f = V ? -1 : 1, et = l[o], A = l[s], nt = et + A, { currentMin: B, currentMax: C } = j(o);
+    let Y = t + G(`${(n - e) * f}px`);
     return Y = Math.max(B, Y), Y = Math.min(C, Y), a[o] = Y, a[s] = nt - Y, a;
   };
   function it(t, e) {
@@ -268,8 +267,8 @@ function jt(r, ot) {
     s[e] = o, tt(s);
   }
   const c = (t) => {
-    let e = g[t].collapsible;
-    ct(e) || (e = e ? { prev: !0, next: !0 } : {});
+    let e = m[t].collapsible;
+    st(e) || (e = e ? { prev: !0, next: !0 } : {});
     const { prev: n, next: o } = e;
     if (!n && !o)
       return {};
@@ -280,56 +279,56 @@ function jt(r, ot) {
   };
   function v(t, e) {
     var o;
-    (o = r.onMovingStart) == null || o.call(r, e), M.current = e;
+    (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), $(window, "mousemove", p), $(window, "touchmove", p), $(window, "mouseup", R), $(window, "touchend", R), $(window, "contextmenu", R), document.body.style.cursor = i ? "row-resize" : "col-resize";
+    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 = i ? "row-resize" : "col-resize";
   }
   function p(t) {
     var s;
-    const e = M.current, n = d.current[e], o = h ? z.current.offsetWidth : z.current.offsetHeight;
+    const e = N.current, n = d.current[e], o = h ? M.current.offsetWidth : M.current.offsetHeight;
     if (n.moving) {
       const a = Z(
         n.startOffset,
         n.startPosition,
         h ? t.pageX : t.pageY
       );
-      k(a), T.current = a, (s = r == null ? void 0 : r.onMoving) == null || s.call(
+      k(a), I.current = a, (s = r == null ? void 0 : r.onMoving) == null || s.call(
         r,
         t,
-        a.map((u) => `${u * o}px`),
+        a.map((f) => `${f * o}px`),
         e
       );
     }
   }
   function R() {
     var e;
-    const t = M.current;
-    d.current[t].moving = !1, E(!1), y(window, "mousemove", p), y(window, "touchmove", p), 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);
+    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);
   }
-  function P(t, e, n, o) {
-    var $t, yt;
-    const s = e + 1, a = [...l], u = l[e], et = l[s], A = u + et, nt = h ? z.current.offsetWidth : z.current.offsetHeight, { currentMin: B, nextMin: C } = j(e);
-    let Y = T.current[e], at = T.current[s], gt = w[e][n];
-    n === "prev" ? (et !== C || at === C) && (Y = B, at = A - B, gt = !0) : (u !== B || Y === B) && (Y = A - C, at = C, gt = !0), a[e] = Y, a[s] = at, ($t = r == null ? void 0 : r.onMoving) == null || $t.call(
+  function S(t, e, n, o) {
+    var yt, $t;
+    const s = e + 1, a = [...l], f = l[e], et = l[s], A = f + et, nt = h ? M.current.offsetWidth : M.current.offsetHeight, { currentMin: B, nextMin: C } = j(e);
+    let Y = I.current[e], at = I.current[s], mt = w[e][n];
+    n === "prev" ? (et !== C || at === C) && (Y = B, at = A - B, mt = !0) : (f !== B || Y === B) && (Y = A - C, at = C, mt = !0), a[e] = Y, a[s] = at, (yt = r == null ? void 0 : r.onMoving) == null || yt.call(
       r,
       t,
-      a.map((Wt) => `${Wt * nt}px`),
+      a.map((Xt) => `${Xt * nt}px`),
       e
-    ), (yt = r.onMovingEnd) == null || yt.call(r, e), k(a), wt(o) && o(t, e, n, gt);
+    ), ($t = r.onMovingEnd) == null || $t.call(r, e), k(a), wt(o) && o(t, e, n, mt);
   }
   return lt(() => {
     const t = L();
-    k(t), T.current = t;
-  }, [JSON.stringify(g.map((t) => t.size))]), Nt(ot, () => z.current, []), lt(() => {
+    k(t), I.current = t;
+  }, [JSON.stringify(m.map((t) => t.size))]), zt(ot, () => M.current, []), lt(() => {
     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);
+      const o = { prev: !1, next: !1 }, s = n + 1, { currentMin: a, nextMin: f } = j(n);
+      e === a ? o.prev = !0 : l[s] === f && (o.next = !0), t.push(o);
     }), O(t);
-  }, [l]), /* @__PURE__ */ m(
+  }, [l]), /* @__PURE__ */ g(
     _,
     {
-      ...zt(X, [
+      ...Mt(X, [
         "onMovingStart",
         "onPaneResize",
         "onMoving",
@@ -337,41 +336,41 @@ function jt(r, ot) {
       ]),
       style: q,
       className: H,
-      ref: z,
-      children: g.map((t, e) => {
+      ref: M,
+      children: m.map((t, e) => {
         const {
           content: n,
           disabled: o,
           trigger: s,
           resizable: a = !0,
-          collapsible: u = {}
-        } = t, { hasPrev: et, hasNext: A } = c(e), nt = ct(u) && ct(u.prev) ? u.prev : {}, B = ct(u) && ct(u.next) ? u.next : {};
-        return /* @__PURE__ */ ft(Bt.Fragment, { children: [
-          /* @__PURE__ */ m(
+          collapsible: f = {}
+        } = t, { hasPrev: et, hasNext: A } = c(e), nt = st(f) && st(f.prev) ? f.prev : {}, B = st(f) && st(f.next) ? f.next : {};
+        return /* @__PURE__ */ ut(Wt.Fragment, { children: [
+          /* @__PURE__ */ g(
             "div",
             {
-              className: `${f}-pane`,
+              className: `${u}-pane`,
               style: { flexBasis: W(e) },
               ref: (C) => D.current[e] = C,
               children: n
             }
           ),
-          !o && e !== g.length - 1 && /* @__PURE__ */ m(
-            Mt,
+          !o && e !== m.length - 1 && /* @__PURE__ */ g(
+            Nt,
             {
-              className: `${f}-trigger`,
-              direction: i ? ht : Et,
-              icon: N,
+              className: `${u}-trigger`,
+              direction: i ? ht : Dt,
+              icon: z,
               onResize: (C) => it(C, e),
               onMouseDown: (C) => v(C, e),
               collapsible: {
                 prev: et ? {
-                  onClick: (C) => P(C, e, "prev", nt.onClick),
+                  onClick: (C) => S(C, e, "prev", nt.onClick),
                   icon: nt.icon,
                   collapsed: w[e].prev
                 } : void 0,
                 next: A ? {
-                  onClick: (C) => P(C, e, "next", B.onClick),
+                  onClick: (C) => S(C, e, "next", B.onClick),
                   icon: B.icon,
                   collapsed: w[e].next
                 } : void 0
@@ -385,19 +384,19 @@ function jt(r, ot) {
     }
   );
 }
-const At = Ct(jt);
-At.displayName = "ResizeBoxSplitGroup";
-const Xt = "left", pt = "right", xt = "top", Rt = "bottom", Zt = [
-  Xt,
+const Ht = Ct(Gt);
+Ht.displayName = "ResizeBoxSplitGroup";
+const At = "left", pt = "right", xt = "top", Rt = "bottom", jt = [
+  At,
   pt,
   xt,
   Rt
-], qt = {
+], Zt = {
   component: "div",
   directions: ["right"],
   resizeIcons: {},
   resizeTriggers: {}
-}, Jt = (r) => {
+}, qt = (r) => {
   switch (r) {
     case "left":
       return "right";
@@ -407,23 +406,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 Jt(r, ot) {
+  const { getPrefixCls: m, componentConfig: q, rtl: J } = ft(gt), x = Bt(
     r,
-    qt,
+    Zt,
     q == null ? void 0 : q.ResizeBox
   ), {
     style: K,
-    className: N,
+    className: z,
     component: X,
-    directions: b,
+    directions: T,
     resizeIcons: Q,
     children: rt,
-    resizeTriggers: z,
+    resizeTriggers: M,
     width: d,
     height: D,
-    ...M
-  } = x, T = J ? b.map((c) => Jt(c)) : b, l = g("resizebox"), k = S(l, { [`${l}-rtl`]: J }, N), [I, E] = st({}), [U, tt] = Tt(void 0, { value: d }), [w, O] = Tt(void 0, { value: D }), f = F({
+    ...N
+  } = x, I = J ? T.map((c) => qt(c)) : T, l = m("resizebox"), k = P(l, { [`${l}-rtl`]: J }, z), [b, E] = ct({}), [U, tt] = It(void 0, { value: d }), [w, O] = It(void 0, { value: D }), u = F({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -437,7 +436,7 @@ function Kt(r, ot) {
       right: 0
     }
   }), h = F();
-  Nt(ot, () => h.current, []);
+  zt(ot, () => h.current, []);
   function V(c) {
     return [xt, Rt].indexOf(c) > -1;
   }
@@ -457,36 +456,36 @@ function Kt(r, ot) {
   }
   function _(c, 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 = c;
-    const { top: p, left: R, right: P, bottom: t } = f.current.padding;
-    f.current.startWidth = i(
+    (e = x.onMovingStart) == null || e.call(x), u.current.moving = !0, u.current.startX = v.pageX, u.current.startY = v.pageY, u.current.direction = c;
+    const { top: p, left: R, right: S, bottom: t } = u.current.padding;
+    u.current.startWidth = i(
       (n = h.current) == null ? void 0 : n.clientWidth,
-      R + P
-    ), f.current.startHeight = i(
+      R + S
+    ), u.current.startHeight = i(
       (o = h.current) == null ? void 0 : o.clientHeight,
       p + t
-    ), $(window, "mousemove", L), $(window, "touchmove", L), $(window, "mouseup", W), $(window, "touchend", W), $(window, "contextmenu", W), H(
+    ), y(window, "mousemove", L), y(window, "touchmove", L), y(window, "mouseup", W), y(window, "touchend", W), y(window, "contextmenu", W), H(
       V(c) ? "row-resize" : "col-resize"
     );
   }
   function L(c) {
     var s;
-    if (!f.current.moving) return !1;
-    const { startX: v, startY: p, startWidth: R, startHeight: P } = f.current;
-    let t = R, e = P;
+    if (!u.current.moving) return !1;
+    const { startX: v, startY: p, startWidth: R, startHeight: S } = u.current;
+    let t = R, e = S;
     const n = c.pageX - v, o = c.pageY - p;
-    switch (f.current.direction) {
-      case Xt:
+    switch (u.current.direction) {
+      case At:
         t = R - n, tt(t);
         break;
       case pt:
         t = R + n, tt(t);
         break;
       case xt:
-        e = P - o, O(e);
+        e = S - o, O(e);
         break;
       case Rt:
-        e = P + o, O(e);
+        e = S + o, O(e);
         break;
     }
     (s = x.onMoving) == null || s.call(x, c, {
@@ -496,37 +495,37 @@ function Kt(r, ot) {
   }
   function W() {
     var c;
-    f.current.moving = !1, G(), H(), (c = x.onMovingEnd) == null || c.call(x);
+    u.current.moving = !1, G(), H(), (c = x.onMovingEnd) == null || c.call(x);
   }
   function G() {
-    y(window, "mousemove", L), y(window, "touchmove", L), y(window, "mouseup", W), y(window, "touchend", W), y(window, "contextmenu", W);
+    $(window, "mousemove", L), $(window, "touchmove", L), $(window, "mouseup", W), $(window, "touchend", W), $(window, "contextmenu", W);
   }
   function j(c, v) {
-    const p = V(c), { contentRect: R } = v[0], P = `${c.slice(0, 1).toUpperCase()}${c.slice(1)}`, t = R[p ? "height" : "width"];
-    f.current.padding[c] = t, E((e) => ({
+    const p = V(c), { contentRect: R } = v[0], S = `${c.slice(0, 1).toUpperCase()}${c.slice(1)}`, t = R[p ? "height" : "width"];
+    u.current.padding[c] = t, E((e) => ({
       ...e,
-      [`padding${P}`]: t
+      [`padding${S}`]: t
     }));
   }
   const Z = {
-    ...I,
+    ...b,
     ...K || {},
     ...vt(U) ? { width: U } : {},
     ...vt(w) ? { height: w } : {}
   };
-  return /* @__PURE__ */ ft(
+  return /* @__PURE__ */ ut(
     X,
     {
-      ...zt(M, ["onMovingStart", "onMoving", "onMovingEnd"]),
+      ...Mt(N, ["onMovingStart", "onMoving", "onMovingEnd"]),
       style: Z,
       className: k,
       ref: h,
       children: [
         rt,
-        T.map((c) => {
-          if (Zt.indexOf(c) !== -1)
-            return /* @__PURE__ */ m(
-              Mt,
+        I.map((c) => {
+          if (jt.indexOf(c) !== -1)
+            return /* @__PURE__ */ g(
+              Nt,
               {
                 className: `${l}-direction-${c}`,
                 direction: V(c) ? "horizontal" : "vertical",
@@ -537,7 +536,7 @@ function Kt(r, ot) {
                 onResize: (v) => {
                   j(c, v);
                 },
-                children: z[c]
+                children: M[c]
               },
               c
             );
@@ -546,9 +545,9 @@ function Kt(r, ot) {
     }
   );
 }
-const Qt = Ct(Kt), Ot = Qt;
-Ot.Split = Ht;
-Ot.SplitGroup = At;
+const Kt = Ct(Jt), Ot = Kt;
+Ot.Split = Et;
+Ot.SplitGroup = Ht;
 Ot.displayName = "ResizeBox";
 export {
   Ot as default