@unicom-cloud/ui 0.8.66 → 0.8.68

package/resize-box/SplitGroup.js

@@ -0,0 +1,202 @@
+import { jsx as B, jsxs as wt } from "react/jsx-runtime";
+import dt from "lodash/isFunction";
+import Mt from "lodash/isNumber";
+import S from "lodash/isPlainObject";
+import Ot from "lodash/isString";
+import W from "lodash/isUndefined";
+import Ct, { forwardRef as xt, useContext as St, useRef as z, useState as y, useEffect as L, useImperativeHandle as zt } from "react";
+import { a as Pt } from "../chunk/ll867Bf3.js";
+import { m as Rt } from "../chunk/JPPo5nY_.js";
+import { on as P, off as R } from "../utils/dom.js";
+import { o as Nt } from "../chunk/BKKEev13.js";
+import pt from "./ResizeTrigger.js";
+const D = "horizontal", Y = "vertical";
+function Tt(c, _) {
+  const {
+    panes: a,
+    style: J,
+    className: U,
+    component: Z = "div",
+    direction: q = "horizontal",
+    icon: K,
+    ...Q
+  } = c, { getPrefixCls: tt, rtl: j } = St(Pt), et = 1 / a.length, g = z(), $ = z(
+    new Array(a.length).fill({
+      moving: !1,
+      startOffset: 0,
+      startPosition: 0
+    })
+  ), nt = z([]), N = z(0), p = z([]), [l, A] = y(
+    new Array(a.length).fill(et)
+  ), [ot, k] = y(!1), [E, rt] = y(
+    new Array(a.length).fill(0)
+  ), [w, st] = y(
+    new Array(Math.max(a.length - 1, 0)).fill({ prev: !1, next: !1 })
+  ), d = tt("resizebox-split-group"), v = q === D, ct = v && j, I = !v, it = Rt(
+    d,
+    `${d}-${v ? D : Y}`,
+    { [`${d}-moving`]: ot },
+    { [`${d}-rtl`]: j },
+    U
+  ), ft = Z, at = () => {
+    let t = [];
+    a.forEach((o) => {
+      const { size: s } = o;
+      W(s) ? t.push(void 0) : t.push(M(s));
+    });
+    const e = t.filter((o) => !o), r = (1 - t.reduce((o, s) => (o || 0) + (s || 0), 0)) / e.length;
+    return t = t.map((o) => W(o) ? r : o), t;
+  }, lt = (t) => {
+    const e = E[t - 1] || 0, n = E[t];
+    return `calc(${l[t] * 100}% - ${(e + n) / 2}px)`;
+  };
+  function M(t) {
+    const e = v ? g.current.offsetWidth : g.current.offsetHeight;
+    if (!t || Mt(t) && t < 0)
+      return 0;
+    const n = Ot(t) ? parseFloat(t) / e : t;
+    return Math.min(n, 1);
+  }
+  const H = (t) => {
+    const e = Math.min(t + 1, a.length - 1), n = l[t] + l[e], r = M(a[t].min) || 0;
+    let o = M(a[t].max) || n;
+    const s = M(a[e].min) || 0;
+    let i = M(a[e].max) || n;
+    return o = Math.min(n - s, o), i = Math.min(n - r, i), {
+      currentMin: r,
+      currentMax: o,
+      nextMin: s,
+      nextMax: i
+    };
+  }, ut = (t, e, n) => {
+    const r = N.current, o = r + 1, s = [...l], i = ct ? -1 : 1, h = l[r], C = l[o], x = h + C, { currentMin: m, currentMax: f } = H(r);
+    let u = t + M(`${(n - e) * i}px`);
+    return u = Math.max(m, u), u = Math.min(f, u), s[r] = u, s[o] = x - u, s;
+  };
+  function mt(t, e) {
+    const { contentRect: n } = t[0], r = n[I ? "height" : "width"], o = [...E];
+    o[e] = r, rt(o);
+  }
+  const gt = (t) => {
+    let e = a[t].collapsible;
+    S(e) || (e = e ? { prev: !0, next: !0 } : {});
+    const { prev: n, next: r } = e;
+    if (!n && !r)
+      return {};
+    if (!w[t])
+      return {};
+    const o = !!n || !n && w[t].next, s = !!r || !r && w[t].prev;
+    return { hasPrev: o, hasNext: s };
+  };
+  function vt(t, e) {
+    var r;
+    (r = c.onMovingStart) == null || r.call(c, e), N.current = e;
+    const n = $.current[e];
+    n.moving = !0, n.startOffset = l[e], n.startPosition = v ? t.pageX : t.pageY, k(!0), P(window, "mousemove", T), P(window, "touchmove", T), P(window, "mouseup", O), P(window, "touchend", O), P(window, "contextmenu", O), document.body.style.cursor = I ? "row-resize" : "col-resize";
+  }
+  function T(t) {
+    var o;
+    const e = N.current, n = $.current[e], r = v ? g.current.offsetWidth : g.current.offsetHeight;
+    if (n.moving) {
+      const s = ut(
+        n.startOffset,
+        n.startPosition,
+        v ? t.pageX : t.pageY
+      );
+      A(s), p.current = s, (o = c == null ? void 0 : c.onMoving) == null || o.call(
+        c,
+        t,
+        s.map((i) => `${i * r}px`),
+        e
+      );
+    }
+  }
+  function O() {
+    var e;
+    const t = N.current;
+    $.current[t].moving = !1, k(!1), R(window, "mousemove", T), R(window, "touchmove", T), R(window, "mouseup", O), R(window, "touchend", O), R(window, "contextmenu", O), document.body.style.cursor = "default", (e = c.onMovingEnd) == null || e.call(c, t);
+  }
+  function F(t, e, n, r) {
+    var G, V;
+    const o = e + 1, s = [...l], i = l[e], h = l[o], C = i + h, x = v ? g.current.offsetWidth : g.current.offsetHeight, { currentMin: m, nextMin: f } = H(e);
+    let u = p.current[e], b = p.current[o], X = w[e][n];
+    n === "prev" ? (h !== f || b === f) && (u = m, b = C - m, X = !0) : (i !== m || u === m) && (u = C - f, b = f, X = !0), s[e] = u, s[o] = b, (G = c == null ? void 0 : c.onMoving) == null || G.call(
+      c,
+      t,
+      s.map((ht) => `${ht * x}px`),
+      e
+    ), (V = c.onMovingEnd) == null || V.call(c, e), A(s), dt(r) && r(t, e, n, X);
+  }
+  return L(() => {
+    const t = at();
+    A(t), p.current = t;
+  }, [JSON.stringify(a.map((t) => t.size))]), zt(_, () => g.current, []), L(() => {
+    const t = [];
+    l.forEach((e, n) => {
+      const r = { prev: !1, next: !1 }, o = n + 1, { currentMin: s, nextMin: i } = H(n);
+      e === s ? r.prev = !0 : l[o] === i && (r.next = !0), t.push(r);
+    }), st(t);
+  }, [l]), /* @__PURE__ */ B(
+    ft,
+    {
+      ...Nt(Q, [
+        "onMovingStart",
+        "onPaneResize",
+        "onMoving",
+        "onMovingEnd"
+      ]),
+      style: J,
+      className: it,
+      ref: g,
+      children: a.map((t, e) => {
+        const {
+          content: n,
+          disabled: r,
+          trigger: o,
+          resizable: s = !0,
+          collapsible: i = {}
+        } = t, { hasPrev: h, hasNext: C } = gt(e), x = S(i) && S(i.prev) ? i.prev : {}, m = S(i) && S(i.next) ? i.next : {};
+        return /* @__PURE__ */ wt(Ct.Fragment, { children: [
+          /* @__PURE__ */ B(
+            "div",
+            {
+              className: `${d}-pane`,
+              style: { flexBasis: lt(e) },
+              ref: (f) => nt.current[e] = f,
+              children: n
+            }
+          ),
+          !r && e !== a.length - 1 && /* @__PURE__ */ B(
+            pt,
+            {
+              className: `${d}-trigger`,
+              direction: I ? D : Y,
+              icon: K,
+              onResize: (f) => mt(f, e),
+              onMouseDown: (f) => vt(f, e),
+              collapsible: {
+                prev: h ? {
+                  onClick: (f) => F(f, e, "prev", x.onClick),
+                  icon: x.icon,
+                  collapsed: w[e].prev
+                } : void 0,
+                next: C ? {
+                  onClick: (f) => F(f, e, "next", m.onClick),
+                  icon: m.icon,
+                  collapsed: w[e].next
+                } : void 0
+              },
+              resizable: s,
+              renderChildren: o
+            }
+          )
+        ] }, e);
+      })
+    }
+  );
+}
+const bt = xt(Tt);
+bt.displayName = "ResizeBoxSplitGroup";
+export {
+  bt as default
+};

