@unicom-cloud/ui 0.8.102 → 0.8.104

package/grid/Col.js

@@ -1,8 +1,8 @@
-import { jsx as U } from "react/jsx-runtime";
-import W from "lodash/isNil";
+import { jsx as W } from "react/jsx-runtime";
+import X from "lodash/isNil";
 import M from "lodash/isNumber";
 import B from "lodash/isPlainObject";
-import { forwardRef as X, useContext as F, useState as Y, useMemo as b, useEffect as Z } from "react";
+import { forwardRef as Y, useContext as F, useState as Z, useMemo as b, useEffect as _ } from "react";
 import "../config-provider/ConfigProvider.js";
 import ee from "../components/common/hooks/useMergeProps.js";
 import te from "@unicom-cloud/utils/class-name";
@@ -23,23 +23,23 @@ const ie = (i, E) => {
     I?.["Grid.Col"]
   ), { gutter: C, div: o } = F(re), {
     className: V,
-    style: _,
-    children: q,
+    style: q,
+    children: D,
     span: g = 24,
-    offset: p,
+    offset: c,
     order: u,
     pull: m,
     push: $,
     xs: v,
-    sm: k,
-    md: P,
+    sm: P,
+    md: k,
     lg: R,
     xl: S,
     xxl: w,
     xxxl: O,
     flex: j,
-    ...D
-  } = T, f = !W(j), s = G?.("col"), [A, H] = Y({
+    ...H
+  } = T, f = !X(j), s = G?.("col"), [A, J] = Z({
     xs: !1,
     sm: !1,
     md: !1,
@@ -47,14 +47,14 @@ const ie = (i, E) => {
     xl: !1,
     xxl: !1,
     xxxl: !1
-  }), l = b(() => ({ xs: v, sm: k, md: P, lg: R, xl: S, xxl: w, xxxl: O }), [R, P, k, S, v, w, O]), J = b(() => {
+  }), l = b(() => ({ xs: v, sm: P, md: k, lg: R, xl: S, xxl: w, xxxl: O }), [R, k, P, S, v, w, O]), K = b(() => {
     if (f)
       return;
     const e = {
       [`${s}`]: !o,
       [`${s}-order-${u}`]: u,
       [`${s}-${g}`]: !o && Object.values(l).every((r) => !r),
-      [`${s}-offset-${p}`]: p,
+      [`${s}-offset-${c}`]: c,
       [`${s}-pull-${m}`]: m,
       [`${s}-push-${$}`]: $,
       [`${s}-rtl`]: d
@@ -71,24 +71,24 @@ const ie = (i, E) => {
     u,
     g,
     l,
-    p,
+    c,
     m,
     $,
     d
-  ]), x = (e) => `${100 / 24 * e}%`, K = b(() => {
+  ]), x = (e) => `${100 / 24 * e}%`, Q = b(() => {
     if (o || f)
       return;
     const e = {
       span: g,
-      offset: p,
+      offset: c,
       order: u,
       pull: m,
       push: $
     }, r = y.find((a) => A[a]);
     if (r) {
       const a = y.indexOf(r);
-      for (let c = a; c < y.length; c++) {
-        const h = y[c], n = l[h];
+      for (let p = a; p < y.length; p++) {
+        const h = y[p], n = l[h];
         if (n !== void 0) {
           if (B(n)) {
             Object.assign(e, n);
@@ -103,7 +103,7 @@ const ie = (i, E) => {
     }
     const t = {}, L = x(e.span);
     t.width = L, t.flex = `0 0 ${L}`;
-    const N = (a, c, h) => {
+    const N = (a, p, h) => {
       if (d) {
         const n = {
           left: "right",
@@ -111,9 +111,9 @@ const ie = (i, E) => {
           marginLeft: "marginRight",
           marginRight: "marginLeft"
         };
-        a[n[c]] = h;
+        a[n[p]] = h;
       } else
-        a[c] = h;
+        a[p] = h;
     };
     return e.offset && N(
       t,
@@ -124,14 +124,14 @@ const ie = (i, E) => {
     o,
     f,
     g,
-    p,
+    c,
     u,
     m,
     $,
     A,
     l,
     d
-  ]), Q = b(() => {
+  ]), U = b(() => {
     if (o)
       return;
     const e = {};
@@ -141,28 +141,28 @@ const ie = (i, E) => {
     }
     return e;
   }, [C, o]);
-  return Z(() => {
+  return _(() => {
     const e = z.subscribe((r) => {
-      H(r);
+      J(r);
     });
     return () => {
       z.unsubscribe(e);
     };
-  }, []), /* @__PURE__ */ U(
+  }, []), /* @__PURE__ */ W(
     "div",
     {
       ref: E,
-      ...D,
+      ...H,
       style: {
-        ...f ? ne(j) : K,
-        ...Q,
-        ..._
+        ...f ? ne(j) : Q,
+        ...U,
+        ...q
       },
-      className: te(f ? s : J, V),
-      children: q
+      className: te(f ? s : K, V),
+      children: D
     }
   );
-}, fe = X(ie);
+}, fe = Y(ie);
 fe.displayName = "Col";
 export {
   fe 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: $, children: w, 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: {
-        ...$,
+        ...P,
         ...o
       },
-      className: k,
-      children: /* @__PURE__ */ g(
+      className: S,
+      children: /* @__PURE__ */ d(
         M.Provider,
         {
-          value: { gutter: [n, a], div: i },
-          children: w
+          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/liquid-fill/index.js

@@ -46,6 +46,7 @@ import "../dist/react-transition-group/src/ReplaceTransition.js";
 import "../dist/react-transition-group/src/SwitchTransition.js";
 import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
+import { v4 as A } from "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tinycolor";
@@ -54,7 +55,6 @@ import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isNumber as ct } from "@unicom-cloud/utils/is";
-import { v4 as A } from "uuid";
 import "../dist/validate/src/index.js";
 import pt from "../config-provider/context.js";
 const dt = {

package/liquid-fill/interface.js

@@ -0,0 +1 @@
+