@unicom-cloud/ui 0.8.107 → 0.8.108

package/row-col/Col.js

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

package/row-col/Row.js

@@ -0,0 +1,73 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as N, useContext as h, useEffect as v } from "react";
+import "../config-provider/ConfigProvider.js";
+import P from "../components/common/hooks/useMergeProps.js";
+import { useResponsiveState as c } from "../hooks/useResponsiveState.js";
+import j from "@unicom-cloud/utils/class-name";
+import "../components/common/utils/is.js";
+import { RowContext as z } from "./context.js";
+import G from "../config-provider/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(G), r = d?.("row"), R = P(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: j(
+        {
+          [`${r}`]: !s,
+          [`${r}-align-${a}`]: a,
+          [`${r}-justify-${m}`]: m,
+          [`${r}-rtl`]: w
+        },
+        x
+      ),
+      children: /* @__PURE__ */ l(
+        z.Provider,
+        {
+          value: { gutter: [o, i], div: s },
+          children: y
+        }
+      )
+    }
+  );
+}
+const A = N(b);
+A.displayName = "Row";
+export {
+  A as default
+};

package/row-col/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as RowContext
+};

package/row-col/index.js

@@ -0,0 +1,11 @@
+import o from "./Col.js";
+import t from "./Row.js";
+const r = Object.assign(t, {
+  Item: o,
+  Col: o
+});
+export {
+  o as Col,
+  o as RowItem,
+  r as default
+};

package/row-col/interface.js

@@ -0,0 +1 @@
+