@unicom-cloud/ui 0.8.85 → 0.8.87

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.85","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.87","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/space/index.js

@@ -1,9 +1,9 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as f, useContext as S } from "react";
-import { UI_COMMON_PREFIX as g } from "@unicom-cloud/utils/constant/ui";
-import { u as N } from "../chunk/BFTV6myl.js";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as $, useContext as h } from "react";
+import { UI_COMMON_PREFIX as x } from "@unicom-cloud/utils/constant/ui";
+import { u as y } from "../chunk/BFTV6myl.js";
 import "@unicom-cloud/utils/case-name";
-import w from "@unicom-cloud/utils/class-name";
+import C from "@unicom-cloud/utils/class-name";
 import "../chunk/9TSjT7x_.js";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../chunk/C7bohPVD.js";
@@ -37,24 +37,24 @@ import "../chunk/BZ3igxQN.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/tree";
-import { isArray as y, isNumber as h } from "@unicom-cloud/utils/is";
+import { isArray as w, isNumber as I } from "@unicom-cloud/utils/is";
 import "uuid";
 import "../chunk/DEuVgCzp.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
-import { a as x } from "../chunk/B44Hj5ad.js";
+import { a as M } from "../chunk/B44Hj5ad.js";
 import "lodash/isEqualWith";
 import "../chunk/B4WG1mhs.js";
 import "@unicom-cloud/utils/constant";
-const M = {
+const _ = {
   gap: "small",
   direction: "horizontal"
 };
-function C(r = 8) {
-  if (h(r))
-    return r;
-  if (y(r))
-    return r.map((i, t, p) => C(i));
-  switch (r) {
+function S(t = 8) {
+  if (I(t))
+    return t;
+  if (w(t))
+    return t.map((o, r, i) => S(o));
+  switch (t) {
     case "mini":
       return 4;
     case "small":
@@ -67,76 +67,72 @@ function C(r = 8) {
       return 8;
   }
 }
-function _(r, i) {
-  const t = `${g}-space`, p = N(r, M), {
-    className: $,
-    style: s,
-    children: c,
-    gap: e,
-    direction: n,
-    wrap: l = !0,
-    ...a
-  } = p, m = C(e), o = { ...s };
-  return y(m) ? (o.rowGap = m[0], o.columnGap = m[1]) : o.gap = m, /* @__PURE__ */ u(
+function j(t, o) {
+  const r = `${x}-space`, i = y(t, _), {
+    className: g,
+    style: u,
+    children: f,
+    gap: a,
+    direction: s,
+    wrap: n,
+    justifyContent: p,
+    alignItems: m,
+    ...e
+  } = i, c = S(a), l = { ...u };
+  return w(c) ? (l.rowGap = c[0], l.columnGap = c[1]) : l.gap = c, /* @__PURE__ */ d(
     "div",
     {
-      ref: i,
-      className: w(
-        `${t}`,
-        l && `${t}-wrap`,
-        `${t}-${n}`,
-        $
+      ref: o,
+      className: C(
+        `${r}`,
+        n && `${r}-wrap`,
+        `${r}-${s}`,
+        p && `${r}-justify-content-${p}`,
+        m && `${r}-align-items-${m}`,
+        g
       ),
-      style: o,
-      ...a,
-      children: c
+      style: l,
+      ...e,
+      children: f
     }
   );
 }
-const d = f(_);
-d.displayName = "Space";
-function z(r, i) {
-  return /* @__PURE__ */ u(d, { ref: i, ...r, direction: "vertical", children: r.children });
+const N = $(j);
+N.displayName = "Space";
+function z(t, o) {
+  return /* @__PURE__ */ d(N, { ref: o, ...t, direction: "vertical", children: t.children });
 }
-const P = f(z);
+const P = $(z);
 P.displayName = "SpaceVertical";
 const V = {
   gap: "small",
   direction: "horizontal"
 };
-function v(r, i) {
-  const { getPrefixCls: t, componentConfig: p, rtl: $ } = S(x), s = N(
-    r,
+function v(t, o) {
+  const { getPrefixCls: r, componentConfig: i, rtl: g } = h(M), u = y(
+    t,
     V,
-    p == null ? void 0 : p.Space
-  ), {
-    className: c,
-    direction: e,
-    size: n,
-    // 向上兼容，请用 gap 属性
-    gap: l,
-    wrap: a,
-    ...m
-  } = s, o = t == null ? void 0 : t("space");
-  return /* @__PURE__ */ u(
-    d,
+    i == null ? void 0 : i.Space
+  ), { className: f, direction: a, wrap: s, size: n, align: p, ...m } = u;
+  n && (m.gap = n), p && (m.alignItems = p);
+  const e = r == null ? void 0 : r("space");
+  return /* @__PURE__ */ d(
+    N,
     {
-      ref: i,
-      className: w(
-        `${o}`,
-        a && `${o}-wrap`,
-        `${o}-${e}`,
-        c
+      ref: o,
+      className: C(
+        `${e}`,
+        s && `${e}-wrap`,
+        `${e}-${a}`,
+        f
       ),
-      direction: e,
-      wrap: a,
-      gap: n || // 向上兼容，请用 gap 属性
-      l,
+      direction: a,
+      wrap: s,
       ...m
     }
   );
 }
-const G = f(v);
+const G = $(v);
 G.displayName = "Space";
 export {
   P as SpaceVertical,