@unicom-cloud/ui 0.8.99 → 0.8.100

package/flex/index.js

@@ -0,0 +1,59 @@
+import { jsx as c } from "react/jsx-runtime";
+import V, { forwardRef as n } from "react";
+import "../config-provider/ConfigProvider.js";
+import h from "../components/common/hooks/useMergeProps.js";
+import w from "@unicom-cloud/utils/class-name";
+import { isPresetSize as i, createFlexClassNames as z } from "./utils.js";
+import R from "../config-provider/context.js";
+const S = {
+  component: "div",
+  vertical: !1
+};
+function j(r, o) {
+  const { getPrefixCls: p, rtl: f, componentConfig: x } = V.useContext(R), l = h(
+    r,
+    S,
+    x?.Flex
+  ), {
+    prefixCls: C,
+    rootClassName: d,
+    className: u,
+    style: g,
+    flex: a,
+    gap: e,
+    children: N,
+    vertical: v,
+    component: F = "div",
+    wrap: b,
+    ...P
+  } = l, t = p?.("flex", C), y = w(
+    t,
+    u,
+    d,
+    {
+      [`${t}-rtl`]: f,
+      [`${t}-gap-${e}`]: i(e),
+      [`${t}-vertical`]: v
+    },
+    z(t, l)
+  ), $ = {
+    ...g,
+    ...a ? { flex: a } : {},
+    ...e && !i(e) ? { gap: e } : {}
+  };
+  return /* @__PURE__ */ c(F, { ref: o, className: y, style: $, ...P, children: N });
+}
+const s = n(
+  j
+);
+s.displayName = "Flex";
+function M(r, o) {
+  return /* @__PURE__ */ c(s, { ref: o, ...r, vertical: !0, children: r.children });
+}
+const m = n(M);
+m.displayName = "FlexVertical";
+s.Vertical = m;
+export {
+  m as FlexVertical,
+  s as default
+};

package/flex/interface.js

@@ -0,0 +1,34 @@
+const e = [
+  "wrap",
+  "nowrap",
+  "wrap-reverse"
+], t = [
+  "flex-start",
+  "flex-end",
+  "start",
+  "end",
+  "center",
+  "space-between",
+  "space-around",
+  "space-evenly",
+  "stretch",
+  "normal",
+  "left",
+  "right"
+], s = [
+  "center",
+  "start",
+  "end",
+  "flex-start",
+  "flex-end",
+  "self-start",
+  "self-end",
+  "baseline",
+  "normal",
+  "stretch"
+];
+export {
+  s as alignItemsValues,
+  e as flexWrapValues,
+  t as justifyContentValues
+};

package/flex/utils.js

@@ -0,0 +1,13 @@
+import s from "@unicom-cloud/utils/class-name";
+import { alignItemsValues as u, justifyContentValues as c, flexWrapValues as m } from "./interface.js";
+function g(t, i) {
+  const n = i.wrap === !0 ? "wrap" : i.wrap, a = n && m.includes(n) ? `${t}-wrap-${n}` : void 0, e = i.align && u.includes(i.align) ? `${t}-align-${i.align}` : !i.align && i.vertical ? `${t}-align-stretch` : void 0, l = i.justify && c.includes(i.justify) ? `${t}-justify-${i.justify}` : void 0;
+  return s(a, e, l);
+}
+function d(t) {
+  return typeof t == "string" && ["mini", "small", "medium", "large"].includes(t);
+}
+export {
+  g as createFlexClassNames,
+  d as isPresetSize
+};

package/grid/{GridItem.js → Item.js}

@@ -15,27 +15,27 @@ const U = {
   span: 1
 };
 function W($, g) {
-  const { getPrefixCls: G, componentConfig: _, rtl: y } = p(K), i = q(
+  const { getPrefixCls: _, componentConfig: y, rtl: S } = p(K), a = q(
     $,
     U,
-    _?.["Grid.GridItem"]
+    y?.["Grid.Item"]
   ), {
-    children: a,
-    className: S,
+    children: i,
+    className: G,
     style: v,
     offset: N,
     span: D,
     __index__: s
-  } = i, r = p(A), { collectItemData: R, removeItemData: E } = p(
+  } = a, n = p(A), { collectItemData: R, removeItemData: E } = p(
     H
-  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = r, d = C(N, 0), n = C(D, 1), x = G?.("grid-item"), w = P?.includes(s), M = {
+  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = n, d = C(N, 0), r = C(D, 1), x = _?.("grid-item"), w = P?.includes(s), M = {
     [`${x}`]: !0,
-    [`${x}-rtl`]: y
-  }, b = z(M, S), e = c(() => J(r.cols, {
-    suffix: !!i.suffix,
-    span: n,
+    [`${x}-rtl`]: S
+  }, b = z(M, G), e = c(() => J(n.cols, {
+    suffix: !!a.suffix,
+    span: r,
     offset: d
-  }), [r.cols, i.suffix, n, d]);
+  }), [n.cols, a.suffix, r, d]);
   k(() => (R(s, e), () => {
     E(s);
   }), [s, e]);
@@ -47,8 +47,8 @@ function W($, g) {
   }, [e, f]), L = c(() => {
     const { suffix: t, span: o } = e;
     return t ? `${l - o + 1}` : `span ${o}`;
-  }, [e, l]), j = !w || n === 0 ? { display: "none" } : {}, B = {
-    gridColumn: `${L} / span ${n}`,
+  }, [e, l]), j = !w || r === 0 ? { display: "none" } : {}, B = {
+    gridColumn: `${L} / span ${r}`,
     ...F,
     ...j
   };
@@ -61,7 +61,7 @@ function W($, g) {
         ...B,
         ...v
       },
-      children: Q(a) ? a({ overflow: u }) : m.Children.map(a, (t) => t && r.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
+      children: Q(i) ? i({ overflow: u }) : m.Children.map(i, (t) => t && n.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
         overflow: u,
         ...t.props
       }) : t)
@@ -69,7 +69,7 @@ function W($, g) {
   );
 }
 const X = V(W), I = X;
-I.displayName = "GridItem";
+I.displayName = "Grid.Item";
 I.__PQB_GRID_ITEM__ = !0;
 export {
   I as default

package/grid/index.js

@@ -1,6 +1,6 @@
 import m from "./Col.js";
 import r from "./Grid.js";
-import t from "./GridItem.js";
+import t from "./Item.js";
 import i from "./Row.js";
 const o = r;
 o.Col = m;