@unicom-cloud/ui 0.8.61 → 0.8.63

package/Rate.js

@@ -1,18 +1,21 @@
-import { jsx as a, jsxs as Y } from "react/jsx-runtime";
-import { I as Z, a as x, b as E, c as tt } from "./chunk/B_nfMl0e.js";
-import { o as et, d as rt } from "./chunk/DApXtulb.js";
-import g, { useContext as at, useState as v } from "react";
-import { d as ot } from "./chunk/Bdh4XVuf.js";
+import { jsx as o, jsxs as Y } from "react/jsx-runtime";
+import Z from "@unicom-cloud/icons/IconUiFaceFrownFill";
+import E from "@unicom-cloud/icons/IconUiFaceMehFill";
+import x from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import tt from "@unicom-cloud/icons/IconUiStarFill";
+import { o as rt, d as et } from "./chunk/DApXtulb.js";
+import g, { useContext as ot, useState as v } from "react";
+import { d as at } from "./chunk/C5S_amaH.js";
 import { useMergeProps as st } from "./hooks/useMergeProps.js";
 import ct from "./Tooltip.js";
 import { y as U } from "./chunk/BzPkh4Zv.js";
 import lt from "./utils/omit.js";
 const it = {
-  character: /* @__PURE__ */ a(Z, {}),
+  character: /* @__PURE__ */ o(tt, {}),
   count: 5
 };
 function nt(S, _) {
-  const { getPrefixCls: j, componentConfig: m, rtl: z } = at(ot), F = st(
+  const { getPrefixCls: j, componentConfig: m, rtl: z } = ot(at), F = st(
     S,
     it,
     m == null ? void 0 : m.Rate
@@ -24,54 +27,54 @@ function nt(S, _) {
     count: I,
     value: N,
     tooltips: P,
-    allowHalf: o,
+    allowHalf: a,
     allowClear: W,
-    readonly: u,
-    disabled: p,
-    grading: b,
+    readonly: p,
+    disabled: u,
+    grading: C,
     onChange: c,
     onHoverChange: l,
     ...q
-  } = F, [B, C] = v(T || N || 0), [d, M] = v(0), [h, w] = v(), r = j("rate"), G = U(
-    r,
+  } = F, [B, M] = v(T || N || 0), [d, b] = v(0), [h, w] = v(), e = j("rate"), G = U(
+    e,
     {
-      [`${r}-readonly`]: u,
-      [`${r}-disabled`]: p,
-      [`${r}-rtl`]: z
+      [`${e}-readonly`]: p,
+      [`${e}-disabled`]: u,
+      [`${e}-rtl`]: z
     },
     L
   ), n = "value" in F ? N : B, R = () => {
-    d && (M(0), l == null || l(0));
+    d && (b(0), l == null || l(0));
   }, V = (t, s) => {
-    const e = s && o ? t + 0.5 : t + 1;
-    e !== d && (M(e), l == null || l(e));
+    const r = s && a ? t + 0.5 : t + 1;
+    r !== d && (b(r), l == null || l(r));
   }, A = (t, s) => {
-    const e = s && o ? t + 0.5 : t + 1;
-    w(!0), e !== n ? (C(e), c == null || c(e)) : W && (C(0), c == null || c(0), R());
+    const r = s && a ? t + 0.5 : t + 1;
+    w(!0), r !== n ? (M(r), c == null || c(r)) : W && (M(0), c == null || c(0), R());
   }, H = (t) => {
-    const s = o ? et(+rt(n || 0, 0.5).toFixed(0), 0.5) : Math.round(n), e = d || s;
+    const s = a ? rt(+et(n || 0, 0.5).toFixed(0), 0.5) : Math.round(n), r = d || s;
     let i = typeof f == "function" ? f(t) : f;
-    b && (e <= 2 ? i = /* @__PURE__ */ a(x, {}) : e <= 3 ? i = /* @__PURE__ */ a(E, {}) : i = /* @__PURE__ */ a(tt, {}), e <= t && (i = /* @__PURE__ */ a(E, {})));
-    const J = U(`${r}-character`, {
-      [`${r}-character-half`]: o && t + 0.5 === e,
-      [`${r}-character-full`]: t + 1 <= e,
-      [`${r}-character-scale`]: h && t + 1 < n
-    }), K = u || p ? {} : {
+    C && (r <= 2 ? i = /* @__PURE__ */ o(Z, {}) : r <= 3 ? i = /* @__PURE__ */ o(E, {}) : i = /* @__PURE__ */ o(x, {}), r <= t && (i = /* @__PURE__ */ o(E, {})));
+    const J = U(`${e}-character`, {
+      [`${e}-character-half`]: a && t + 0.5 === r,
+      [`${e}-character-full`]: t + 1 <= r,
+      [`${e}-character-scale`]: h && t + 1 < n
+    }), K = p || u ? {} : {
       onMouseEnter: V.bind(this, t, !0),
       onClick: A.bind(this, t, !0)
-    }, O = u || p ? {} : {
+    }, O = p || u ? {} : {
       onMouseEnter: V.bind(this, t, !1),
       onClick: A.bind(this, t, !1)
     }, y = P && P[t], Q = y ? ct : g.Fragment, X = y ? { content: y } : {};
     function $(k) {
       return {
         role: "radio",
-        "aria-checked": t + (k ? 0.5 : 1) <= e,
+        "aria-checked": t + (k ? 0.5 : 1) <= r,
         "aria-setsize": I,
         "aria-posinset": t + (k ? 0.5 : 1)
       };
     }
-    return /* @__PURE__ */ a(Q, { ...X, children: /* @__PURE__ */ Y(
+    return /* @__PURE__ */ o(Q, { ...X, children: /* @__PURE__ */ Y(
       "div",
       {
         className: J,
@@ -79,23 +82,23 @@ function nt(S, _) {
         onAnimationEnd: () => {
           h && t + 1 >= n - 1 && w(!1);
         },
-        ...o ? {} : $(),
+        ...a ? {} : $(),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: `${r}-character-left`,
+              className: `${e}-character-left`,
               ...K,
-              ...o ? $(!0) : {},
+              ...a ? $(!0) : {},
               children: i
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: `${r}-character-right`,
+              className: `${e}-character-right`,
               ...O,
-              ...o ? $() : {},
+              ...a ? $() : {},
               children: i
             }
           )
@@ -103,7 +106,7 @@ function nt(S, _) {
       }
     ) }, t);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     "div",
     {
       ref: _,
@@ -111,7 +114,7 @@ function nt(S, _) {
       style: D,
       className: G,
       onMouseLeave: R,
-      children: /* @__PURE__ */ a("div", { className: `${r}-inner`, children: Array.apply(null, Array(b ? 5 : I)).map(
+      children: /* @__PURE__ */ o("div", { className: `${e}-inner`, children: Array.apply(null, Array(C ? 5 : I)).map(
         (t, s) => H(s)
       ) })
     }

package/ResizeBox.js

@@ -1,17 +1,18 @@
-import { jsx as g, jsxs as ut } from "react/jsx-runtime";
+import { jsx as m, jsxs as ft } from "react/jsx-runtime";
 import vt from "lodash/isNumber";
-import Wt, { useContext as ft, useRef as F, useEffect as lt, forwardRef as Ct, useState as ct, useImperativeHandle as zt } from "react";
-import { d as gt } from "./chunk/Bdh4XVuf.js";
+import Wt, { useContext as ut, useRef as F, useEffect as lt, forwardRef as Ct, useState as ct, useImperativeHandle as zt } from "react";
+import { d as mt } from "./chunk/C5S_amaH.js";
 import { useMergeProps as Bt } from "./hooks/useMergeProps.js";
-import { useMergeValue as It } from "./hooks/useMergeValue.js";
+import { useMergeValue as Tt } from "./hooks/useMergeValue.js";
 import { y as P } from "./chunk/BzPkh4Zv.js";
 import { on as y, off as $ } from "./utils/dom.js";
 import Mt from "./utils/omit.js";
-import { I as Yt } from "./chunk/BLSiP_gg.js";
-import { I as Tt, a as bt } from "./chunk/B0GOLsj_.js";
-import { I as Ft } from "./chunk/CYdarMv9.js";
-import { I as kt } from "./chunk/CAfR2wLq.js";
-import { I as Ut } from "./chunk/DOWEHtqM.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 "./utils/is.js";
 import st from "lodash/isPlainObject";
@@ -21,44 +22,44 @@ import St from "lodash/isUndefined";
 function Nt(r) {
   const {
     className: ot,
-    direction: m,
+    direction: g,
     icon: q,
     onMouseDown: J,
     onResize: x,
     children: K,
     collapsible: z = {},
     resizable: X = !0,
-    renderChildren: T,
+    renderChildren: I,
     ...Q
-  } = r, { getPrefixCls: rt, rtl: M } = ft(gt), d = rt("resizebox-trigger"), D = m === "horizontal", N = M && !D, I = P(
+  } = r, { getPrefixCls: rt, rtl: M } = ut(mt), d = rt("resizebox-trigger"), D = g === "horizontal", N = M && !D, T = P(
     d,
     `${d}-${D ? "horizontal" : "vertical"}`,
     { [`${d}-not-resizable`]: !X },
     { [`${d}-rtl`]: M },
     ot
-  ), l = F(), k = N ? [/* @__PURE__ */ g(Tt, {}, "prev"), /* @__PURE__ */ g(bt, {}, "next")] : [/* @__PURE__ */ g(bt, {}, "prev"), /* @__PURE__ */ g(Tt, {}, "next")], b = st(z.prev) ? {
+  ), l = F(), k = N ? [/* @__PURE__ */ m(bt, {}, "prev"), /* @__PURE__ */ m(It, {}, "next")] : [/* @__PURE__ */ m(It, {}, "prev"), /* @__PURE__ */ m(bt, {}, "next")], b = st(z.prev) ? {
     ...z.prev,
-    icon: z.prev.icon || (D ? /* @__PURE__ */ g(Ft, {}) : k[0])
+    icon: z.prev.icon || (D ? /* @__PURE__ */ m(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(
+    icon: z.next.icon || (D ? /* @__PURE__ */ m(Yt, {}) : k[1])
+  } : {}, U = () => b.icon && !b.collapsed || E.collapsed ? /* @__PURE__ */ m(
     "span",
     {
       className: P(`${d}-icon`, P(`${d}-prev`)),
       onClick: b.onClick,
       children: b.icon
     }
-  ) : /* @__PURE__ */ g("span", { className: P(`${d}-icon-empty`) }), tt = () => E.icon && !E.collapsed || b.collapsed ? /* @__PURE__ */ g(
+  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), tt = () => E.icon && !E.collapsed || b.collapsed ? /* @__PURE__ */ m(
     "span",
     {
       className: P(`${d}-icon`, P(`${d}-next`)),
       onClick: E.onClick,
       children: E.icon
     }
-  ) : /* @__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: [
+  ) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), w = () => X ? /* @__PURE__ */ m("span", { className: `${d}-icon`, children: q || (D ? /* @__PURE__ */ m(kt, {}) : /* @__PURE__ */ m(Ut, {})) }) : /* @__PURE__ */ m("span", { className: P(`${d}-icon-empty`) }), O = U(), f = w(), h = tt(), V = () => /* @__PURE__ */ ft("div", { className: `${d}-icon-wrapper`, children: [
     O,
-    u,
+    f,
     h
   ] });
   return X ? (lt(() => {
@@ -67,37 +68,37 @@ function Nt(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__ */ g(
+  }, [l.current]), /* @__PURE__ */ m(
     "div",
     {
       ref: l,
       ...Mt(Q, ["style"]),
-      className: I,
+      className: T,
       onMouseDown: J,
-      children: wt(T) ? T(O, u, h) : K || V()
+      children: wt(I) ? I(O, f, h) : K || V()
     }
-  )) : /* @__PURE__ */ g("div", { className: I, children: wt(T) ? T(O, u, h) : K || V() });
+  )) : /* @__PURE__ */ m("div", { className: T, children: wt(I) ? I(O, f, h) : K || V() });
 }
 const dt = "horizontal", Pt = "vertical";
 function Lt(r, ot) {
   const {
-    style: m,
+    style: g,
     className: q,
     component: J = "div",
     direction: x = "horizontal",
     icon: K,
     size: z = 0.5,
     min: X,
-    max: T,
+    max: I,
     panes: Q,
     disabled: rt,
     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(
+  } = r, { getPrefixCls: d, rtl: D } = ut(mt), N = d("resizebox-split"), T = x.includes(dt), l = x.includes("reverse"), k = T && D, b = !T, E = P(
     N,
-    `${N}-${I ? dt : Pt}`,
+    `${N}-${T ? dt : Pt}`,
     { [`${N}-rtl`]: D },
     q
-  ), [U, tt] = Q, w = typeof z == "string", [O, u] = ct(parseFloat(z)), [h, V] = ct(0), i = F({
+  ), [U, tt] = Q, w = typeof z == "string", [O, f] = ct(parseFloat(z)), [h, V] = ct(0), i = F({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -110,11 +111,11 @@ function Lt(r, ot) {
     return parseFloat(t) / parseFloat(e);
   }
   function W(t, e, n, o) {
-    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,
+    const s = typeof X == "string" ? L(parseFloat(X), t) : X || 0, a = typeof I == "string" ? L(parseFloat(I), t) : I || 1;
+    let u = l ? -1 : 1;
+    u *= k ? -1 : 1;
+    let A = w ? e + (o - n) * u : L(
+      t * e + (o - n) * u,
       t
     );
     const nt = w ? s * t : s, B = w ? a * t : a;
@@ -127,7 +128,7 @@ function Lt(r, ot) {
   function j(t) {
     var e;
     if (i.current.moving) {
-      const n = I ? W(
+      const n = T ? W(
         i.current.startWidth,
         i.current.startOffset,
         i.current.startX,
@@ -138,7 +139,7 @@ function Lt(r, ot) {
         i.current.startY,
         t.pageY
       );
-      u(n), (e = r.onMoving) == null || e.call(r, t, w ? `${n}px` : n);
+      f(n), (e = r.onMoving) == null || e.call(r, t, w ? `${n}px` : n);
     }
   }
   function Z() {
@@ -158,9 +159,9 @@ function Lt(r, ot) {
     (t = r.onPaneResize) == null || t.call(r, _.current);
   }, [O, h]), Vt(() => {
     const t = parseFloat(z);
-    O !== t && u(t);
+    O !== t && f(t);
   }, [z]);
-  const v = J, p = /* @__PURE__ */ g(
+  const v = J, p = /* @__PURE__ */ m(
     "div",
     {
       className: P(`${N}-pane`, "first-pane"),
@@ -170,7 +171,7 @@ function Lt(r, ot) {
       },
       children: U
     }
-  ), R = /* @__PURE__ */ g(
+  ), R = /* @__PURE__ */ m(
     "div",
     {
       className: P(`${N}-pane`, "second-pane"),
@@ -180,9 +181,9 @@ function Lt(r, ot) {
       children: tt
     }
   ), S = l ? [R, p] : [p, R];
-  return /* @__PURE__ */ ut(v, { style: m, className: E, ref: H, children: [
+  return /* @__PURE__ */ ft(v, { style: g, className: E, ref: H, children: [
     S[0],
-    !rt && /* @__PURE__ */ g(
+    !rt && /* @__PURE__ */ m(
       Nt,
       {
         className: `${N}-trigger`,
@@ -201,34 +202,34 @@ Et.displayName = "ResizeBoxSplit";
 const ht = "horizontal", Dt = "vertical";
 function Gt(r, ot) {
   const {
-    panes: m,
+    panes: g,
     style: q,
     className: J,
     component: x = "div",
     direction: K = "horizontal",
     icon: z,
     ...X
-  } = r, { getPrefixCls: T, rtl: Q } = ft(gt), rt = 1 / m.length, M = F(), d = F(
-    new Array(m.length).fill({
+  } = r, { getPrefixCls: I, rtl: Q } = ut(mt), rt = 1 / g.length, M = F(), d = F(
+    new Array(g.length).fill({
       moving: !1,
       startOffset: 0,
       startPosition: 0
     })
-  ), D = F([]), N = F(0), I = F([]), [l, k] = ct(
-    new Array(m.length).fill(rt)
+  ), D = F([]), N = F(0), T = F([]), [l, k] = ct(
+    new Array(g.length).fill(rt)
   ), [b, E] = ct(!1), [U, tt] = ct(
-    new Array(m.length).fill(0)
+    new Array(g.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 },
+    new Array(Math.max(g.length - 1, 0)).fill({ prev: !1, next: !1 })
+  ), f = I("resizebox-split-group"), h = K === ht, V = h && Q, i = !h, H = P(
+    f,
+    `${f}-${h ? ht : Dt}`,
+    { [`${f}-moving`]: b },
+    { [`${f}-rtl`]: Q },
     J
   ), _ = x, L = () => {
     let t = [];
-    m.forEach((s) => {
+    g.forEach((s) => {
       const { size: a } = s;
       St(a) ? t.push(void 0) : t.push(G(a));
     });
@@ -246,19 +247,19 @@ function Gt(r, ot) {
     return Math.min(n, 1);
   }
   const j = (t) => {
-    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), {
+    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), {
       currentMin: o,
       currentMax: s,
       nextMin: a,
-      nextMax: f
+      nextMax: u
     };
   }, Z = (t, e, n) => {
-    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`);
+    const o = N.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`);
     return Y = Math.max(B, Y), Y = Math.min(C, Y), a[o] = Y, a[s] = nt - Y, a;
   };
   function it(t, e) {
@@ -266,7 +267,7 @@ function Gt(r, ot) {
     s[e] = o, tt(s);
   }
   const c = (t) => {
-    let e = m[t].collapsible;
+    let e = g[t].collapsible;
     st(e) || (e = e ? { prev: !0, next: !0 } : {});
     const { prev: n, next: o } = e;
     if (!n && !o)
@@ -291,10 +292,10 @@ function Gt(r, ot) {
         n.startPosition,
         h ? t.pageX : t.pageY
       );
-      k(a), I.current = a, (s = r == null ? void 0 : r.onMoving) == null || s.call(
+      k(a), T.current = a, (s = r == null ? void 0 : r.onMoving) == null || s.call(
         r,
         t,
-        a.map((f) => `${f * o}px`),
+        a.map((u) => `${u * o}px`),
         e
       );
     }
@@ -306,25 +307,25 @@ function Gt(r, ot) {
   }
   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(
+    const s = e + 1, a = [...l], u = l[e], et = l[s], A = u + et, nt = h ? M.current.offsetWidth : M.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, (yt = r == null ? void 0 : r.onMoving) == null || yt.call(
       r,
       t,
       a.map((Xt) => `${Xt * nt}px`),
       e
-    ), ($t = r.onMovingEnd) == null || $t.call(r, e), k(a), wt(o) && o(t, e, n, mt);
+    ), ($t = r.onMovingEnd) == null || $t.call(r, e), k(a), wt(o) && o(t, e, n, gt);
   }
   return lt(() => {
     const t = L();
-    k(t), I.current = t;
-  }, [JSON.stringify(m.map((t) => t.size))]), zt(ot, () => M.current, []), lt(() => {
+    k(t), T.current = t;
+  }, [JSON.stringify(g.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: f } = j(n);
-      e === a ? o.prev = !0 : l[s] === f && (o.next = !0), t.push(o);
+      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);
-  }, [l]), /* @__PURE__ */ g(
+  }, [l]), /* @__PURE__ */ m(
     _,
     {
       ...Mt(X, [
@@ -336,28 +337,28 @@ function Gt(r, ot) {
       style: q,
       className: H,
       ref: M,
-      children: m.map((t, e) => {
+      children: g.map((t, e) => {
         const {
           content: n,
           disabled: o,
           trigger: s,
           resizable: a = !0,
-          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(
+          collapsible: u = {}
+        } = t, { hasPrev: et, hasNext: A } = c(e), nt = st(u) && st(u.prev) ? u.prev : {}, B = st(u) && st(u.next) ? u.next : {};
+        return /* @__PURE__ */ ft(Wt.Fragment, { children: [
+          /* @__PURE__ */ m(
             "div",
             {
-              className: `${u}-pane`,
+              className: `${f}-pane`,
               style: { flexBasis: W(e) },
               ref: (C) => D.current[e] = C,
               children: n
             }
           ),
-          !o && e !== m.length - 1 && /* @__PURE__ */ g(
+          !o && e !== g.length - 1 && /* @__PURE__ */ m(
             Nt,
             {
-              className: `${u}-trigger`,
+              className: `${f}-trigger`,
               direction: i ? ht : Dt,
               icon: z,
               onResize: (C) => it(C, e),
@@ -406,7 +407,7 @@ const At = "left", pt = "right", xt = "top", Rt = "bottom", jt = [
   }
 };
 function Jt(r, ot) {
-  const { getPrefixCls: m, componentConfig: q, rtl: J } = ft(gt), x = Bt(
+  const { getPrefixCls: g, componentConfig: q, rtl: J } = ut(mt), x = Bt(
     r,
     Zt,
     q == null ? void 0 : q.ResizeBox
@@ -414,14 +415,14 @@ function Jt(r, ot) {
     style: K,
     className: z,
     component: X,
-    directions: T,
+    directions: I,
     resizeIcons: Q,
     children: rt,
     resizeTriggers: M,
     width: d,
     height: D,
     ...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({
+  } = x, T = J ? I.map((c) => qt(c)) : I, l = g("resizebox"), k = P(l, { [`${l}-rtl`]: J }, z), [b, E] = ct({}), [U, tt] = Tt(void 0, { value: d }), [w, O] = Tt(void 0, { value: D }), f = F({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -455,12 +456,12 @@ function Jt(r, ot) {
   }
   function _(c, v) {
     var e, n, o;
-    (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(
+    (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: S, bottom: t } = f.current.padding;
+    f.current.startWidth = i(
       (n = h.current) == null ? void 0 : n.clientWidth,
       R + S
-    ), u.current.startHeight = i(
+    ), f.current.startHeight = i(
       (o = h.current) == null ? void 0 : o.clientHeight,
       p + t
     ), y(window, "mousemove", L), y(window, "touchmove", L), y(window, "mouseup", W), y(window, "touchend", W), y(window, "contextmenu", W), H(
@@ -469,11 +470,11 @@ function Jt(r, ot) {
   }
   function L(c) {
     var s;
-    if (!u.current.moving) return !1;
-    const { startX: v, startY: p, startWidth: R, startHeight: S } = u.current;
+    if (!f.current.moving) return !1;
+    const { startX: v, startY: p, startWidth: R, startHeight: S } = f.current;
     let t = R, e = S;
     const n = c.pageX - v, o = c.pageY - p;
-    switch (u.current.direction) {
+    switch (f.current.direction) {
       case At:
         t = R - n, tt(t);
         break;
@@ -494,14 +495,14 @@ function Jt(r, ot) {
   }
   function W() {
     var c;
-    u.current.moving = !1, G(), H(), (c = x.onMovingEnd) == null || c.call(x);
+    f.current.moving = !1, G(), H(), (c = x.onMovingEnd) == null || c.call(x);
   }
   function G() {
     $(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], S = `${c.slice(0, 1).toUpperCase()}${c.slice(1)}`, t = R[p ? "height" : "width"];
-    u.current.padding[c] = t, E((e) => ({
+    f.current.padding[c] = t, E((e) => ({
       ...e,
       [`padding${S}`]: t
     }));
@@ -512,7 +513,7 @@ function Jt(r, ot) {
     ...vt(U) ? { width: U } : {},
     ...vt(w) ? { height: w } : {}
   };
-  return /* @__PURE__ */ ut(
+  return /* @__PURE__ */ ft(
     X,
     {
       ...Mt(N, ["onMovingStart", "onMoving", "onMovingEnd"]),
@@ -521,9 +522,9 @@ function Jt(r, ot) {
       ref: h,
       children: [
         rt,
-        I.map((c) => {
+        T.map((c) => {
           if (jt.indexOf(c) !== -1)
-            return /* @__PURE__ */ g(
+            return /* @__PURE__ */ m(
               Nt,
               {
                 className: `${l}-direction-${c}`,