@unicom-cloud/ui 0.8.100 → 0.8.102

package/grid/Col.js

@@ -1,86 +1,169 @@
-import { jsx as E } from "react/jsx-runtime";
-import F from "lodash/isNumber";
-import H from "lodash/isPlainObject";
-import { forwardRef as T, useContext as R, useMemo as q } from "react";
+import { jsx as U } from "react/jsx-runtime";
+import W 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 "../config-provider/ConfigProvider.js";
-import D from "../components/common/hooks/useMergeProps.js";
-import I from "@unicom-cloud/utils/class-name";
-import { RowContext as J } from "./context.js";
-import K from "../config-provider/context.js";
-const Q = {
+import ee from "../components/common/hooks/useMergeProps.js";
+import te from "@unicom-cloud/utils/class-name";
+import { responsiveArray as y, responsiveObserve as z } from "../utils/responsiveObserve.js";
+import { RowContext as re } from "./context.js";
+import se from "../config-provider/context.js";
+const oe = {
   span: 24
+  // 默认占据24列
 };
-function S(i) {
-  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
+function ne(i) {
+  return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? { flex: `0 0 ${i}` } : { flex: i };
 }
-function U(i, v) {
-  const { getPrefixCls: w, componentConfig: A, rtl: C } = R(K), G = D(
+const ie = (i, E) => {
+  const { getPrefixCls: G, componentConfig: I, rtl: d } = F(se), T = ee(
     i,
-    Q,
-    A?.["Grid.Col"]
-  ), { gutter: p, div: l } = R(J), {
-    className: L,
-    style: M,
-    children: N,
-    span: O,
-    offset: d,
-    order: a,
-    pull: u,
-    push: c,
-    xs: m,
-    sm: g,
-    md: x,
-    lg: y,
-    xl: h,
-    xxl: P,
-    xxxl: b,
-    flex: f,
-    ...V
-  } = G;
-  function k(r, o) {
-    const j = { xs: m, sm: g, md: x, lg: y, xl: h, xxl: P, xxxl: b };
-    return Object.keys(j).forEach((s) => {
-      const t = j[s];
-      F(t) ? t >= 0 && (o[`${r}-${s}-${t}`] = !0) : H(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 = w?.("col");
-  let $ = {
-    [`${n}`]: !l,
-    [`${n}-order-${a}`]: a,
-    [`${n}-${O}`]: !l && !m && !g && !x && !y && !h && !P && !b,
-    [`${n}-offset-${d}`]: d,
-    [`${n}-pull-${u}`]: u,
-    [`${n}-push-${c}`]: c,
-    [`${n}-rtl`]: C
-  };
-  $ = k(n, $);
-  const z = I(f ? n : $, L), e = {};
-  if (Array.isArray(p) && !l) {
-    const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
-    r && (e.paddingLeft = r, e.paddingRight = r), o && (e.paddingTop = o, e.paddingBottom = o);
-  }
-  const B = q(
-    () => S(f) ? { flex: S(f) } : {},
-    [f]
-  );
-  return /* @__PURE__ */ E(
+    oe,
+    I?.["Grid.Col"]
+  ), { gutter: C, div: o } = F(re), {
+    className: V,
+    style: _,
+    children: q,
+    span: g = 24,
+    offset: p,
+    order: u,
+    pull: m,
+    push: $,
+    xs: v,
+    sm: k,
+    md: P,
+    lg: R,
+    xl: S,
+    xxl: w,
+    xxxl: O,
+    flex: j,
+    ...D
+  } = T, f = !W(j), s = G?.("col"), [A, H] = Y({
+    xs: !1,
+    sm: !1,
+    md: !1,
+    lg: !1,
+    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(() => {
+    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}-pull-${m}`]: m,
+      [`${s}-push-${$}`]: $,
+      [`${s}-rtl`]: d
+    };
+    for (const r in l) {
+      const t = l[r];
+      M(t) ? t >= 0 && (e[`${s}-${r}-${t}`] = !0) : B(t) && (e[`${s}-${r}-${t.span}`] = t.span, e[`${s}-${r}-offset-${t.offset}`] = t.offset, e[`${s}-${r}-order-${t.order}`] = t.order, e[`${s}-${r}-pull-${t.pull}`] = t.pull, e[`${s}-${r}-push-${t.push}`] = t.push);
+    }
+    return e;
+  }, [
+    f,
+    s,
+    o,
+    u,
+    g,
+    l,
+    p,
+    m,
+    $,
+    d
+  ]), x = (e) => `${100 / 24 * e}%`, K = b(() => {
+    if (o || f)
+      return;
+    const e = {
+      span: g,
+      offset: p,
+      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];
+        if (n !== void 0) {
+          if (B(n)) {
+            Object.assign(e, n);
+            break;
+          }
+          if (M(n)) {
+            Object.assign(e, { span: n });
+            break;
+          }
+        }
+      }
+    }
+    const t = {}, L = x(e.span);
+    t.width = L, t.flex = `0 0 ${L}`;
+    const N = (a, c, h) => {
+      if (d) {
+        const n = {
+          left: "right",
+          right: "left",
+          marginLeft: "marginRight",
+          marginRight: "marginLeft"
+        };
+        a[n[c]] = h;
+      } else
+        a[c] = h;
+    };
+    return e.offset && N(
+      t,
+      "marginLeft",
+      x(e.offset)
+    ), e.order && (t.order = e.order), e.pull && N(t, "right", x(e.pull)), e.push && N(t, "left", x(e.push)), t;
+  }, [
+    o,
+    f,
+    g,
+    p,
+    u,
+    m,
+    $,
+    A,
+    l,
+    d
+  ]), Q = b(() => {
+    if (o)
+      return;
+    const e = {};
+    if (Array.isArray(C)) {
+      const [r, t] = C;
+      r && (e.paddingLeft = r / 2, e.paddingRight = r / 2), t && (e.paddingTop = t / 2, e.paddingBottom = t / 2);
+    }
+    return e;
+  }, [C, o]);
+  return Z(() => {
+    const e = z.subscribe((r) => {
+      H(r);
+    });
+    return () => {
+      z.unsubscribe(e);
+    };
+  }, []), /* @__PURE__ */ U(
     "div",
     {
-      ref: v,
-      ...V,
+      ref: E,
+      ...D,
       style: {
-        ...M,
-        ...e,
-        ...B
+        ...f ? ne(j) : K,
+        ...Q,
+        ..._
       },
-      className: z,
-      children: N
+      className: te(f ? s : J, V),
+      children: q
     }
   );
-}
-const W = T(U);
-W.displayName = "Col";
+}, fe = X(ie);
+fe.displayName = "Col";
 export {
-  W as default
+  fe as default
 };

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

@@ -17,7 +17,7 @@ function q(d, b) {
     d,
     T,
     j?.["Grid.Row"]
-  ), { className: R, style: w, children: $, div: i, align: m, justify: l, gutter: t, ...N } = C, [h, P] = G({
+  ), { className: R, style: $, children: w, div: i, align: m, justify: l, gutter: t, ...N } = C, [h, P] = G({
     xs: !0,
     sm: !0,
     md: !0,
@@ -66,7 +66,7 @@ function q(d, b) {
       ref: b,
       ...L(N, ["gutter"]),
       style: {
-        ...w,
+        ...$,
         ...o
       },
       className: k,
@@ -74,7 +74,7 @@ function q(d, b) {
         M.Provider,
         {
           value: { gutter: [n, a], div: i },
-          children: $
+          children: w
         }
       )
     }

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
 };

package/icon/interface.js

@@ -0,0 +1 @@
+

package/icon-hover/interface.js

@@ -0,0 +1 @@
+