@unicom-cloud/ui 0.8.81 → 0.8.83

package/form/FormItem.js

@@ -1,36 +1,36 @@
 import { jsx as i, jsxs as q, Fragment as pe } from "react/jsx-runtime";
-import L, { forwardRef as ue, useContext as x, useState as W, useRef as fe, useEffect as be, useMemo as G, createElement as K, cloneElement as B } from "react";
-import ge from "lodash/isArray";
-import he from "lodash/isFunction";
-import y from "lodash/isPlainObject";
-import w from "lodash/isUndefined";
-import { a as Ce } from "../chunk/CQvM33Vg.js";
+import L, { forwardRef as ue, useContext as N, useState as W, useRef as fe, useEffect as be, useMemo as G, createElement as K, cloneElement as B } from "react";
+import he from "lodash/isArray";
+import ge from "lodash/isFunction";
+import v from "lodash/isPlainObject";
+import F from "lodash/isUndefined";
+import { a as Ce } from "../chunk/C9oo3EJI.js";
 import Y from "../grid/index.js";
 import { u as ye } from "../chunk/BFTV6myl.js";
 import { P as ve } from "../chunk/NPajzdOv.js";
-import v from "@unicom-cloud/utils/class-name";
+import w from "@unicom-cloud/utils/class-name";
 import { o as we } from "../chunk/BKKEev13.js";
-import I from "./Control.js";
+import S from "./Control.js";
 import Fe from "./FormLabel.js";
 import { FormItemContext as J, FormListContext as $e, FormContext as Q } from "./context.js";
 import { VALIDATE_STATUS as T } from "./interface.js";
