@unicom-cloud/ui 0.8.106 → 0.8.108

package/grid/index.js

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

package/grid/util.js

@@ -1,51 +1,13 @@
-function p(l, { span: t, offset: u, suffix: e }) {
-  const i = t ?? 1, f = u ?? 0, o = Math.min(f, l);
+function f(n, { span: a, offset: e }) {
+  const t = a ?? 1, i = e ?? 0, o = Math.min(i, n);
   return {
     span: Math.min(
-      o > 0 ? i + f : i,
-      l
+      o > 0 ? t + i : t,
+      n
     ),
-    offset: o,
-    suffix: e
-  };
-}
-function c({
-  cols: l,
-  collapsed: t,
-  collapsedRows: u,
-  itemDataList: e
-}) {
-  let i = !1, f = [];
-  function o(s) {
-    return Math.ceil(s / l) > u;
-  }
-  if (t) {
-    let s = 0;
-    for (let n = 0; n < e.length; n++)
-      e[n].suffix && (s += e[n].span, f.push(n));
-    if (!o(s)) {
-      let n = 0;
-      for (; n < e.length; ) {
-        const r = e[n];
-        if (!r.suffix) {
-          if (s += r.span, o(s))
-            break;
-          f.push(n);
-        }
-        n++;
-      }
-    }
-    i = e.some(
-      (n, r) => !n.suffix && !f.includes(r)
-    );
-  } else
-    f = e.map((s, n) => n);
-  return {
-    overflow: i,
-    displayIndexList: f
+    offset: o
   };
 }
 export {
-  p as resolveItemData,
-  c as setItemVisible
+  f as resolveItemData
 };

package/hooks/useResponsiveState.js

@@ -0,0 +1,54 @@
+import { useRef as p, useState as m, useEffect as b, useMemo as R } from "react";
+import "../components/common/utils/is.js";
+import { responsiveArray as c, responsiveObserve as u } from "../utils/responsiveObserve.js";
+import { isPlainObject as k, isNil as f } from "@unicom-cloud/utils/is";
+function v(r) {
+  return k(r) ? c.some((s, o, t) => {
+    const n = r[s];
+    return !f(n);
+  }) : !1;
+}
+function O(r = !0) {
+  const e = p(), [s, o] = m(() => {
+    let t = {
+      //   xs: true,
+      //   sm: true,
+      //   md: true,
+      //   lg: true,
+      //   xl: true,
+      //   xxl: true,
+      //   xxxl: true,
+    };
+    return r && (t = Object.fromEntries(
+      c.map((n, i, S) => [n, !0])
+    )), t;
+  });
+  return b(() => {
+    if (r)
+      return e.current = u.subscribe((t) => {
+        o(t);
+      }), () => {
+        e.current && u.unsubscribe(e.current);
+      };
+  }, []), s;
+}
+function A(r, e = 0) {
+  const s = v(r), o = O(s);
+  return R(() => {
+    if (f(r))
+      return e;
+    if (!s) return r;
+    let n = e;
+    for (const i of c)
+      if (o[i] && r[i] !== void 0) {
+        n = r[i];
+        break;
+      }
+    return n;
+  }, [e, s, o, r]);
+}
+export {
+  v as isResponsiveValue,
+  O as useResponsive,
+  A as useResponsiveState
+};