@unicom-cloud/ui 0.8.107 → 0.8.109

package/resize-box/SplitGroup.js

@@ -4,36 +4,35 @@ import ht from "lodash/isNumber";
 import x from "lodash/isPlainObject";
 import wt from "lodash/isString";
 import G from "lodash/isUndefined";
-import dt, { forwardRef as Mt, useContext as Ot, useRef as S, useState as b, useEffect as V, useImperativeHandle as Ct } from "react";
-import "../config-provider/ConfigProvider.js";
-import xt from "@unicom-cloud/utils/class-name";
-import { on as z, off as P } from "../components/common/utils/dom.js";
-import { omit as St } from "../components/common/utils/omit.js";
-import zt from "./ResizeTrigger.js";
-import Pt from "../config-provider/context.js";
+import dt, { forwardRef as Mt, useContext as Ot, useRef as S, useState as $, useEffect as V, useImperativeHandle as Ct } from "react";
+import { a as xt } from "../chunk/DXlwLh0Y.js";
+import St from "@unicom-cloud/utils/class-name";
+import { b as z, o as P } from "../chunk/d1c9z8T1.js";
+import { o as zt } from "../chunk/BKKEev13.js";
+import Pt from "./ResizeTrigger.js";
 const D = "horizontal", W = "vertical";
 function Rt(v, L) {
   const {
-    panes: f,
+    panes: a,
     style: Y,
     className: _,
     component: J = "div",
     direction: U = "horizontal",
     icon: Z,
     ...q
-  } = v, { getPrefixCls: K, rtl: j } = Ot(Pt), Q = 1 / f.length, m = S(), y = S(
-    new Array(f.length).fill({
+  } = v, { getPrefixCls: K, rtl: j } = Ot(xt), Q = 1 / a.length, m = S(void 0), y = S(
+    new Array(a.length).fill({
       moving: !1,
       startOffset: 0,
       startPosition: 0
     })
-  ), tt = S([]), R = S(0), N = S([]), [a, A] = b(
-    new Array(f.length).fill(Q)
-  ), [et, k] = b(!1), [E, nt] = b(
-    new Array(f.length).fill(0)
-  ), [h, ot] = b(
-    new Array(Math.max(f.length - 1, 0)).fill({ prev: !1, next: !1 })
-  ), w = K?.("resizebox-split-group"), g = U === D, rt = g && j, I = !g, st = xt(
+  ), tt = S([]), R = S(0), N = S([]), [f, A] = $(
+    new Array(a.length).fill(Q)
+  ), [et, k] = $(!1), [E, nt] = $(
+    new Array(a.length).fill(0)
+  ), [h, ot] = $(
+    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 = St(
     w,
     `${w}-${g ? D : W}`,
     { [`${w}-moving`]: et },
@@ -41,15 +40,15 @@ function Rt(v, L) {
     _
   ), ct = J, it = () => {
     let t = [];
-    f.forEach((o) => {
+    a.forEach((o) => {
       const { size: s } = o;
       G(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) => G(o) ? r : o), t;
-  }, ft = (t) => {
+  }, at = (t) => {
     const e = E[t - 1] || 0, n = E[t];
-    return `calc(${a[t] * 100}% - ${(e + n) / 2}px)`;
+    return `calc(${f[t] * 100}% - ${(e + n) / 2}px)`;
   };
   function d(t) {
     const e = g ? m.current.offsetWidth : m.current.offsetHeight;
@@ -59,18 +58,18 @@ function Rt(v, L) {
     return Math.min(n, 1);
   }
   const H = (t) => {
-    const e = Math.min(t + 1, f.length - 1), n = a[t] + a[e], r = d(f[t].min) || 0;
-    let o = d(f[t].max) || n;
-    const s = d(f[e].min) || 0;
-    let c = d(f[e].max) || n;
+    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
     };
-  }, at = (t, e, n) => {
-    const r = R.current, o = r + 1, s = [...a], c = rt ? -1 : 1, p = a[r], O = a[o], C = p + O, { currentMin: u, currentMax: i } = H(r);
+  }, ft = (t, e, n) => {
+    const r = R.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;
   };
@@ -79,7 +78,7 @@ function Rt(v, L) {
     o[e] = r, nt(o);
   }
   const ut = (t) => {
-    let e = f[t].collapsible;
+    let e = a[t].collapsible;
     x(e) || (e = e ? { prev: !0, next: !0 } : {});
     const { prev: n, next: r } = e;
     if (!n && !r)
@@ -92,12 +91,12 @@ function Rt(v, L) {
   function mt(t, e) {
     v.onMovingStart?.(e), R.current = e;
     const n = y.current[e];
-    n.moving = !0, n.startOffset = a[e], n.startPosition = g ? t.pageX : t.pageY, k(!0), z(window, "mousemove", T), z(window, "touchmove", T), z(window, "mouseup", M), z(window, "touchend", M), z(window, "contextmenu", M), document.body.style.cursor = I ? "row-resize" : "col-resize";
+    n.moving = !0, n.startOffset = f[e], n.startPosition = g ? t.pageX : t.pageY, k(!0), z(window, "mousemove", b), z(window, "touchmove", b), z(window, "mouseup", M), z(window, "touchend", M), z(window, "contextmenu", M), document.body.style.cursor = I ? "row-resize" : "col-resize";
   }
-  function T(t) {
+  function b(t) {
     const e = R.current, n = y.current[e], r = g ? m.current.offsetWidth : m.current.offsetHeight;
     if (n.moving) {
-      const o = at(
+      const o = ft(
         n.startOffset,
         n.startPosition,
         g ? t.pageX : t.pageY
@@ -111,12 +110,12 @@ function Rt(v, L) {
   }
   function M() {
     const t = R.current;
-    y.current[t].moving = !1, k(!1), P(window, "mousemove", T), P(window, "touchmove", T), P(window, "mouseup", M), P(window, "touchend", M), P(window, "contextmenu", M), document.body.style.cursor = "default", v.onMovingEnd?.(t);
+    y.current[t].moving = !1, k(!1), P(window, "mousemove", b), P(window, "touchmove", b), P(window, "mouseup", M), P(window, "touchend", M), P(window, "contextmenu", M), document.body.style.cursor = "default", v.onMovingEnd?.(t);
   }
   function F(t, e, n, r) {
-    const o = e + 1, s = [...a], c = a[e], p = a[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?.(
+    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], T = N.current[o], X = h[e][n];
+    n === "prev" ? (p !== i || T === i) && (l = u, T = O - u, X = !0) : (c !== u || l === u) && (l = O - i, T = i, X = !0), s[e] = l, s[o] = T, v?.onMoving?.(
       t,
       s.map((gt) => `${gt * C}px`),
       e
@@ -125,16 +124,16 @@ function Rt(v, L) {
   return V(() => {
     const t = it();
     A(t), N.current = t;
-  }, [JSON.stringify(f.map((t) => t.size))]), Ct(L, () => m.current, []), V(() => {
+  }, [JSON.stringify(a.map((t) => t.size))]), Ct(L, () => m.current, []), V(() => {
     const t = [];
-    a.forEach((e, n) => {
+    f.forEach((e, n) => {
       const r = { prev: !1, next: !1 }, o = n + 1, { currentMin: s, nextMin: c } = H(n);
-      e === s ? r.prev = !0 : a[o] === c && (r.next = !0), t.push(r);
+      e === s ? r.prev = !0 : f[o] === c && (r.next = !0), t.push(r);
     }), ot(t);
-  }, [a]), /* @__PURE__ */ B(
+  }, [f]), /* @__PURE__ */ B(
     ct,
     {
-      ...St(q, [
+      ...zt(q, [
         "onMovingStart",
         "onPaneResize",
         "onMoving",
@@ -143,7 +142,7 @@ function Rt(v, L) {
       style: Y,
       className: st,
       ref: m,
-      children: f.map((t, e) => {
+      children: a.map((t, e) => {
         const {
           content: n,
           disabled: r,
@@ -156,13 +155,13 @@ function Rt(v, L) {
             "div",
             {
               className: `${w}-pane`,
-              style: { flexBasis: ft(e) },
+              style: { flexBasis: at(e) },
               ref: (i) => tt.current[e] = i,
               children: n
             }
           ),
-          !r && e !== f.length - 1 && /* @__PURE__ */ B(
-            zt,
+          !r && e !== a.length - 1 && /* @__PURE__ */ B(
+            Pt,
             {
               className: `${w}-trigger`,
               direction: I ? D : W,

package/resize-box/index.js

@@ -1,16 +1,15 @@
 import { jsxs as et, jsx as ot } from "react/jsx-runtime";
 import O from "lodash/isNumber";
 import { forwardRef as rt, useContext as nt, useState as st, useRef as D, useImperativeHandle as it } from "react";
-import "../config-provider/ConfigProvider.js";
-import ct from "../components/common/hooks/useMergeProps.js";
-import B from "../components/common/hooks/useMergeValue.js";
-import at from "@unicom-cloud/utils/class-name";
-import { on as u, off as m } from "../components/common/utils/dom.js";
-import { omit as ut } from "../components/common/utils/omit.js";
-import mt from "./ResizeTrigger.js";
+import { a as ct } from "../chunk/DXlwLh0Y.js";
+import { u as at } from "../chunk/FgWHhRFz.js";
+import { u as B } from "../chunk/2vdCeheu.js";
+import ut from "@unicom-cloud/utils/class-name";
+import { b as u, o as m } from "../chunk/d1c9z8T1.js";
+import { o as mt } from "../chunk/BKKEev13.js";
+import dt from "./ResizeTrigger.js";
 import pt from "./Split.js";
-import dt from "./SplitGroup.js";
-import gt from "../config-provider/context.js";
+import gt from "./SplitGroup.js";
 const E = "left", w = "right", v = "top", R = "bottom", lt = [
   E,
   w,
@@ -21,19 +20,19 @@ const E = "left", w = "right", v = "top", R = "bottom", lt = [
   directions: ["right"],
   resizeIcons: {},
   resizeTriggers: {}
-}, ht = (p) => {
-  switch (p) {
+}, ht = (d) => {
+  switch (d) {
     case "left":
       return "right";
     case "right":
       return "left";
     default:
-      return p;
+      return d;
   }
 };
-function wt(p, W) {
-  const { getPrefixCls: $, componentConfig: X, rtl: b } = nt(gt), d = ct(
-    p,
+function wt(d, W) {
+  const { getPrefixCls: $, componentConfig: X, rtl: b } = nt(ct), p = at(
+    d,
     ft,
     X?.ResizeBox
   ), {
@@ -47,7 +46,7 @@ function wt(p, W) {
     width: j,
     height: F,
     ...q
-  } = d, K = b ? x.map((t) => ht(t)) : x, f = $?.("resizebox"), L = at(f, { [`${f}-rtl`]: b }, P), [U, V] = st({}), [y, C] = B(void 0, { value: j }), [T, I] = B(void 0, { value: F }), o = D({
+  } = p, K = b ? x.map((t) => ht(t)) : x, f = $?.("resizebox"), L = ut(f, { [`${f}-rtl`]: b }, P), [U, V] = st({}), [y, C] = B(void 0, { value: j }), [T, I] = B(void 0, { value: F }), o = D({
     startX: 0,
     startY: 0,
     startWidth: 0,
@@ -60,7 +59,7 @@ function wt(p, W) {
       left: 0,
       right: 0
     }
-  }), g = D();
+  }), g = D(void 0);
   it(W, () => g.current, []);
   function h(t) {
     return [v, R].indexOf(t) > -1;
@@ -81,7 +80,7 @@ function wt(p, W) {
     }
   }
   function J(t, e) {
-    d.onMovingStart?.(), o.current.moving = !0, o.current.startX = e.pageX, o.current.startY = e.pageY, o.current.direction = t;
+    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,
@@ -113,13 +112,13 @@ function wt(p, W) {
         c = i + M, I(c);
         break;
     }
-    d.onMoving?.(t, {
+    p.onMoving?.(t, {
       width: n,
       height: c
     });
   }
   function a() {
-    o.current.moving = !1, Q(), S(), d.onMovingEnd?.();
+    o.current.moving = !1, Q(), S(), p.onMovingEnd?.();
   }
   function Q() {
     m(window, "mousemove", l), m(window, "touchmove", l), m(window, "mouseup", a), m(window, "touchend", a), m(window, "contextmenu", a);
@@ -140,7 +139,7 @@ function wt(p, W) {
   return /* @__PURE__ */ et(
     k,
     {
-      ...ut(q, ["onMovingStart", "onMoving", "onMovingEnd"]),
+      ...mt(q, ["onMovingStart", "onMoving", "onMovingEnd"]),
       style: tt,
       className: L,
       ref: g,
@@ -149,7 +148,7 @@ function wt(p, W) {
         K.map((t) => {
           if (lt.indexOf(t) !== -1)
             return /* @__PURE__ */ ot(
-              mt,
+              dt,
               {
                 className: `${f}-direction-${t}`,
                 direction: h(t) ? "horizontal" : "vertical",
@@ -171,10 +170,10 @@ function wt(p, W) {
 }
 const vt = rt(wt), z = vt;
 z.Split = pt;
-z.SplitGroup = dt;
+z.SplitGroup = gt;
 z.displayName = "ResizeBox";
 export {
   pt as ResizeBoxSplit,
-  dt as ResizeBoxSplitGroup,
+  gt as ResizeBoxSplitGroup,
   z as default
 };

package/result/index.js

@@ -4,27 +4,26 @@ import C from "@unicom-cloud/icons/IconUiClose";
 import v from "@unicom-cloud/icons/IconUiExclamation";
 import R from "@unicom-cloud/icons/IconUiInfo";
 import { forwardRef as U, useContext as P } from "react";
-import "../config-provider/ConfigProvider.js";
-import b from "../components/common/hooks/useMergeProps.js";
-import l from "@unicom-cloud/utils/class-name";
-import j from "./403.js";
-import w from "./404.js";
-import y from "./500.js";
-import k from "../config-provider/context.js";
+import { a as b } from "../chunk/DXlwLh0Y.js";
+import { u as j } from "../chunk/FgWHhRFz.js";
+import m from "@unicom-cloud/utils/class-name";
+import w from "./403.js";
+import y from "./404.js";
+import k from "./500.js";
 const E = {
   success: /* @__PURE__ */ o(h, {}),
   info: /* @__PURE__ */ o(R, {}),
   warning: /* @__PURE__ */ o(v, {}),
   error: /* @__PURE__ */ o(C, {}),
-  404: /* @__PURE__ */ o(w, {}),
-  403: /* @__PURE__ */ o(j, {}),
-  500: /* @__PURE__ */ o(y, {})
+  404: /* @__PURE__ */ o(y, {}),
+  403: /* @__PURE__ */ o(w, {}),
+  500: /* @__PURE__ */ o(k, {})
 }, M = {
   status: "info"
 };
-function T(a, f) {
-  const { getPrefixCls: p, componentConfig: u, rtl: d } = P(k), e = b(
-    a,
+function T(l, f) {
+  const { getPrefixCls: p, componentConfig: u, rtl: d } = P(b), e = j(
+    l,
     M,
     u?.Result
   ), {
@@ -37,12 +36,12 @@ function T(a, f) {
     children: c,
     icon: x,
     ...I
-  } = e, s = p?.("result"), m = "icon" in e ? x : E[t];
+  } = e, s = p?.("result"), a = "icon" in e ? x : E[t];
   return /* @__PURE__ */ g(
     "div",
     {
       ref: f,
-      className: l(
+      className: m(
         s,
         {
           [`${s}-is-${t}`]: t,
@@ -53,14 +52,14 @@ function T(a, f) {
       style: N,
       ...I,
       children: [
-        m && /* @__PURE__ */ o("div", { className: `${s}-icon`, children: /* @__PURE__ */ o(
+        a && /* @__PURE__ */ o("div", { className: `${s}-icon`, children: /* @__PURE__ */ o(
           "span",
           {
-            className: l(`${s}-icon-tip`, {
+            className: m(`${s}-icon-tip`, {
               [`${s}-icon-${t}`]: t,
               [`${s}-icon-custom`]: t === null
             }),
-            children: m
+            children: a
           }
         ) }),
         i && /* @__PURE__ */ o("div", { className: `${s}-title`, children: i }),

package/row-col/Col-.js

@@ -0,0 +1,87 @@
+import { jsx as F } from "react/jsx-runtime";
+import G from "lodash/isArray";
+import H from "lodash/isNumber";
+import T from "lodash/isPlainObject";
+import { forwardRef as q, useContext as j, useMemo as D } from "react";
+import { a as I } from "../chunk/DXlwLh0Y.js";
+import { COLS as J } from "../constant/index.js";
+import { u as K } from "../chunk/FgWHhRFz.js";
+import Q from "@unicom-cloud/utils/class-name";
+import { RowContext as U } from "./context.js";
+const W = {
+  span: J
+};
+function L(i) {
+  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
+}
+function X(i, O) {
+  const { getPrefixCls: R, componentConfig: v, rtl: w } = j(I), C = K(
+    i,
+    W,
+    v?.Col
+  ), { gutter: p, div: l } = j(U), {
+    className: M,
+    style: N,
+    children: V,
+    span: k,
+    offset: d,
+    order: a,
+    pull: u,
+    push: c,
+    xs: m,
+    sm: g,
+    md: x,
+    lg: h,
+    xl: y,
+    xxl: P,
+    xxxl: S,
+    flex: e,
+    ...z
+  } = C;
+  function A(r, o) {
+    const b = { xs: m, sm: g, md: x, lg: h, xl: y, xxl: P, xxxl: S };
+    return Object.keys(b).forEach((s) => {
+      const t = b[s];
+      H(t) ? t >= 0 && (o[`${r}-${s}-${t}`] = !0) : T(t) && (o[`${r}-${s}-${t.span}`] = t.span, o[`${r}-${s}-offset-${t.offset}`] = t.offset, o[`${r}-${s}-order-${t.order}`] = t.order, o[`${r}-${s}-pull-${t.pull}`] = t.pull, o[`${r}-${s}-push-${t.push}`] = t.push);
+    }), o;
+  }
+  const n = R?.("col");
+  let $ = {
+    [`${n}`]: !l,
+    [`${n}-order-${a}`]: a,
+    [`${n}-${k}`]: !l && !m && !g && !x && !h && !y && !P && !S,
+    [`${n}-offset-${d}`]: d,
+    [`${n}-pull-${u}`]: u,
+    [`${n}-push-${c}`]: c,
+    [`${n}-rtl`]: w
+  };
+  $ = A(n, $);
+  const B = Q(e ? n : $, M), f = {};
+  if (G(p) && !l) {
+    const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
+    r && (f.paddingLeft = r, f.paddingRight = r), o && (f.paddingTop = o, f.paddingBottom = o);
+  }
+  const E = D(
+    () => L(e) ? { flex: L(e) } : {},
+    [e]
+  );
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      ref: O,
+      ...z,
+      style: {
+        ...N,
+        ...f,
+        ...E
+      },
+      className: B,
+      children: V
+    }
+  );
+}
+const Y = q(X);
+Y.displayName = "Col";
+export {
+  Y as default
+};

package/row-col/Col.js

@@ -0,0 +1,145 @@
+import { jsx as T } from "react/jsx-runtime";
+import { forwardRef as U, useContext as E, useMemo as x, useEffect as W } from "react";
+import { a as X } from "../chunk/DXlwLh0Y.js";
+import { COLS as v } from "../constant/index.js";
+import { u as Y } from "../chunk/FgWHhRFz.js";
+import { useResponsive as Z, isResponsiveValue as ee } from "../hooks/useResponsiveState.js";
+import te from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { responsiveArray as y } from "../utils/responsiveObserve.js";
+import { RowContext as se } from "./context.js";
+import { isNil as oe, isNumber as l, isPlainObject as G, isArray as re, isString as ne } from "@unicom-cloud/utils/is";
+function ie(L, M) {
+  const { getPrefixCls: z, componentConfig: P, rtl: g } = E(X), r = z?.("col"), F = Y(L, {
+    span: v
+    // 默认占据 24 列
+  }, {
+    ...P?.Col,
+    ...P?.GridCol
+  }), V = E(se), { gutter: C, div: f } = V, {
+    className: q,
+    style: B,
+    children: D,
+    span: d = v,
+    offset: a,
+    order: c,
+    pull: u,
+    push: $,
+    xs: N,
+    sm: k,
+    md: _,
+    lg: w,
+    xl: I,
+    xxl: R,
+    xxxl: S,
+    flex: h,
+    breakpoints: j,
+    ...H
+  } = F, b = !oe(h), O = Z(), p = x(() => ({ ...j, xs: N, sm: k, md: _, lg: w, xl: I, xxl: R, xxxl: S }), [j, w, _, k, I, N, R, S]), J = x(() => {
+    const e = {
+      [`${r}`]: !f,
+      [`${r}-order-${c}`]: c,
+      [`${r}-${d}`]: !f && !ee(p),
+      [`${r}-offset-${a}`]: a,
+      [`${r}-pull-${u}`]: u,
+      [`${r}-push-${$}`]: $,
+      [`${r}-rtl`]: g
+    };
+    for (const o in p) {
+      const s = p[o];
+      if (l(s))
+        e[`${r}-${o}-${s}`] = !0;
+      else if (G(s)) {
+        const {
+          span: n,
+          offset: t,
+          order: m,
+          pull: i,
+          push: A
+        } = s;
+        e[`${r}-${o}-${n}`] = n, e[`${r}-${o}-offset-${t}`] = t, e[`${r}-${o}-order-${m}`] = m, e[`${r}-${o}-pull-${i}`] = i, e[`${r}-${o}-push-${A}`] = A;
+      }
+    }
+    return e;
+  }, [r, f, c, d, p, a, u, $, g]), K = x(() => {
+    const e = {};
+    if (f)
+      return e;
+    if (re(C)) {
+      const [o, s] = C;
+      if (o) {
+        let n = l(o) ? `${o}px` : o;
+        n = `calc(${n} / 2)`, e.paddingLeft = n, e.paddingRight = n;
+      }
+    }
+    return e;
+  }, [C, f]), Q = x(() => {
+    const e = {};
+    if (b) {
+      const t = h;
+      return e.flex = t, ne(t) && (["auto", "none"].includes(t) ? e.flex = t : /\d+\w{1,}/.test(t) && (e.flex = `0 0 ${t}`)), l(t) && (e.flex = t), e;
+    }
+    if (f)
+      return e;
+    function o(t) {
+      return `${100 / v * t}%`;
+    }
+    const s = {
+      span: d,
+      offset: a,
+      order: c,
+      pull: u,
+      push: $
+    }, n = y.findIndex((t, m, i) => O[t]);
+    if (n !== -1) for (let t = n; t < y.length; t++) {
+      const m = y[t], i = p[m];
+      if (i !== void 0) {
+        if (G(i)) {
+          Object.assign(s, i);
+          break;
+        }
+        if (l(i)) {
+          s.span = i;
+          break;
+        }
+      }
+    }
+    if (l(s.span)) {
+      const t = o(s.span);
+      e.width = t, e.flex = `0 0 ${t}`;
+    }
+    return l(s.offset) && (e.marginInlineStart = o(s.offset)), l(s.pull) && (e.insetInlineEnd = o(s.pull)), l(s.push) && (e.insetInlineStart = o(s.push)), l(s.order) && (e.order = s.order), e;
+  }, [
+    p,
+    f,
+    h,
+    b,
+    a,
+    c,
+    u,
+    $,
+    g,
+    O,
+    d
+  ]);
+  return W(() => () => {
+  }, []), /* @__PURE__ */ T(
+    "div",
+    {
+      ref: M,
+      ...H,
+      style: {
+        ...B,
+        ...K,
+        ...Q
+      },
+      className: te(b ? r : J, q),
+      children: D
+    }
+  );
+}
+const le = U(ie);
+le.displayName = "Col";
+export {
+  le as default
+};

package/row-col/Row.js

@@ -0,0 +1,72 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as N, useContext as h, useEffect as v } from "react";
+import { a as P } from "../chunk/DXlwLh0Y.js";
+import { u as j } from "../chunk/FgWHhRFz.js";
+import { useResponsiveState as c } from "../hooks/useResponsiveState.js";
+import z from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { RowContext as G } from "./context.js";
+import { isArray as p, isNumber as H } from "@unicom-cloud/utils/is";
+function b(u, g) {
+  const { getPrefixCls: d, componentConfig: n, rtl: w } = h(P), r = d?.("row"), R = j(u, {
+    gutter: 0,
+    align: "start",
+    justify: "start"
+  }, {
+    ...n?.Row,
+    ...n?.GridRow
+  }), {
+    style: $,
+    className: x,
+    children: y,
+    div: s,
+    align: a,
+    justify: m,
+    gutter: t = 0,
+    ...C
+  } = R, o = c(
+    p(t) ? t[0] : t
+  ), i = c(
+    p(t) ? t[1] : 0
+  ), e = {};
+  if (!s) {
+    if (o) {
+      const f = `calc((${H(o) ? `${o}px` : o} / 2) * -1)`;
+      e.marginLeft = f, e.marginRight = f;
+    }
+    i && (e.rowGap = i);
+  }
+  return v(() => () => {
+  }, []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: g,
+      ...C,
+      style: {
+        ...$,
+        ...e
+      },
+      className: z(
+        {
+          [`${r}`]: !s,
+          [`${r}-align-${a}`]: a,
+          [`${r}-justify-${m}`]: m,
+          [`${r}-rtl`]: w
+        },
+        x
+      ),
+      children: /* @__PURE__ */ l(
+        G.Provider,
+        {
+          value: { gutter: [o, i], div: s },
+          children: y
+        }
+      )
+    }
+  );
+}
+const A = N(b);
+A.displayName = "Row";
+export {
+  A as default
+};