-import { formatValidateMsg as xe } from "./util.js";
-const Ie = Y.Row, X = Y.Col, Ne = ({
-  prefixCls: g,
-  help: h,
+import { formatValidateMsg as Ie } from "./util.js";
+const Ne = Y.Row, X = Y.Col, Se = ({
+  prefixCls: h,
+  help: g,
   errors: e,
-  warnings: N
+  warnings: C
 }) => {
-  const C = e.map((p, d) => {
+  const y = e.map((p, d) => {
     if (p)
       return /* @__PURE__ */ i("div", { role: "alert", children: p.message }, d);
   }), c = [];
-  N.map((p, d) => {
+  C.map((p, d) => {
     c.push(
-      /* @__PURE__ */ i("div", { role: "alert", className: `${g}-message-help-warning`, children: p }, d)
+      /* @__PURE__ */ i("div", { role: "alert", className: `${h}-message-help-warning`, children: p }, d)
     );
   });
-  const m = !w(h) || !!c.length, u = m || !!C.length;
+  const m = !F(g) || !!c.length, u = m || !!y.length;
   return u && /* @__PURE__ */ i(
     ve,
     {
@@ -42,24 +42,24 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
       children: /* @__PURE__ */ i(
         "div",
         {
-          className: v(`${g}-message`, {
-            [`${g}-message-help`]: m
+          className: w(`${h}-message`, {
+            [`${h}-message-help`]: m
           }),
-          children: w(h) ? /* @__PURE__ */ q(pe, { children: [
-            C.length > 0 && C,
+          children: F(g) ? /* @__PURE__ */ q(pe, { children: [
+            y.length > 0 && y,
             c.length > 0 && c
-          ] }) : h
+          ] }) : g
         }
       )
     }
   );
-}, Se = {
+}, xe = {
   trigger: "onChange",
   triggerPropName: "value"
-}, Pe = (g, h) => {
+}, ke = (h, g) => {
   var U, _, z;
-  const e = ye(g, Se), { getPrefixCls: N, prefixCls: C } = x(Ce), c = x(J), m = x($e), [u, p] = W(null), [d, A] = W(null), r = x(Q), l = r.prefixCls || N("form"), D = e.layout || r.layout, Z = e.labelAlign || r.labelAlign, S = fe(!1), ee = (s, t = {}) => {
-    if (S.current)
+  const e = ye(h, xe), { getPrefixCls: C, prefixCls: y } = N(Ce), c = N(J), m = N($e), [u, p] = W(null), [d, A] = W(null), r = N(Q), l = r.prefixCls || (C == null ? void 0 : C("form")), D = e.layout || r.layout, Z = e.labelAlign || r.labelAlign, x = fe(!1), ee = (s, t = {}) => {
+    if (x.current)
       return;
     const { errors: a, warnings: f } = t || {};
     p((b) => {
@@ -69,83 +69,83 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
       const o = { ...b || {} };
       return f && f.length ? o[s] = f : delete o[s], o;
     });
-  }, re = y(e.noStyle) && e.noStyle.showErrorTip && c.updateFormItem ? c.updateFormItem : ee;
-  be(() => (S.current = !1, () => {
-    S.current = !0, p(null), A(null);
+  }, re = v(e.noStyle) && e.noStyle.showErrorTip && c.updateFormItem ? c.updateFormItem : ee;
+  be(() => (x.current = !1, () => {
+    x.current = !0, p(null), A(null);
   }), []);
   const te = {
     ...r,
-    validateMessages: r.validateMessages && xe(r.validateMessages, {
+    validateMessages: r.validateMessages && Ie(r.validateMessages, {
       label: e.label
     }),
     prefixCls: l,
     updateFormItem: re,
     disabled: "disabled" in e ? e.disabled : r.disabled
-  }, { label: M, extra: j, className: oe, style: le, validateStatus: F, hidden: se, ...ne } = e, ie = v(`${l}-label-item`, {
+  }, { label: M, extra: j, className: oe, style: le, validateStatus: $, hidden: se, ...ne } = e, ie = w(`${l}-label-item`, {
     [`${l}-label-item-left`]: Z === "left"
-  }), R = u ? Object.values(u) : [], P = d ? Object.values(d).reduce((s, t) => s.concat(t), []) : [], $ = G(() => {
-    if (F)
-      return F;
+  }), R = u ? Object.values(u) : [], k = d ? Object.values(d).reduce((s, t) => s.concat(t), []) : [], I = G(() => {
+    if ($)
+      return $;
     if (R.length)
       return T.error;
-    if (P.length)
+    if (k.length)
       return T.warning;
-  }, [u, d, F]), V = G(() => !w(e.help) || P.length > 0, [e.help, d]), ae = v(
+  }, [u, d, $]), V = G(() => !F(e.help) || k.length > 0, [e.help, d]), ae = w(
     `${l}-item`,
     {
-      [`${l}-item-error`]: V || !F && $ === T.error,
-      [`${l}-item-status-${$}`]: $,
+      [`${l}-item-error`]: V || !$ && I === T.error,
+      [`${l}-item-status-${I}`]: I,
       [`${l}-item-has-help`]: V,
       [`${l}-item-hidden`]: se,
-      [`${l}-item-has-feedback`]: $ && e.hasFeedback
+      [`${l}-item-has-feedback`]: I && e.hasFeedback
     },
     `${l}-layout-${D}`,
     oe
   ), O = () => {
     var f, b;
     const { field: s, children: t } = e, a = "disabled" in e ? e.disabled : r.disabled;
-    if (he(t)) {
+    if (ge(t)) {
       const { key: o, ...n } = e ?? {};
       return /* @__PURE__ */ K(
-        I,
+        S,
         {
           disabled: a,
           ...n,
           key: s || o,
           _key: s || o
         },
-        (...E) => t(
-          ...E
+        (...P) => t(
+          ...P
         )
       );
     }
-    if (ge(t)) {
-      const o = L.Children.map(t, (n, E) => {
-        const H = y(n) && n.key || E, de = y(n) && "disabled" in n.props, ce = !w(a) && !de ? { key: H, disabled: a } : { key: H };
-        return y(n) ? B(n, ce) : n;
+    if (he(t)) {
+      const o = L.Children.map(t, (n, P) => {
+        const H = v(n) && n.key || P, de = v(n) && "disabled" in n.props, ce = !F(a) && !de ? { key: H, disabled: a } : { key: H };
+        return v(n) ? B(n, ce) : n;
       });
-      return /* @__PURE__ */ i(I, { ...e, field: void 0, children: o });
+      return /* @__PURE__ */ i(S, { ...e, field: void 0, children: o });
     }
     if (L.Children.count(t) == 1) {
       if (s) {
         const o = ((f = m == null ? void 0 : m.getItemKey) == null ? void 0 : f.call(m, s)) || s;
-        return /* @__PURE__ */ K(I, { disabled: a, ...e, key: o, _key: o }, t);
+        return /* @__PURE__ */ K(S, { disabled: a, ...e, key: o, _key: o }, t);
       }
-      if (y(t)) {
+      if (v(t)) {
         if ((b = t.type) != null && b.isFormControl)
           return t;
-        const n = !("disabled" in t.props) && !w(a) ? { disabled: a } : null;
-        return /* @__PURE__ */ i(I, { ...e, field: void 0, children: n ? B(t, n) : t });
+        const n = !("disabled" in t.props) && !F(a) ? { disabled: a } : null;
+        return /* @__PURE__ */ i(S, { ...e, field: void 0, children: n ? B(t, n) : t });
       }
     }
     return t;
-  }, me = J, k = {
+  }, me = J, E = {
     ...r
   };
-  return e.noStyle || (k.wrapperCol = void 0, k.labelCol = void 0), /* @__PURE__ */ i(Q.Provider, { value: k, children: /* @__PURE__ */ i(me.Provider, { value: te, children: e.noStyle ? O() : /* @__PURE__ */ q(
-    Ie,
+  return e.noStyle || (E.wrapperCol = void 0, E.labelCol = void 0), /* @__PURE__ */ i(Q.Provider, { value: E, children: /* @__PURE__ */ i(me.Provider, { value: te, children: e.noStyle ? O() : /* @__PURE__ */ q(
+    Ne,
     {
-      ref: h,
+      ref: g,
       ...we(ne, [
         "tooltip",
         "children",
@@ -184,7 +184,7 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
           X,
           {
             ...e.labelCol || r.labelCol,
-            className: v(
+            className: w(
               ie,
               (U = e.labelCol) == null ? void 0 : U.className,
               (_ = r.labelCol) == null ? void 0 : _.className,
@@ -198,7 +198,7 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
                 tooltip: e.tooltip,
                 htmlFor: e.field && ((z = r == null ? void 0 : r.getFormElementId) == null ? void 0 : z.call(r, e.field)),
                 label: M,
-                prefix: C,
+                prefix: y,
                 requiredSymbol: "requiredSymbol" in e ? e.requiredSymbol : r.requiredSymbol,
                 required: e.required,
                 rules: e.rules,
@@ -210,19 +210,19 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
         /* @__PURE__ */ q(
           X,
           {
-            className: v(`${l}-item-wrapper`, {
+            className: w(`${l}-item-wrapper`, {
               [`${l}-item-wrapper-flex`]: !e.wrapperCol && !r.wrapperCol
             }),
             ...e.wrapperCol || r.wrapperCol,
             children: [
               O(),
               /* @__PURE__ */ i(
-                Ne,
+                Se,
                 {
                   prefixCls: l,
                   help: e.help,
                   errors: R,
-                  warnings: P
+                  warnings: k
                 }
               ),
               j && /* @__PURE__ */ i("div", { className: `${l}-extra`, children: j })
@@ -232,8 +232,8 @@ const Ie = Y.Row, X = Y.Col, Ne = ({
       ]
     }
   ) }) });
-}, ke = ue(Pe);
-ke.displayName = "FormItem";
+}, Ee = ue(ke);
+Ee.displayName = "FormItem";
 export {
-  ke as default
+  Ee as default
 };

package/form/context.js

@@ -1,5 +1,5 @@
 import { createContext as t } from "react";
-import { N as e } from "../chunk/D0ZWT7db.js";
+import { N as e } from "../chunk/B6r8jPCd.js";
 import "@unicom-cloud/utils/constant/ui";
 const i = t({
   layout: "horizontal",

package/grid/Col.js

@@ -1,85 +1,85 @@
 import { jsx as F } from "react/jsx-runtime";
 import H from "lodash/isNumber";
 import T from "lodash/isPlainObject";
-import { forwardRef as q, useContext as S, useMemo as C } from "react";
-import { a as D } from "../chunk/CQvM33Vg.js";
-import { u as I } from "../chunk/BFTV6myl.js";
-import J from "@unicom-cloud/utils/class-name";
-import { RowContext as K } from "./context.js";
-const Q = {
+import { forwardRef as q, useContext as w, useMemo as D } from "react";
+import { a as I } from "../chunk/C9oo3EJI.js";
+import { u as J } from "../chunk/BFTV6myl.js";
+import K from "@unicom-cloud/utils/class-name";
+import { RowContext as Q } from "./context.js";
+const U = {
   span: 24
 };
-function v(i) {
+function A(i) {
   return typeof i == "string" && /\d+[px|%|em|rem|]{1}/.test(i) ? `0 0 ${i}` : i;
 }
-function U(i, w) {
-  const { getPrefixCls: A, componentConfig: f, rtl: G } = S(D), L = I(
+function W(i, G) {
+  const { getPrefixCls: l, componentConfig: a, rtl: L } = w(I), M = J(
     i,
-    Q,
-    f == null ? void 0 : f["Grid.Col"]
-  ), { gutter: p, div: $ } = S(K), {
-    className: M,
-    style: N,
-    children: O,
+    U,
+    a == null ? void 0 : a["Grid.Col"]
+  ), { gutter: p, div: f } = w(Q), {
+    className: N,
+    style: O,
+    children: P,
     span: V,
-    offset: a,
-    order: u,
-    pull: c,
-    push: m,
-    xs: x,
+    offset: u,
+    order: c,
+    pull: m,
+    push: x,
+    xs: y,
     sm: g,
-    md: y,
-    lg: h,
-    xl: P,
-    xxl: b,
-    xxxl: j,
-    flex: e,
+    md: h,
+    lg: b,
+    xl: j,
+    xxl: R,
+    xxxl: S,
+    flex: d,
     ...k
-  } = L;
+  } = M;
   function z(r, o) {
-    const R = { xs: x, sm: g, md: y, lg: h, xl: P, xxl: b, xxxl: j };
-    return Object.keys(R).forEach((n) => {
-      const t = R[n];
+    const v = { xs: y, sm: g, md: h, lg: b, xl: j, xxl: R, xxxl: S };
+    return Object.keys(v).forEach((n) => {
+      const t = v[n];
       H(t) ? t >= 0 && (o[`${r}-${n}-${t}`] = !0) : T(t) && (o[`${r}-${n}-${t.span}`] = t.span, o[`${r}-${n}-offset-${t.offset}`] = t.offset, o[`${r}-${n}-order-${t.order}`] = t.order, o[`${r}-${n}-pull-${t.pull}`] = t.pull, o[`${r}-${n}-push-${t.push}`] = t.push);
     }), o;
   }
-  const s = A("col");
-  let d = {
-    [`${s}`]: !$,
-    [`${s}-order-${u}`]: u,
-    [`${s}-${V}`]: !$ && !x && !g && !y && !h && !P && !b && !j,
-    [`${s}-offset-${a}`]: a,
-    [`${s}-pull-${c}`]: c,
-    [`${s}-push-${m}`]: m,
-    [`${s}-rtl`]: G
+  const s = l == null ? void 0 : l("col");
+  let e = {
+    [`${s}`]: !f,
+    [`${s}-order-${c}`]: c,
+    [`${s}-${V}`]: !f && !y && !g && !h && !b && !j && !R && !S,
+    [`${s}-offset-${u}`]: u,
+    [`${s}-pull-${m}`]: m,
+    [`${s}-push-${x}`]: x,
+    [`${s}-rtl`]: L
   };
-  d = z(s, d);
-  const B = J(e ? s : d, M), l = {};
-  if (Array.isArray(p) && !$) {
+  e = z(s, e);
+  const B = K(d ? s : e, N), $ = {};
+  if (Array.isArray(p) && !f) {
     const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
-    r && (l.paddingLeft = r, l.paddingRight = r), o && (l.paddingTop = o, l.paddingBottom = o);
+    r && ($.paddingLeft = r, $.paddingRight = r), o && ($.paddingTop = o, $.paddingBottom = o);
   }
-  const E = C(
-    () => v(e) ? { flex: v(e) } : {},
-    [e]
+  const E = D(
+    () => A(d) ? { flex: A(d) } : {},
+    [d]
   );
   return /* @__PURE__ */ F(
     "div",
     {
-      ref: w,
+      ref: G,
       ...k,
       style: {
-        ...N,
-        ...l,
+        ...O,
+        ...$,
         ...E
       },
       className: B,
-      children: O
+      children: P
     }
   );
 }
-const W = q(U);
-W.displayName = "Col";
+const X = q(W);
+X.displayName = "Col";
 export {
-  W as default
+  X as default
 };

package/grid/Row.js

@@ -1,22 +1,22 @@
-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 { a as B } from "../chunk/CQvM33Vg.js";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as z, useContext as G, useState as H, useRef as P, useEffect as V } from "react";
+import { a as B } from "../chunk/C9oo3EJI.js";
 import { u as E } from "../chunk/BFTV6myl.js";
 import L from "@unicom-cloud/utils/class-name";
 import { o as M } from "../chunk/BKKEev13.js";
-import { responsiveObserve as x, responsiveArray as d } from "../utils/responsiveObserve.js";
+import { responsiveObserve as x, responsiveArray as b } from "../utils/responsiveObserve.js";
 import { RowContext as O } from "./context.js";
 const T = {
   gutter: 0,
   align: "start",
   justify: "start"
 };
-function q(b, A) {
-  const { getPrefixCls: j, componentConfig: i, rtl: v } = z(B), R = E(
-    b,
+function q(A, j) {
+  const { getPrefixCls: i, componentConfig: a, rtl: v } = G(B), R = E(
+    A,
     T,
-    i == null ? void 0 : i["Grid.Row"]
-  ), { className: w, style: $, children: C, div: a, align: u, justify: m, gutter: r, ...N } = R, [h, P] = G({
+    a == null ? void 0 : a["Grid.Row"]
+  ), { className: w, style: $, children: N, div: n, align: l, justify: p, gutter: r, ...h } = R, [C, k] = H({
     xs: !0,
     sm: !0,
     md: !0,
@@ -24,19 +24,19 @@ function q(b, A) {
     xl: !0,
     xxl: !0,
     xxxl: !0
-  }), p = H();
-  V(() => (p.current = x.subscribe((t) => {
-    (!Array.isArray(r) && typeof r == "object" || Array.isArray(r) && (typeof r[0] == "object" || typeof r[1] == "object")) && P(t);
+  }), y = P();
+  V(() => (y.current = x.subscribe((t) => {
+    (!Array.isArray(r) && typeof r == "object" || Array.isArray(r) && (typeof r[0] == "object" || typeof r[1] == "object")) && k(t);
   }), () => {
-    x.unsubscribe(p.current);
+    x.unsubscribe(y.current);
   }), []);
-  function y(t) {
+  function g(t) {
     let e = 0;
     if (typeof t == "object")
-      for (let f = 0; f < d.length; f++) {
-        const l = d[f];
-        if (h[l] && t[l] !== void 0) {
-          e = t[l];
+      for (let m = 0; m < b.length; m++) {
+        const f = b[m];
+        if (C[f] && t[f] !== void 0) {
+          e = t[f];
           break;
         }
       }
@@ -44,42 +44,42 @@ function q(b, A) {
       e = t;
     return e;
   }
-  const s = j("row"), k = L(
+  const s = i == null ? void 0 : i("row"), S = L(
     {
-      [`${s}`]: !a,
-      [`${s}-align-${u}`]: u,
-      [`${s}-justify-${m}`]: m,
+      [`${s}`]: !n,
+      [`${s}-align-${l}`]: l,
+      [`${s}-justify-${p}`]: p,
       [`${s}-rtl`]: v
     },
     w
-  ), o = {}, n = y(
+  ), o = {}, c = g(
     Array.isArray(r) ? r[0] : r
-  ), c = y(Array.isArray(r) ? r[1] : 0);
-  if ((n || c) && !a) {
-    const t = -n / 2, e = -c / 2;
+  ), u = g(Array.isArray(r) ? r[1] : 0);
+  if ((c || u) && !n) {
+    const t = -c / 2, e = -u / 2;
     t && (o.marginLeft = t, o.marginRight = t), e && (o.marginTop = e, o.marginBottom = e);
   }
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: A,
-      ...M(N, ["gutter"]),
+      ref: j,
+      ...M(h, ["gutter"]),
       style: {
         ...$,
         ...o
       },
-      className: k,
-      children: /* @__PURE__ */ g(
+      className: S,
+      children: /* @__PURE__ */ d(
         O.Provider,
         {
-          value: { gutter: [n, c], div: a },
-          children: C
+          value: { gutter: [c, u], div: n },
+          children: N
         }
       )
     }
   );
 }
-const D = S(q);
+const D = z(q);
 D.displayName = "Row";
 export {
   D as default

package/grid/grid-item.js

@@ -1,23 +1,23 @@
 import { jsx as Q } from "react/jsx-runtime";
 import T from "lodash/isFunction";
 import V from "lodash/isString";
-import c, { forwardRef as k, useContext as l, useMemo as u, useEffect as q } from "react";
-import { a as z } from "../chunk/CQvM33Vg.js";
+import l, { forwardRef as k, useContext as u, useMemo as d, useEffect as q } from "react";
+import { a as z } from "../chunk/C9oo3EJI.js";
 import { u as A } from "../chunk/BFTV6myl.js";
 import H from "@unicom-cloud/utils/class-name";
 import { GridContext as J, GridDataCollectorContext as K } from "./context.js";
-import { u as I } from "../chunk/xAb6ZgqS.js";
+import { u as G } from "../chunk/xAb6ZgqS.js";
 import { resolveItemData as L } from "./util.js";
 const U = {
   suffix: !1,
   offset: 0,
   span: 1
 };
-function W(_, g) {
-  const { getPrefixCls: S, componentConfig: a, rtl: v } = l(z), f = A(
-    _,
+function W(S, g) {
+  const { getPrefixCls: a, componentConfig: f, rtl: v } = u(z), m = A(
+    S,
     U,
-    a == null ? void 0 : a["Grid.GridItem"]
+    f == null ? void 0 : f["Grid.GridItem"]
   ), {
     children: i,
     className: y,
@@ -25,51 +25,51 @@ function W(_, g) {
     offset: D,
     span: R,
     __index__: o
-  } = f, r = l(J), { collectItemData: E, removeItemData: P } = l(
+  } = m, r = u(J), { collectItemData: E, removeItemData: w } = u(
     K
-  ), { colGap: m, cols: d, displayIndexList: p, overflow: x } = r, C = I(D, 0), n = I(R, 1), $ = S("grid-item"), w = p == null ? void 0 : p.includes(o), M = {
-    [`${$}`]: !0,
-    [`${$}-rtl`]: v
-  }, b = H(M, y), e = u(() => L(r.cols, {
-    suffix: !!f.suffix,
+  ), { colGap: p, cols: x, displayIndexList: c, overflow: $ } = r, I = G(D, 0), n = G(R, 1), C = a == null ? void 0 : a("grid-item"), M = c == null ? void 0 : c.includes(o), b = {
+    [`${C}`]: !0,
+    [`${C}-rtl`]: v
+  }, F = H(b, y), e = d(() => L(r.cols, {
+    suffix: !!m.suffix,
     span: n,
-    offset: C
-  }), [r.cols, f.suffix, n, C]);
+    offset: I
+  }), [r.cols, m.suffix, n, I]);
   q(() => (E(o, e), () => {
-    P(o);
+    w(o);
   }), [o, e]);
-  const F = u(() => {
+  const P = d(() => {
     const { offset: t, span: s } = e;
     return t > 0 ? {
-      marginLeft: `calc((${`(100% - ${m * (s - 1)}px) / ${s}`} * ${t}) + ${m * t}px)`
+      marginLeft: `calc((${`(100% - ${p * (s - 1)}px) / ${s}`} * ${t}) + ${p * t}px)`
     } : {};
-  }, [e, m]), j = u(() => {
+  }, [e, p]), j = d(() => {
     const { suffix: t, span: s } = e;
-    return t ? `${d - s + 1}` : `span ${s}`;
-  }, [e, d]), B = !w || n === 0 ? { display: "none" } : {}, O = {
+    return t ? `${x - s + 1}` : `span ${s}`;
+  }, [e, x]), B = !M || n === 0 ? { display: "none" } : {}, O = {
     gridColumn: `${j} / span ${n}`,
-    ...F,
+    ...P,
     ...B
   };
   return /* @__PURE__ */ Q(
     "div",
     {
       ref: g,
-      className: b,
+      className: F,
       style: {
         ...O,
         ...N
       },
-      children: T(i) ? i({ overflow: x }) : c.Children.map(i, (t) => t && r.collapsed && c.isValidElement(t) && !V(t.type) ? c.cloneElement(t, {
-        overflow: x,
+      children: T(i) ? i({ overflow: $ }) : l.Children.map(i, (t) => t && r.collapsed && l.isValidElement(t) && !V(t.type) ? l.cloneElement(t, {
+        overflow: $,
         ...t.props
       }) : t)
     }
   );
 }
-const X = k(W), G = X;
-G.displayName = "GridItem";
-G.__PQB_GRID_ITEM__ = !0;
+const X = k(W), _ = X;
+_.displayName = "GridItem";
+_.__PQB_GRID_ITEM__ = !0;
 export {
-  G as default
+  _ as default
 };