package/resize-box/index.js

@@ -0,0 +1,182 @@
+import { jsxs as ot, jsx as rt } from "react/jsx-runtime";
+import B from "lodash/isNumber";
+import { forwardRef as nt, useContext as st, useState as it, useRef as E, useImperativeHandle as ct } from "react";
+import { a as at } from "../chunk/ll867Bf3.js";
+import { u as ut } from "../chunk/BFTV6myl.js";
+import { u as W } from "../chunk/CdaT1b_F.js";
+import { m as mt } from "../chunk/JPPo5nY_.js";
+import { on as g, off as l } from "../utils/dom.js";
+import { o as dt } from "../chunk/BKKEev13.js";
+import gt from "./ResizeTrigger.js";
+import lt from "./Split.js";
+import ft from "./SplitGroup.js";
+const X = "left", z = "right", b = "top", x = "bottom", pt = [
+  X,
+  z,
+  b,
+  x
+], ht = {
+  component: "div",
+  directions: ["right"],
+  resizeIcons: {},
+  resizeTriggers: {}
+}, wt = (f) => {
+  switch (f) {
+    case "left":
+      return "right";
+    case "right":
+      return "left";
+    default:
+      return f;
+  }
+};
+function vt(f, Y) {
+  const { getPrefixCls: $, componentConfig: w, rtl: T } = st(at), r = ut(
+    f,
+    ht,
+    w == null ? void 0 : w.ResizeBox
+  ), {
+    style: P,
+    className: k,
+    component: G,
+    directions: C,
+    resizeIcons: _,
+    children: A,
+    resizeTriggers: j,
+    width: F,
+    height: q,
+    ...K
+  } = r, L = T ? C.map((t) => wt(t)) : C, v = $("resizebox"), U = mt(v, { [`${v}-rtl`]: T }, k), [V, J] = it({}), [I, S] = W(void 0, { value: F }), [H, M] = W(void 0, { value: q }), o = E({
+    startX: 0,
+    startY: 0,
+    startWidth: 0,
+    startHeight: 0,
+    direction: z,
+    moving: !1,
+    padding: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }), p = E();
+  ct(Y, () => p.current, []);
+  function R(t) {
+    return [b, x].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 n = document.body.getAttribute(e);
+      document.body.style.cursor = n || "", document.body.removeAttribute(e);
+    }
+  }
+  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 h(t) {
+    var N;
+    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 X:
+        s = c - m, S(s);
+        break;
+      case z:
+        s = c + m, S(s);
+        break;
+      case b:
+        i = a - d, M(i);
+        break;
+      case x:
+        i = a + d, M(i);
+        break;
+    }
+    (N = r.onMoving) == null || N.call(r, t, {
+      width: s,
+      height: i
+    });
+  }
+  function u() {
+    var t;
+    o.current.moving = !1, Z(), D(), (t = r.onMovingEnd) == null || t.call(r);
+  }
+  function Z() {
+    l(window, "mousemove", h), l(window, "touchmove", h), l(window, "mouseup", u), l(window, "touchend", u), l(window, "contextmenu", u);
+  }
+  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 et = {
+    ...V,
+    ...P || {},
+    ...B(I) ? { width: I } : {},
+    ...B(H) ? { height: H } : {}
+  };
+  return /* @__PURE__ */ ot(
+    G,
+    {
+      ...dt(K, ["onMovingStart", "onMoving", "onMovingEnd"]),
+      style: et,
+      className: U,
+      ref: p,
+      children: [
+        A,
+        L.map((t) => {
+          if (pt.indexOf(t) !== -1)
+            return /* @__PURE__ */ rt(
+              gt,
+              {
+                className: `${v}-direction-${t}`,
+                direction: R(t) ? "horizontal" : "vertical",
+                icon: _[t],
+                onMouseDown: (e) => {
+                  Q(t, e);
+                },
+                onResize: (e) => {
+                  tt(t, e);
+                },
+                children: j[t]
+              },
+              t
+            );
+        })
+      ]
+    }
+  );
+}
+const Rt = nt(vt), y = Rt;
+y.Split = lt;
+y.SplitGroup = ft;
+y.displayName = "ResizeBox";
+export {
+  lt as ResizeBoxSplit,
+  ft as ResizeBoxSplitGroup,
+  y as default
+};

package/resize-box/interface.js

@@ -0,0 +1 @@
+