@unicom-cloud/ui 0.8.150 → 0.8.151

package/resize-box/SplitGroup.js

@@ -1,198 +1,146 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as B, jsxs as pt } from "react/jsx-runtime";
-import vt, { forwardRef as ht, useContext as wt, useRef as x, useState as b, useEffect as G, useImperativeHandle as dt } from "react";
-import "../config-provider/ConfigProvider.js";
-import Mt from "@unicom-cloud/ui-common/utils/className";
-import { on as S, off as R } from "@unicom-cloud/ui-common/utils/dom";
-import { isPlainObject as z, isUndefined as V, isFunction as Ot, isNumber as Ct, isString as xt } from "@unicom-cloud/ui-common/utils/is";
-import St from "@unicom-cloud/ui-common/utils/omit";
-import Rt from "./ResizeTrigger.js";
-import zt from "../config-provider/context.js";
-const D = "horizontal", W = "vertical";
-function Pt(v, L) {
-  const {
-    panes: a,
-    style: Y,
-    className: _,
-    component: J = "div",
-    direction: U = "horizontal",
-    icon: Z,
-    ...q
-  } = v, { getPrefixCls: K, rtl: j } = wt(zt), Q = 1 / a.length, m = x(void 0), y = x(
-    new Array(a.length).fill({
-      moving: !1,
-      startOffset: 0,
-      startPosition: 0
-    })
-  ), tt = x([]), P = x(0), N = x([]), [f, E] = b(
-    new Array(a.length).fill(Q)
-  ), [et, k] = b(!1), [A, nt] = b(
-    new Array(a.length).fill(0)
-  ), [h, ot] = b(
-    new Array(Math.max(a.length - 1, 0)).fill({ prev: !1, next: !1 })
-  ), w = K?.("resizebox-split-group"), g = U === D, rt = g && j, I = !g, st = Mt(
-    w,
-    `${w}-${g ? D : W}`,
-    { [`${w}-moving`]: et },
-    { [`${w}-rtl`]: j },
-    _
-  ), ct = J, it = () => {
-    let t = [];
-    a.forEach((o) => {
-      const { size: s } = o;
-      V(s) ? t.push(void 0) : t.push(d(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) => V(o) ? r : o), t;
-  }, at = (t) => {
-    const e = A[t - 1] || 0, n = A[t];
-    return `calc(${f[t] * 100}% - ${(e + n) / 2}px)`;
-  };
-  function d(t) {
-    const e = g ? m.current.offsetWidth : m.current.offsetHeight;
-    if (!t || Ct(t) && t < 0)
-      return 0;
-    const n = xt(t) ? parseFloat(t) / e : t;
-    return Math.min(n, 1);
-  }
-  const H = (t) => {
-    const e = Math.min(t + 1, a.length - 1), n = f[t] + f[e], r = d(a[t].min) || 0;
-    let o = d(a[t].max) || n;
-    const s = d(a[e].min) || 0;
-    let c = d(a[e].max) || n;
-    return o = Math.min(n - s, o), c = Math.min(n - r, c), {
-      currentMin: r,
-      currentMax: o,
-      nextMin: s,
-      nextMax: c
-    };
-  }, ft = (t, e, n) => {
-    const r = P.current, o = r + 1, s = [...f], c = rt ? -1 : 1, p = f[r], O = f[o], C = p + O, { currentMin: u, currentMax: i } = H(r);
-    let l = t + d(`${(n - e) * c}px`);
-    return l = Math.max(u, l), l = Math.min(i, l), s[r] = l, s[o] = C - l, s;
-  };
-  function lt(t, e) {
-    const { contentRect: n } = t[0], r = n[I ? "height" : "width"], o = [...A];
-    o[e] = r, nt(o);
-  }
-  const ut = (t) => {
-    let e = a[t].collapsible;
-    z(e) || (e = e ? { prev: !0, next: !0 } : {});
-    const { prev: n, next: r } = e;
-    if (!n && !r)
-      return {};
-    if (!h[t])
-      return {};
-    const o = !!n || !n && h[t].next, s = !!r || !r && h[t].prev;
-    return { hasPrev: o, hasNext: s };
-  };
-  function mt(t, e) {
-    v.onMovingStart?.(e), P.current = e;
-    const n = y.current[e];
-    n.moving = !0, n.startOffset = f[e], n.startPosition = g ? t.pageX : t.pageY, k(!0), S(window, "mousemove", T), S(window, "touchmove", T), S(window, "mouseup", M), S(window, "touchend", M), S(window, "contextmenu", M), document.body.style.cursor = I ? "row-resize" : "col-resize";
-  }
-  function T(t) {
-    const e = P.current, n = y.current[e], r = g ? m.current.offsetWidth : m.current.offsetHeight;
-    if (n.moving) {
-      const o = ft(
-        n.startOffset,
-        n.startPosition,
-        g ? t.pageX : t.pageY
-      );
-      E(o), N.current = o, v?.onMoving?.(
-        t,
-        o.map((s) => `${s * r}px`),
-        e
-      );
-    }
-  }
-  function M() {
-    const t = P.current;
-    y.current[t].moving = !1, k(!1), R(window, "mousemove", T), R(window, "touchmove", T), R(window, "mouseup", M), R(window, "touchend", M), R(window, "contextmenu", M), document.body.style.cursor = "default", v.onMovingEnd?.(t);
-  }
-  function F(t, e, n, r) {
-    const o = e + 1, s = [...f], c = f[e], p = f[o], O = c + p, C = g ? m.current.offsetWidth : m.current.offsetHeight, { currentMin: u, nextMin: i } = H(e);
-    let l = N.current[e], $ = N.current[o], X = h[e][n];
-    n === "prev" ? (p !== i || $ === i) && (l = u, $ = O - u, X = !0) : (c !== u || l === u) && (l = O - i, $ = i, X = !0), s[e] = l, s[o] = $, v?.onMoving?.(
-      t,
-      s.map((gt) => `${gt * C}px`),
-      e
-    ), v.onMovingEnd?.(e), E(s), Ot(r) && r(t, e, n, X);
-  }
-  return G(() => {
-    const t = it();
-    E(t), N.current = t;
-  }, [JSON.stringify(a.map((t) => t.size))]), dt(L, () => ({
-    getRootElement() {
-      return m.current;
-    }
-  })), G(() => {
-    const t = [];
-    f.forEach((e, n) => {
-      const r = { prev: !1, next: !1 }, o = n + 1, { currentMin: s, nextMin: c } = H(n);
-      e === s ? r.prev = !0 : f[o] === c && (r.next = !0), t.push(r);
-    }), ot(t);
-  }, [f]), /* @__PURE__ */ B(
-    ct,
-    {
-      ...St(q, [
-        "onMovingStart",
-        "onPaneResize",
-        "onMoving",
-        "onMovingEnd"
-      ]),
-      style: Y,
-      className: st,
-      ref: m,
-      children: a.map((t, e) => {
-        const {
-          content: n,
-          disabled: r,
-          trigger: o,
-          resizable: s = !0,
-          collapsible: c = {}
-        } = t, { hasPrev: p, hasNext: O } = ut(e), C = z(c) && z(c.prev) ? c.prev : {}, u = z(c) && z(c.next) ? c.next : {};
-        return /* @__PURE__ */ pt(vt.Fragment, { children: [
-          /* @__PURE__ */ B(
-            "div",
-            {
-              className: `${w}-pane`,
-              style: { flexBasis: at(e) },
-              ref: (i) => tt.current[e] = i,
-              children: n
-            }
-          ),
-          !r && e !== a.length - 1 && /* @__PURE__ */ B(
-            Rt,
-            {
-              className: `${w}-trigger`,
-              direction: I ? D : W,
-              icon: Z,
-              onResize: (i) => lt(i, e),
-              onMouseDown: (i) => mt(i, e),
-              collapsible: {
-                prev: p ? {
-                  onClick: (i) => F(i, e, "prev", C.onClick),
-                  icon: C.icon,
-                  collapsed: h[e].prev
-                } : void 0,
-                next: O ? {
-                  onClick: (i) => F(i, e, "next", u.onClick),
-                  icon: u.icon,
-                  collapsed: h[e].next
-                } : void 0
-              },
-              resizable: s,
-              renderChildren: o
-            }
-          )
-        ] }, e);
-      })
-    }
-  );
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { isFunction as e, isNumber as t, isPlainObject as n, isString as r, isUndefined as i } from "../utils/is.js";
+import a from "../utils/className.js";
+import { off as o, on as s } from "../utils/dom.js";
+import c from "../config-provider/context.js";
+import "../config-provider/index.js";
+import l from "../utils/omit.js";
+import u from "./ResizeTrigger.js";
+import d, { forwardRef as f, useContext as p, useEffect as m, useImperativeHandle as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region components/pc/resize-box/SplitGroup.tsx
+var b = "horizontal", x = "vertical";
+function S(f, S) {
+	let { panes: C, style: w, className: T, component: E = "div", direction: ee = "horizontal", icon: te, ...ne } = f, { getPrefixCls: D, rtl: O } = p(c), re = 1 / C.length, k = g(void 0), A = g(Array(C.length).fill({
+		moving: !1,
+		startOffset: 0,
+		startPosition: 0
+	})), j = g([]), M = g(0), N = g([]), [P, F] = _(Array(C.length).fill(re)), [ie, I] = _(!1), [L, R] = _(Array(C.length).fill(0)), [z, B] = _(Array(Math.max(C.length - 1, 0)).fill({
+		prev: !1,
+		next: !1
+	})), V = D?.("resizebox-split-group"), H = ee === b, U = H && O, W = !H, G = a(V, `${V}-${H ? b : x}`, { [`${V}-moving`]: ie }, { [`${V}-rtl`]: O }, T), K = E, q = () => {
+		let e = [];
+		C.forEach((t) => {
+			let { size: n } = t;
+			i(n) ? e.push(void 0) : e.push(Y(n));
+		});
+		let t = e.filter((e) => !e), n = (1 - e.reduce((e, t) => (e || 0) + (t || 0), 0)) / t.length;
+		return e = e.map((e) => i(e) ? n : e), e;
+	}, J = (e) => {
+		let t = L[e - 1] || 0, n = L[e];
+		return `calc(${P[e] * 100}% - ${(t + n) / 2}px)`;
+	};
+	function Y(e) {
+		let n = H ? k.current.offsetWidth : k.current.offsetHeight;
+		if (!e || t(e) && e < 0) return 0;
+		let i = r(e) ? parseFloat(e) / n : e;
+		return Math.min(i, 1);
+	}
+	let X = (e) => {
+		let t = Math.min(e + 1, C.length - 1), n = P[e] + P[t], r = Y(C[e].min) || 0, i = Y(C[e].max) || n, a = Y(C[t].min) || 0, o = Y(C[t].max) || n;
+		return i = Math.min(n - a, i), o = Math.min(n - r, o), {
+			currentMin: r,
+			currentMax: i,
+			nextMin: a,
+			nextMax: o
+		};
+	}, ae = (e, t, n) => {
+		let r = M.current, i = r + 1, a = [...P], o = U ? -1 : 1, s = P[r] + P[i], { currentMin: c, currentMax: l } = X(r), u = e + Y(`${(n - t) * o}px`);
+		return u = Math.max(c, u), u = Math.min(l, u), a[r] = u, a[i] = s - u, a;
+	};
+	function oe(e, t) {
+		let { contentRect: n } = e[0], r = n[W ? "height" : "width"], i = [...L];
+		i[t] = r, R(i);
+	}
+	let se = (e) => {
+		let t = C[e].collapsible;
+		n(t) || (t = t ? {
+			prev: !0,
+			next: !0
+		} : {});
+		let { prev: r, next: i } = t;
+		return !r && !i || !z[e] ? {} : {
+			hasPrev: !!r || !r && z[e].next,
+			hasNext: !!i || !i && z[e].prev
+		};
+	};
+	function ce(e, t) {
+		f.onMovingStart?.(t), M.current = t;
+		let n = A.current[t];
+		n.moving = !0, n.startOffset = P[t], n.startPosition = H ? e.pageX : e.pageY, I(!0), s(window, "mousemove", Z), s(window, "touchmove", Z), s(window, "mouseup", Q), s(window, "touchend", Q), s(window, "contextmenu", Q), document.body.style.cursor = W ? "row-resize" : "col-resize";
+	}
+	function Z(e) {
+		let t = M.current, n = A.current[t], r = H ? k.current.offsetWidth : k.current.offsetHeight;
+		if (n.moving) {
+			let i = ae(n.startOffset, n.startPosition, H ? e.pageX : e.pageY);
+			F(i), N.current = i, f?.onMoving?.(e, i.map((e) => `${e * r}px`), t);
+		}
+	}
+	function Q() {
+		let e = M.current;
+		A.current[e].moving = !1, I(!1), o(window, "mousemove", Z), o(window, "touchmove", Z), o(window, "mouseup", Q), o(window, "touchend", Q), o(window, "contextmenu", Q), document.body.style.cursor = "default", f.onMovingEnd?.(e);
+	}
+	function $(t, n, r, i) {
+		let a = n + 1, o = [...P], s = P[n], c = P[a], l = s + c, u = H ? k.current.offsetWidth : k.current.offsetHeight, { currentMin: d, nextMin: p } = X(n), m = N.current[n], h = N.current[a], g = z[n][r];
+		r === "prev" ? (c !== p || h === p) && (m = d, h = l - d, g = !0) : (s !== d || m === d) && (m = l - p, h = p, g = !0), o[n] = m, o[a] = h, f?.onMoving?.(t, o.map((e) => `${e * u}px`), n), f.onMovingEnd?.(n), F(o), e(i) && i(t, n, r, g);
+	}
+	return m(() => {
+		let e = q();
+		F(e), N.current = e;
+	}, [JSON.stringify(C.map((e) => e.size))]), h(S, () => ({ getRootElement() {
+		return k.current;
+	} })), m(() => {
+		let e = [];
+		P.forEach((t, n) => {
+			let r = {
+				prev: !1,
+				next: !1
+			}, i = n + 1, { currentMin: a, nextMin: o } = X(n);
+			t === a ? r.prev = !0 : P[i] === o && (r.next = !0), e.push(r);
+		}), B(e);
+	}, [P]), /* @__PURE__ */ v(K, {
+		...l(ne, [
+			"onMovingStart",
+			"onPaneResize",
+			"onMoving",
+			"onMovingEnd"
+		]),
+		style: w,
+		className: G,
+		ref: k,
+		children: C.map((e, t) => {
+			let { content: r, disabled: i, trigger: a, resizable: o = !0, collapsible: s = {} } = e, { hasPrev: c, hasNext: l } = se(t), f = n(s) && n(s.prev) ? s.prev : {}, p = n(s) && n(s.next) ? s.next : {};
+			return /* @__PURE__ */ y(d.Fragment, { children: [/* @__PURE__ */ v("div", {
+				className: `${V}-pane`,
+				style: { flexBasis: J(t) },
+				ref: (e) => j.current[t] = e,
+				children: r
+			}), !i && t !== C.length - 1 && /* @__PURE__ */ v(u, {
+				className: `${V}-trigger`,
+				direction: W ? b : x,
+				icon: te,
+				onResize: (e) => oe(e, t),
+				onMouseDown: (e) => ce(e, t),
+				collapsible: {
+					prev: c ? {
+						onClick: (e) => $(e, t, "prev", f.onClick),
+						icon: f.icon,
+						collapsed: z[t].prev
+					} : void 0,
+					next: l ? {
+						onClick: (e) => $(e, t, "next", p.onClick),
+						icon: p.icon,
+						collapsed: z[t].next
+					} : void 0
+				},
+				resizable: o,
+				renderChildren: a
+			})] }, t);
+		})
+	});
 }
-const Nt = ht(Pt);
-Nt.displayName = "ResizeBoxSplitGroup";
-export {
-  Nt as default
-};
+var C = f(S);
+C.displayName = "ResizeBoxSplitGroup";
+//#endregion
+export { C as default };
+/* 独立思考，明辨是非 */

package/resize-box/index.d.ts

@@ -0,0 +1,15 @@
+import type { ResizeBoxProps } from './interface';
+import Split from './Split';
+import SplitGroup from './SplitGroup';
+declare const ResizeBox: import("react").ForwardRefExoticComponent<ResizeBoxProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>> & {
+    Split: typeof Split;
+    SplitGroup: typeof SplitGroup;
+} & {
+    Split: import("react").ForwardRefExoticComponent<import("./interface").SplitProps & import("react").RefAttributes<unknown>>;
+    SplitGroup: import("react").ForwardRefExoticComponent<import("./interface").SplitGroupProps & import("react").RefAttributes<unknown>>;
+};
+export { Split as ResizeBoxSplit, SplitGroup as ResizeBoxSplitGroup };
+export default ResizeBox;
+export type { ResizeBoxProps };

package/resize-box/index.js

@@ -1,181 +1,12 @@
-/* 2026-03-04 15:09:50 */
-import { jsxs as et, jsx as ot } from "react/jsx-runtime";
-import { forwardRef as rt, useContext as nt, useState as st, useRef as M, useImperativeHandle as it } from "react";
-import "../config-provider/ConfigProvider.js";
-import ct from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import D from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import at from "@unicom-cloud/ui-common/utils/className";
-import { on as u, off as m } from "@unicom-cloud/ui-common/utils/dom";
-import { isNumber as B } from "@unicom-cloud/ui-common/utils/is";
-import ut from "@unicom-cloud/ui-common/utils/omit";
-import mt from "./ResizeTrigger.js";
-import lt from "./Split.js";
-import pt from "./SplitGroup.js";
-import gt from "../config-provider/context.js";
-const O = "left", w = "right", v = "top", R = "bottom", dt = [
-  O,
-  w,
-  v,
-  R
-], ft = {
-  component: "div",
-  directions: ["right"],
-  resizeIcons: {},
-  resizeTriggers: {}
-}, ht = (l) => {
-  switch (l) {
-    case "left":
-      return "right";
-    case "right":
-      return "left";
-    default:
-      return l;
-  }
-};
-function wt(l, W) {
-  const { getPrefixCls: $, componentConfig: X, rtl: x } = nt(gt), p = ct(l, ft, X?.ResizeBox), {
-    style: Y,
-    className: P,
-    component: k,
-    directions: C,
-    resizeIcons: G,
-    children: _,
-    resizeTriggers: A,
-    width: j,
-    height: F,
-    ...q
-  } = p, K = x ? C.map((t) => ht(t)) : C, f = $?.("resizebox"), L = at(f, { [`${f}-rtl`]: x }, P), [U, V] = st({}), [T, b] = D(void 0, { value: j }), [y, I] = D(void 0, { value: F }), o = M({
-    startX: 0,
-    startY: 0,
-    startWidth: 0,
-    startHeight: 0,
-    direction: w,
-    moving: !1,
-    padding: {
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0
-    }
-  }), g = M(void 0);
-  it(W, () => ({
-    getRootElement() {
-      return g.current;
-    }
-  }));
-  function h(t) {
-    return [v, R].includes(t);
-  }
-  function N(t, e) {
-    if (t === 0)
-      return 0;
-    const r = t - e;
-    return r <= 0 ? 0 : r;
-  }
-  function S(t) {
-    const e = document.body, r = "data-pqb-origin-cursor";
-    if (t)
-      e.setAttribute(r, e.style.cursor), e.style.cursor = t;
-    else {
-      const s = e.getAttribute(r);
-      e.style.cursor = s || "", e.removeAttribute(r);
-    }
-  }
-  function J(t, e) {
-    p.onMovingStart?.(), o.current.moving = !0, o.current.startX = e.pageX, o.current.startY = e.pageY, o.current.direction = t;
-    const { top: r, left: s, right: i, bottom: n } = o.current.padding;
-    o.current.startWidth = N(
-      g.current?.clientWidth,
-      s + i
-    ), o.current.startHeight = N(
-      g.current?.clientHeight,
-      r + n
-    ), u(window, "mousemove", d), u(window, "touchmove", d), u(window, "mouseup", a), u(window, "touchend", a), u(window, "contextmenu", a), S(
-      h(t) ? "row-resize" : "col-resize"
-    );
-  }
-  function d(t) {
-    if (!o.current.moving)
-      return !1;
-    const { startX: e, startY: r, startWidth: s, startHeight: i } = o.current;
-    let n = s, c = i;
-    const E = t.pageX - e, H = t.pageY - r;
-    switch (o.current.direction) {
-      case O:
-        n = s - E, b(n);
-        break;
-      case w:
-        n = s + E, b(n);
-        break;
-      case v:
-        c = i - H, I(c);
-        break;
-      case R:
-        c = i + H, I(c);
-        break;
-    }
-    p.onMoving?.(t, {
-      width: n,
-      height: c
-    });
-  }
-  function a() {
-    o.current.moving = !1, Q(), S(), p.onMovingEnd?.();
-  }
-  function Q() {
-    m(window, "mousemove", d), m(window, "touchmove", d), m(window, "mouseup", a), m(window, "touchend", a), m(window, "contextmenu", a);
-  }
-  function Z(t, e) {
-    const r = h(t), { contentRect: s } = e[0], i = `${t.slice(0, 1).toUpperCase()}${t.slice(1)}`, n = s[r ? "height" : "width"];
-    o.current.padding[t] = n, V((c) => ({
-      ...c,
-      [`padding${i}`]: n
-    }));
-  }
-  const tt = {
-    ...U,
-    ...Y || {},
-    ...B(T) ? { width: T } : {},
-    ...B(y) ? { height: y } : {}
-  };
-  return /* @__PURE__ */ et(
-    k,
-    {
-      ...ut(q, ["onMovingStart", "onMoving", "onMovingEnd"]),
-      style: tt,
-      className: L,
-      ref: g,
-      children: [
-        _,
-        K.map((t) => {
-          if (dt.includes(t))
-            return /* @__PURE__ */ ot(
-              mt,
-              {
-                className: `${f}-direction-${t}`,
-                direction: h(t) ? "horizontal" : "vertical",
-                icon: G[t],
-                onMouseDown: (e) => {
-                  J(t, e);
-                },
-                onResize: (e) => {
-                  Z(t, e);
-                },
-                children: A[t]
-              },
-              t
-            );
-        })
-      ]
-    }
-  );
-}
-const vt = rt(wt), z = vt;
-z.Split = lt;
-z.SplitGroup = pt;
-z.displayName = "ResizeBox";
-export {
-  lt as ResizeBoxSplit,
-  pt as ResizeBoxSplitGroup,
-  z as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./Split.js";
+import t from "./SplitGroup.js";
+import n from "./ResizeBox.js";
+//#region components/pc/resize-box/index.tsx
+var r = Object.assign(n, {
+	Split: e,
+	SplitGroup: t
+});
+//#endregion
+export { e as ResizeBoxSplit, t as ResizeBoxSplitGroup, r as default };
+/* 独立思考，明辨是非 */