@unicom-cloud/ui 0.8.43 → 0.8.45

package/ResizeBox.js

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