@unicom-cloud/ui 0.8.96 → 0.8.98

package/resize-box/ResizeTrigger.js

@@ -1,43 +1,43 @@
-import { jsx as e, jsxs as F } from "react/jsx-runtime";
-import H from "@unicom-cloud/icons/IconUiCaretDown";
-import h from "@unicom-cloud/icons/IconUiCaretLeft";
-import z from "@unicom-cloud/icons/IconUiCaretRight";
-import L from "@unicom-cloud/icons/IconUiCaretUp";
-import M from "@unicom-cloud/icons/IconUiDragDot";
-import P from "@unicom-cloud/icons/IconUiDragDotVertical";
+import { jsx as e, jsxs as E } from "react/jsx-runtime";
+import F from "@unicom-cloud/icons/IconUiCaretDown";
+import $ from "@unicom-cloud/icons/IconUiCaretLeft";
+import h from "@unicom-cloud/icons/IconUiCaretRight";
+import H from "@unicom-cloud/icons/IconUiCaretUp";
+import L from "@unicom-cloud/icons/IconUiDragDot";
+import M from "@unicom-cloud/icons/IconUiDragDotVertical";
 import g from "lodash/isFunction";
 import { useContext as V, useRef as q, useEffect as A } from "react";
 import "../config-provider/ConfigProvider.js";
 import o from "@unicom-cloud/utils/class-name";
 import "../components/common/utils/is.js";
 import { omit as B } from "../components/common/utils/omit.js";
-import { resizeObserverEffect as G } from "../components/common/utils/resizeObserverEffect.js";
+import { resizeObserver as G } from "../components/common/utils/resizeObserver.js";
 import J from "../config-provider/context.js";
-import { isPlainObject as I } from "@unicom-cloud/utils/is";
-function ae(D) {
+import { isPlainObject as z } from "@unicom-cloud/utils/is";
+function le(I) {
   const {
-    className: U,
-    direction: b,
-    icon: R,
-    onMouseDown: T,
-    onResize: a,
-    children: C,
+    className: D,
+    direction: U,
+    icon: b,
+    onMouseDown: R,
+    onResize: l,
+    children: u,
     collapsible: n = {},
-    resizable: l = !0,
+    resizable: a = !0,
     renderChildren: c,
-    ...k
-  } = D, { getPrefixCls: m, rtl: v } = V(J), r = m == null ? void 0 : m("resizebox-trigger"), t = b === "horizontal", y = v && !t, x = o(
+    ...T
+  } = I, { getPrefixCls: k, rtl: C } = V(J), r = k?.("resizebox-trigger"), t = U === "horizontal", y = C && !t, x = o(
     r,
     `${r}-${t ? "horizontal" : "vertical"}`,
-    { [`${r}-not-resizable`]: !l },
-    { [`${r}-rtl`]: v },
-    U
-  ), p = q(), N = y ? [/* @__PURE__ */ e(z, {}, "prev"), /* @__PURE__ */ e(h, {}, "next")] : [/* @__PURE__ */ e(h, {}, "prev"), /* @__PURE__ */ e(z, {}, "next")], i = I(n.prev) ? {
+    { [`${r}-not-resizable`]: !a },
+    { [`${r}-rtl`]: C },
+    D
+  ), m = q(), v = y ? [/* @__PURE__ */ e(h, {}, "prev"), /* @__PURE__ */ e($, {}, "next")] : [/* @__PURE__ */ e($, {}, "prev"), /* @__PURE__ */ e(h, {}, "next")], i = z(n.prev) ? {
     ...n.prev,
-    icon: n.prev.icon || (t ? /* @__PURE__ */ e(L, {}) : N[0])
-  } : {}, s = I(n.next) ? {
+    icon: n.prev.icon || (t ? /* @__PURE__ */ e(H, {}) : v[0])
+  } : {}, s = z(n.next) ? {
     ...n.next,
-    icon: n.next.icon || (t ? /* @__PURE__ */ e(H, {}) : N[1])
+    icon: n.next.icon || (t ? /* @__PURE__ */ e(F, {}) : v[1])
   } : {}, j = () => i.icon && !i.collapsed || s.collapsed ? /* @__PURE__ */ e(
     "span",
     {
@@ -52,28 +52,28 @@ function ae(D) {
       onClick: s.onClick,
       children: s.icon
     }
-  ) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), E = () => l ? /* @__PURE__ */ e("span", { className: `${r}-icon`, children: R || (t ? /* @__PURE__ */ e(M, {}) : /* @__PURE__ */ e(P, {})) }) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), f = j(), d = E(), u = w(), $ = () => /* @__PURE__ */ F("div", { className: `${r}-icon-wrapper`, children: [
+  ) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), P = () => a ? /* @__PURE__ */ e("span", { className: `${r}-icon`, children: b || (t ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(M, {})) }) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), p = j(), f = P(), d = w(), N = () => /* @__PURE__ */ E("div", { className: `${r}-icon-wrapper`, children: [
+    p,
     f,
-    d,
-    u
+    d
   ] });
-  return l ? (A(() => {
-    if (!g(a)) return;
-    const O = G([p.current], a);
+  return a ? (A(() => {
+    if (!g(l)) return;
+    const O = G([m.current], l);
     return () => {
       O();
     };
-  }, [p.current, a]), /* @__PURE__ */ e(
+  }, [m.current, l]), /* @__PURE__ */ e(
     "div",
     {
-      ref: p,
-      ...B(k, ["style"]),
+      ref: m,
+      ...B(T, ["style"]),
       className: x,
-      onMouseDown: T,
-      children: g(c) ? c(f, d, u) : C || $()
+      onMouseDown: R,
+      children: g(c) ? c(p, f, d) : u || N()
     }
-  )) : /* @__PURE__ */ e("div", { className: x, children: g(c) ? c(f, d, u) : C || $() });
+  )) : /* @__PURE__ */ e("div", { className: x, children: g(c) ? c(p, f, d) : u || N() });
 }
 export {
-  ae as default
+  le as default
 };

