@unicom-cloud/ui 0.8.101 → 0.8.103

package/grid/Grid.js

@@ -1,95 +1,99 @@
-import { jsx as a } from "react/jsx-runtime";
-import L from "lodash/get";
-import d, { forwardRef as h, useState as S, useContext as E } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import A from "lodash/get";
+import B from "lodash/isArray";
+import n from "lodash/isNil";
+import g, { forwardRef as Q, useState as V, useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import T from "../components/common/hooks/useMergeProps.js";
-import b from "@unicom-cloud/utils/class-name";
-import { GridDataCollectorContext as j, GridContext as B } from "./context.js";
-import { useResponsiveState as l } from "./hook/useResponsiveState.js";
-import { setItemVisible as Q } from "./util.js";
-import V from "../config-provider/context.js";
-const k = {
+import q from "../components/common/hooks/useMergeProps.js";
+import z from "@unicom-cloud/utils/class-name";
+import { GridDataCollectorContext as F, GridContext as H } from "./context.js";
+import { useResponsiveState as m } from "./hook/useResponsiveState.js";
+import { setItemVisible as J } from "./util.js";
+import K from "../config-provider/context.js";
+const O = {
   collapsed: !1,
   collapsedRows: 1,
   cols: 24,
-  colGap: 0,
-  rowGap: 0
+  gap: 0
 };
-function q(f, u) {
-  const [t, p] = S(
+function U(w, _) {
+  const [o, c] = V(
     /* @__PURE__ */ new Map()
-  ), { getPrefixCls: x, componentConfig: G, rtl: C } = E(V), w = T(
-    f,
-    k,
-    G?.Grid
+  ), { getPrefixCls: I, componentConfig: N, rtl: D } = k(K), v = q(
+    w,
+    O,
+    N?.Grid
   ), {
-    children: g,
-    className: I,
-    style: D,
-    cols: _,
-    colGap: v,
-    rowGap: y,
-    collapsed: n,
-    collapsedRows: M
-  } = w, r = l(_, 24), i = l(v, 0), N = {
-    gap: `${l(y, 0)}px ${i}px`,
-    gridTemplateColumns: `repeat(${r}, minmax(0px, 1fr))`
-  }, m = x?.("grid"), P = {
-    [`${m}`]: !0,
-    [`${m}-rtl`]: C
-  }, R = b(P, I), $ = (() => {
+    children: y,
+    className: R,
+    style: M,
+    cols: P,
+    gap: t,
+    colGap: f,
+    rowGap: d,
+    collapsed: G,
+    collapsedRows: $
+  } = v;
+  let r, a;
+  const L = n(t), h = n(d), S = n(f);
+  L || (B(t) ? (r = t[0], a = t[1] ?? t[0]) : r = a = t), h || (r = d), S || (a = f);
+  const l = m(P, 24), u = m(a, 0), E = {
+    gap: `${m(r, 0)}px ${u}px`,
+    gridTemplateColumns: `repeat(${l}, minmax(0px, 1fr))`
+  }, x = I?.("grid"), T = {
+    [`${x}`]: !0,
+    [`${x}-rtl`]: D
+  }, b = z(T, R), j = (() => {
     const e = [];
-    for (const [o, s] of t.entries())
-      e[o] = s;
+    for (const [s, p] of o.entries())
+      e[s] = p;
     return e;
-  })(), c = Q({
-    cols: r,
-    collapsed: n,
-    collapsedRows: M,
-    itemDataList: $
+  })(), C = J({
+    cols: l,
+    collapsed: G,
+    collapsedRows: $,
+    itemDataList: j
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ref: u,
-      className: R,
+      ref: _,
+      className: b,
       style: {
-        ...N,
-        ...D
+        ...E,
+        ...M
       },
-      children: /* @__PURE__ */ a(
-        j.Provider,
+      children: /* @__PURE__ */ i(
+        F.Provider,
         {
           value: {
-            collectItemData(e, o) {
-              t.set(e, o), p(new Map([...t]));
+            collectItemData(e, s) {
+              o.set(e, s), c(new Map([...o]));
             },
             removeItemData(e) {
-              t.delete(e), p(new Map([...t]));
+              o.delete(e), c(new Map([...o]));
             }
           },
-          children: /* @__PURE__ */ a(
-            B.Provider,
+          children: /* @__PURE__ */ i(
+            H.Provider,
             {
               value: {
-                cols: r,
-                colGap: i,
-                collapsed: n,
-                overflow: c.overflow,
-                displayIndexList: c.displayIndexList
+                cols: l,
+                colGap: u,
+                collapsed: G,
+                overflow: C.overflow,
+                displayIndexList: C.displayIndexList
               },
-              children: d.Children.map(g, (e, o) => {
+              children: g.Children.map(y, (e, s) => {
                 if (e) {
-                  const s = {
-                    __index__: o,
+                  const p = {
+                    __index__: s,
                     ...e.props
                   };
-                  return d.cloneElement(e, s);
+                  return g.cloneElement(e, p);
                 }
                 return null;
-              }).filter(
-                (e) => L(e, "type.__PQB_GRID_ITEM__")
-              )
+              }).filter((e) => A(e, "type.__PQB_GRID_ITEM__"))
             }
           )
         }
@@ -97,8 +101,8 @@ function q(f, u) {
     }
   );
 }
-const z = h(q);
-z.displayName = "Grid";
+const W = Q(U);
+W.displayName = "Grid";
 export {
-  z as default
+  W as default
 };

package/grid/Row.js

@@ -1,23 +1,34 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as S, useContext as z, useState as G, useRef as H, useEffect as V } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as z, useContext as G, useState as H, useRef as U, useEffect as V } from "react";
 import "../config-provider/ConfigProvider.js";
 import B from "../components/common/hooks/useMergeProps.js";
 import E from "@unicom-cloud/utils/class-name";
+import "../components/common/utils/is.js";
 import { omit as L } from "../components/common/utils/omit.js";
-import { responsiveObserve as y, responsiveArray as x } from "../utils/responsiveObserve.js";
+import { responsiveObserve as x, responsiveArray as y } from "../utils/responsiveObserve.js";
 import { RowContext as M } from "./context.js";
-import O from "../config-provider/context.js";
-const T = {
+import T from "../config-provider/context.js";
+import { isPlainObject as f, isArray as b, isObject as q } from "@unicom-cloud/utils/is";
+const D = {
   gutter: 0,
   align: "start",
   justify: "start"
 };
-function q(d, b) {
-  const { getPrefixCls: A, componentConfig: j, rtl: v } = z(O), C = B(
-    d,
-    T,
-    j?.["Grid.Row"]
-  ), { className: R, style: w, children: $, div: i, align: m, justify: l, gutter: t, ...N } = C, [h, P] = G({
+function F(v, C) {
+  const { getPrefixCls: R, componentConfig: $, rtl: j } = G(T), w = B(
+    v,
+    D,
+    $?.["Grid.Row"]
+  ), {
+    className: N,
+    style: P,
+    children: h,
+    div: i,
+    align: u,
+    justify: p,
+    gutter: r = 0,
+    ...A
+  } = w, [k, O] = H({
     xs: !0,
     sm: !0,
     md: !0,
@@ -25,63 +36,61 @@ function q(d, b) {
     xl: !0,
     xxl: !0,
     xxxl: !0
-  }), u = H();
-  V(() => (u.current = y.subscribe((r) => {
-    (!Array.isArray(t) && typeof t == "object" || Array.isArray(t) && (typeof t[0] == "object" || typeof t[1] == "object")) && P(r);
+  }), n = U();
+  V(() => (n.current = x.subscribe((t) => {
+    (f(r) || Array.isArray(r) && (f(r[0]) || f(r[1]))) && O(t);
   }), () => {
-    y.unsubscribe(u.current);
+    n.current && x.unsubscribe(n.current);
   }), []);
-  function p(r) {
+  function g(t) {
     let e = 0;
-    if (typeof r == "object")
-      for (let c = 0; c < x.length; c++) {
-        const f = x[c];
-        if (h[f] && r[f] !== void 0) {
-          e = r[f];
+    if (q(t))
+      for (let c = 0; c < y.length; c++) {
+        const l = y[c];
+        if (k[l] && t[l] !== void 0) {
+          e = t[l];
           break;
         }
       }
     else
-      e = r;
+      e = t;
     return e;
   }
-  const s = A?.("row"), k = E(
+  const s = R?.("row"), S = E(
     {
       [`${s}`]: !i,
-      [`${s}-align-${m}`]: m,
-      [`${s}-justify-${l}`]: l,
-      [`${s}-rtl`]: v
+      [`${s}-align-${u}`]: u,
+      [`${s}-justify-${p}`]: p,
+      [`${s}-rtl`]: j
     },
-    R
-  ), o = {}, n = p(
-    Array.isArray(t) ? t[0] : t
-  ), a = p(Array.isArray(t) ? t[1] : 0);
-  if ((n || a) && !i) {
-    const r = -n / 2, e = -a / 2;
-    r && (o.marginLeft = r, o.marginRight = r), e && (o.marginTop = e, o.marginBottom = e);
+    N
+  ), o = {}, a = g(b(r) ? r[0] : r), m = g(b(r) ? r[1] : 0);
+  if ((a || m) && !i) {
+    const t = -a / 2, e = -m / 2;
+    t && (o.marginLeft = t, o.marginRight = t), e && (o.marginTop = e, o.marginBottom = e);
   }
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: b,
-      ...L(N, ["gutter"]),
+      ref: C,
+      ...L(A, ["gutter"]),
       style: {
-        ...w,
+        ...P,
         ...o
       },
-      className: k,
-      children: /* @__PURE__ */ g(
+      className: S,
+      children: /* @__PURE__ */ d(
         M.Provider,
         {
-          value: { gutter: [n, a], div: i },
-          children: $
+          value: { gutter: [a, m], div: i },
+          children: h
         }
       )
     }
   );
 }
-const D = S(q);
-D.displayName = "Row";
+const I = z(F);
+I.displayName = "Row";
 export {
-  D as default
+  I as default
 };

package/grid/index.js

@@ -1,16 +1,16 @@
-import m from "./Col.js";
-import r from "./Grid.js";
-import t from "./Item.js";
-import i from "./Row.js";
-const o = r;
-o.Col = m;
-o.Row = i;
-o.Item = t;
+import r from "./Col.js";
+import m from "./Grid.js";
+import i from "./Item.js";
+import t from "./Row.js";
+const o = m;
+o.Col = r;
+o.Row = t;
+o.Item = i;
 export {
-  m as Col,
-  m as GridCol,
-  t as GridItem,
-  i as GridRow,
-  i as Row,
+  r as Col,
+  r as GridCol,
+  i as GridItem,
+  t as GridRow,
+  t as Row,
   o as default
 };