package/resize-box/Split.js

@@ -1,131 +1,127 @@
-import { jsx as y, jsxs as it } from "react/jsx-runtime";
-import { forwardRef as ct, useContext as at, useState as W, useRef as T, useImperativeHandle as ft, useEffect as ut } from "react";
+import { jsx as N, jsxs as ie } from "react/jsx-runtime";
+import { forwardRef as ce, useContext as ae, useState as D, useRef as z, useImperativeHandle as fe, useEffect as ue } from "react";
 import "../config-provider/ConfigProvider.js";
-import mt from "../components/common/hooks/useIsomorphicLayoutEffect.js";
-import p from "@unicom-cloud/utils/class-name";
-import { on as m, off as l } from "../components/common/utils/dom.js";
-import lt from "./ResizeTrigger.js";
-import dt from "../config-provider/context.js";
-const C = "horizontal", A = "vertical";
-function gt(n, L) {
+import me from "../components/common/hooks/useIsomorphicLayoutEffect.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { on as f, off as u } from "../components/common/utils/dom.js";
+import le from "./ResizeTrigger.js";
+import de from "../config-provider/context.js";
+const y = "horizontal", W = "vertical";
+function ge(c, A) {
   const {
-    style: V,
-    className: j,
-    component: B = "div",
-    direction: H = "horizontal",
-    icon: _,
-    size: d = 0.5,
-    min: v,
-    max: R,
-    panes: Z,
-    disabled: k,
-    trigger: q
-  } = n, { getPrefixCls: x, rtl: I } = at(dt), s = x == null ? void 0 : x("resizebox-split"), g = H.includes(C), E = H.includes("reverse"), G = g && I, O = !g, J = p(
-    s,
-    `${s}-${g ? C : A}`,
-    { [`${s}-rtl`]: I },
-    j
-  ), [K, Q] = Z, i = typeof d == "string", [c, F] = W(parseFloat(d)), [M, U] = W(0), e = T({
+    style: L,
+    className: V,
+    component: j = "div",
+    direction: T = "horizontal",
+    icon: B,
+    size: m = 0.5,
+    min: w,
+    max: h,
+    panes: _,
+    disabled: Z,
+    trigger: k
+  } = c, { getPrefixCls: q, rtl: C } = ae(de), o = q?.("resizebox-split"), l = T.includes(y), H = T.includes("reverse"), G = l && C, v = !l, J = $(
+    o,
+    `${o}-${l ? y : W}`,
+    { [`${o}-rtl`]: C },
+    V
+  ), [K, Q] = _, r = typeof m == "string", [s, I] = D(parseFloat(m)), [E, U] = D(0), t = z({
     startX: 0,
     startY: 0,
     startWidth: 0,
     startHeight: 0,
     startOffset: 0,
     moving: !1
-  }), w = T(), N = T([]);
-  ft(L, () => w.current, []);
-  function z(t, o) {
-    return parseFloat(t) / parseFloat(o);
+  }), d = z(), x = z([]);
+  fe(A, () => d.current, []);
+  function R(e, n) {
+    return parseFloat(e) / parseFloat(n);
   }
-  function b(t, o, r, f) {
-    const D = typeof v == "string" ? z(parseFloat(v), t) : v || 0, P = typeof R == "string" ? z(parseFloat(R), t) : R || 1;
-    let $ = E ? -1 : 1;
-    $ *= G ? -1 : 1;
-    let u = i ? o + (f - r) * $ : z(
-      t * o + (f - r) * $,
-      t
+  function F(e, n, p, S) {
+    const X = typeof w == "string" ? R(parseFloat(w), e) : w || 0, Y = typeof h == "string" ? R(parseFloat(h), e) : h || 1;
+    let O = H ? -1 : 1;
+    O *= G ? -1 : 1;
+    let a = r ? n + (S - p) * O : R(
+      e * n + (S - p) * O,
+      e
     );
-    const rt = i ? D * t : D, st = i ? P * t : P;
-    return u = Math.max(u, rt), u = Math.min(u, st), u;
+    const re = r ? X * e : X, se = r ? Y * e : Y;
+    return a = Math.max(a, re), a = Math.min(a, se), a;
   }
-  function tt(t) {
-    var o, r, f;
-    (o = n.onMovingStart) == null || o.call(n), e.current.moving = !0, e.current.startX = t.pageX, e.current.startY = t.pageY, e.current.startWidth = (r = w.current) == null ? void 0 : r.offsetWidth, e.current.startHeight = (f = w.current) == null ? void 0 : f.offsetHeight, e.current.startOffset = c, m(window, "mousemove", h), m(window, "touchmove", h), m(window, "mouseup", a), m(window, "touchend", a), m(window, "contextmenu", a), document.body.style.cursor = O ? "row-resize" : "col-resize";
+  function ee(e) {
+    c.onMovingStart?.(), t.current.moving = !0, t.current.startX = e.pageX, t.current.startY = e.pageY, t.current.startWidth = d.current?.offsetWidth, t.current.startHeight = d.current?.offsetHeight, t.current.startOffset = s, f(window, "mousemove", g), f(window, "touchmove", g), f(window, "mouseup", i), f(window, "touchend", i), f(window, "contextmenu", i), document.body.style.cursor = v ? "row-resize" : "col-resize";
   }
-  function h(t) {
-    var o;
-    if (e.current.moving) {
-      const r = g ? b(
-        e.current.startWidth,
-        e.current.startOffset,
-        e.current.startX,
-        t.pageX
-      ) : b(
-        e.current.startHeight,
-        e.current.startOffset,
-        e.current.startY,
-        t.pageY
+  function g(e) {
+    if (t.current.moving) {
+      const n = l ? F(
+        t.current.startWidth,
+        t.current.startOffset,
+        t.current.startX,
+        e.pageX
+      ) : F(
+        t.current.startHeight,
+        t.current.startOffset,
+        t.current.startY,
+        e.pageY
       );
-      F(r), (o = n.onMoving) == null || o.call(n, t, i ? `${r}px` : r);
+      I(n), c.onMoving?.(e, r ? `${n}px` : n);
     }
   }
-  function a() {
-    var t;
-    e.current.moving = !1, l(window, "mousemove", h), l(window, "touchmove", h), l(window, "mouseup", a), l(window, "touchend", a), l(window, "contextmenu", a), document.body.style.cursor = "default", (t = n.onMovingEnd) == null || t.call(n);
+  function i() {
+    t.current.moving = !1, u(window, "mousemove", g), u(window, "touchmove", g), u(window, "mouseup", i), u(window, "touchend", i), u(window, "contextmenu", i), document.body.style.cursor = "default", c.onMovingEnd?.();
   }
-  function et(t) {
-    const { contentRect: o } = t[0], r = o[O ? "height" : "width"];
-    U(r);
+  function te(e) {
+    const { contentRect: n } = e[0], p = n[v ? "height" : "width"];
+    U(p);
   }
-  function nt() {
-    const t = i ? "px" : "%";
-    return c ? `calc(${i ? c : c * 100}${t} - ${M / 2}px)` : `0${t}`;
+  function ne() {
+    const e = r ? "px" : "%";
+    return s ? `calc(${r ? s : s * 100}${e} - ${E / 2}px)` : `0${e}`;
   }
-  ut(() => {
-    var t;
-    (t = n.onPaneResize) == null || t.call(n, N.current);
-  }, [c, M]), mt(() => {
-    const t = parseFloat(d);
-    c !== t && F(t);
-  }, [d]);
-  const ot = B, S = /* @__PURE__ */ y(
+  ue(() => {
+    c.onPaneResize?.(x.current);
+  }, [s, E]), me(() => {
+    const e = parseFloat(m);
+    s !== e && I(e);
+  }, [m]);
+  const oe = j, M = /* @__PURE__ */ N(
     "div",
     {
-      className: p(`${s}-pane`, "first-pane"),
-      style: { flexBasis: nt() },
-      ref: (t) => {
-        N.current[0] = t;
+      className: $(`${o}-pane`, "first-pane"),
+      style: { flexBasis: ne() },
+      ref: (e) => {
+        x.current[0] = e;
       },
       children: K
     }
-  ), X = /* @__PURE__ */ y(
+  ), b = /* @__PURE__ */ N(
     "div",
     {
-      className: p(`${s}-pane`, "second-pane"),
-      ref: (t) => {
-        N.current[1] = t;
+      className: $(`${o}-pane`, "second-pane"),
+      ref: (e) => {
+        x.current[1] = e;
       },
       children: Q
     }
-  ), Y = E ? [X, S] : [S, X];
-  return /* @__PURE__ */ it(ot, { style: V, className: J, ref: w, children: [
-    Y[0],
-    !k && /* @__PURE__ */ y(
-      lt,
+  ), P = H ? [b, M] : [M, b];
+  return /* @__PURE__ */ ie(oe, { style: L, className: J, ref: d, children: [
+    P[0],
+    !Z && /* @__PURE__ */ N(
+      le,
       {
-        className: `${s}-trigger`,
-        direction: O ? C : A,
-        icon: _,
-        onMouseDown: tt,
-        onResize: et,
-        children: q
+        className: `${o}-trigger`,
+        direction: v ? y : W,
+        icon: B,
+        onMouseDown: ee,
+        onResize: te,
+        children: k
       }
     ),
-    Y[1]
+    P[1]
   ] });
 }
-const wt = ct(gt);
-wt.displayName = "ResizeBoxSplit";
+const pe = ce(ge);
+pe.displayName = "ResizeBoxSplit";
 export {
-  wt as default
+  pe as default
 };