@unicom-cloud/ui 0.8.41

package/Grid.js

@@ -0,0 +1,250 @@
+import "./chunk/DP2rzg_V.js";
+import { G as V, a as A, C as Y, R as Z } from "./chunk/DhodcKwW.js";
+import { jsx as R } from "react/jsx-runtime";
+import X from "lodash/get";
+import v, { useRef as ee, useState as q, useEffect as z, useMemo as N, forwardRef as H, useContext as M } from "react";
+import { a as J } from "./chunk/Dc_89PVN.js";
+import K from "./hooks/useMergeProps.js";
+import L from "@unicom-cloud/utils/class-name";
+import te from "lodash/isPlainObject";
+import F, { responsiveArray as Q } from "./utils/responsiveObserve.js";
+import se from "lodash/isFunction";
+import oe from "lodash/isString";
+function T(r) {
+  return te(r);
+}
+const y = (r, f, n = !1) => {
+  const t = ee(), [l, s] = q({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0,
+    xxxl: !0
+  });
+  return z(() => (t.current = F.subscribe((o) => {
+    T(r) && s(o);
+  }), () => {
+    F.unsubscribe(t.current);
+  }), []), N(() => {
+    let o = f;
+    if (T(r))
+      for (let e = 0; e < Q.length; e++) {
+        const a = Q[e];
+        if ((l[a] || a === "xs" && n) && r[a] !== void 0) {
+          o = r[a];
+          break;
+        }
+      }
+    else
+      o = r;
+    return o;
+  }, [l, r, f, n]);
+};
+function re(r, { span: f, offset: n, suffix: t }) {
+  const l = f ?? 1, s = n ?? 0, p = Math.min(s, r);
+  return {
+    span: Math.min(
+      p > 0 ? l + s : l,
+      r
+    ),
+    offset: p,
+    suffix: t
+  };
+}
+function ne({
+  cols: r,
+  collapsed: f,
+  collapsedRows: n,
+  itemDataList: t
+}) {
+  let l = !1, s = [];
+  function p(o) {
+    return Math.ceil(o / r) > n;
+  }
+  if (f) {
+    let o = 0;
+    for (let e = 0; e < t.length; e++)
+      t[e].suffix && (o += t[e].span, s.push(e));
+    if (!p(o)) {
+      let e = 0;
+      for (; e < t.length; ) {
+        const a = t[e];
+        if (!a.suffix) {
+          if (o += a.span, p(o))
+            break;
+          s.push(e);
+        }
+        e++;
+      }
+    }
+    l = t.some(
+      (e, a) => !e.suffix && !s.includes(a)
+    );
+  } else
+    s = t.map((o, e) => e);
+  return {
+    overflow: l,
+    displayIndexList: s
+  };
+}
+const ie = {
+  collapsed: !1,
+  collapsedRows: 1,
+  cols: 24,
+  colGap: 0,
+  rowGap: 0
+};
+function ae(r, f) {
+  const [n, t] = q(
+    /* @__PURE__ */ new Map()
+  ), { getPrefixCls: l, componentConfig: s, rtl: p } = M(J), o = K(
+    r,
+    ie,
+    s == null ? void 0 : s.Grid
+  ), {
+    children: e,
+    className: a,
+    style: b,
+    cols: x,
+    colGap: G,
+    rowGap: h,
+    collapsed: P,
+    collapsedRows: g
+  } = o, C = y(x, 24), I = y(G, 0), _ = {
+    gap: `${y(h, 0)}px ${I}px`,
+    gridTemplateColumns: `repeat(${C}, minmax(0px, 1fr))`
+  }, u = l("grid"), S = {
+    [`${u}`]: !0,
+    [`${u}-rtl`]: p
+  }, E = L(S, a), O = (() => {
+    const i = [];
+    for (const [d, w] of n.entries())
+      i[d] = w;
+    return i;
+  })(), m = ne({
+    cols: C,
+    collapsed: P,
+    collapsedRows: g,
+    itemDataList: O
+  });
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      ref: f,
+      className: E,
+      style: {
+        ..._,
+        ...b
+      },
+      children: /* @__PURE__ */ R(
+        V.Provider,
+        {
+          value: {
+            collectItemData(i, d) {
+              n.set(i, d), t(new Map([...n]));
+            },
+            removeItemData(i) {
+              n.delete(i), t(new Map([...n]));
+            }
+          },
+          children: /* @__PURE__ */ R(
+            A.Provider,
+            {
+              value: {
+                cols: C,
+                colGap: I,
+                overflow: m.overflow,
+                displayIndexList: m.displayIndexList
+              },
+              children: v.Children.map(e, (i, d) => {
+                if (i) {
+                  const w = {
+                    index: d,
+                    ...i.props
+                  };
+                  return v.cloneElement(i, w);
+                }
+                return null;
+              }).filter(
+                (i) => X(i, "type.__PQB_GRID_ITEM__")
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const U = H(ae);
+U.displayName = "Grid";
+const le = {
+  suffix: !1,
+  offset: 0,
+  span: 1
+};
+function pe(r, f) {
+  const { getPrefixCls: n, componentConfig: t, rtl: l } = M(J), s = K(
+    r,
+    le,
+    t == null ? void 0 : t["Grid.GridItem"]
+  ), {
+    children: p,
+    className: o,
+    style: e,
+    offset: a,
+    span: b,
+    __index__: x
+  } = s, G = M(A), { collectItemData: h, removeItemData: P } = M(
+    V
+  ), { colGap: g, cols: C, displayIndexList: I, overflow: D } = G, _ = y(a, 0), u = y(b, 1), S = n("grid-item"), E = I == null ? void 0 : I.includes(x), B = {
+    [`${S}`]: !0,
+    [`${S}-rtl`]: l
+  }, O = L(B, o), m = N(() => re(G.cols, {
+    suffix: !!s.suffix,
+    span: u,
+    offset: _
+  }), [G.cols, s.suffix, u, _]);
+  z(() => (h(x, m), () => {
+    P(x);
+  }), [x, m]);
+  const i = N(() => {
+    const { offset: c, span: $ } = m;
+    return c > 0 ? {
+      marginLeft: `calc((${`(100% - ${g * ($ - 1)}px) / ${$}`} * ${c}) + ${g * c}px)`
+    } : {};
+  }, [m, g]), d = N(() => {
+    const { suffix: c, span: $ } = m;
+    return c ? `${C - $ + 1}` : `span ${$}`;
+  }, [m, C]), w = !E || u === 0 ? { display: "none" } : {}, W = {
+    gridColumn: `${d} / span ${u}`,
+    ...i,
+    ...w
+  };
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      ref: f,
+      className: O,
+      style: {
+        ...W,
+        ...e
+      },
+      children: se(p) ? p({ overflow: D }) : v.Children.map(p, (c) => c && G.collapsed && v.isValidElement(c) && !oe(c.type) ? v.cloneElement(c, {
+        overflow: D,
+        ...c.props
+      }) : c)
+    }
+  );
+}
+const ce = H(pe), k = ce;
+k.displayName = "GridItem";
+k.__PQB_GRID_ITEM__ = !0;
+const j = U;
+j.Col = Y;
+j.Row = Z;
+j.GridItem = k;
+export {
+  j as default
+};

package/Icon.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import "./chunk/DP2rzg_V.js";
+import { C as g } from "./chunk/Dc_89PVN.js";
+import x from "@unicom-cloud/utils/class-name";
+import { isServerRendering as N } from "./utils/dom.js";
+const C = [];
+function y(p = {}) {
+  const { src: r, extraProps: u = {} } = p;
+  if (!N && typeof r == "string" && r.length && C.indexOf(r) === -1) {
+    const e = document.createElement("script");
+    e.setAttribute("src", r), e.setAttribute("data-namespace", r), C.push(r), document.body.appendChild(e);
+  }
+  function f(e, d) {
+    const { type: t, children: n, ...m } = e, o = i.useRef();
+    i.useImperativeHandle(d, () => o.current);
+    let s;
+    return t && (s = /* @__PURE__ */ a("use", { xlinkHref: `#${t}` })), n && (s = n), /* @__PURE__ */ a(
+      l,
+      {
+        type: t,
+        ...m,
+        ...u,
+        ref: (c) => {
+          o.current = c;
+        },
+        children: s
+      }
+    );
+  }
+  return f.displayName = "Iconfont", i.forwardRef(f);
+}
+const l = i.forwardRef(function(r, u) {
+  return /* @__PURE__ */ a(g, { children: (e) => {
+    const { className: d, spin: t, children: n, type: m, ...o } = r, c = {
+      ...{
+        width: "1em",
+        height: "1em",
+        fill: "currentColor"
+      },
+      ...o
+    }, h = e == null ? void 0 : e.getPrefixCls("icon"), I = x(
+      h,
+      m,
+      {
+        [`${h}-loading`]: t
+      },
+      d
+    );
+    return c.className = I, /* @__PURE__ */ a("svg", { ...c, children: n });
+  } });
+});
+l.displayName = "Icon";
+l.addFromIconFontCn = y;
+export {
+  l as default
+};

package/IconHover.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { I as a } from "./chunk/Dc_89PVN.js";
+import "react";
+import "@unicom-cloud/utils/class-name";
+export {
+  a as default
+};

package/Image.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/CEMQTMlX.js";
+import { I as p } from "./chunk/BTvIp2Ol.js";
+export {
+  p as default
+};

package/Input.js

@@ -0,0 +1,7 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/RnTpOC5-.js";
+import { I as m } from "./chunk/Bl5t8Z6F.js";
+export {
+  m as default
+};

package/InputNumber.js

@@ -0,0 +1,19 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/RnTpOC5-.js";
+import { a as h } from "./chunk/Bl5t8Z6F.js";
+import "@unicom-cloud/icons/IconUiDown";
+import "@unicom-cloud/icons/IconUiMinus";
+import "@unicom-cloud/icons/IconUiPlus";
+import "@unicom-cloud/icons/IconUiUp";
+import "lodash/isNumber";
+import "react";
+import "./chunk/Dc_89PVN.js";
+import "./hooks/useMergeProps.js";
+import "@unicom-cloud/utils/class-name";
+import "./utils/keyCode.js";
+import "./utils/omit.js";
+export {
+  h as default
+};

package/InputTag.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./Tag.js";
+import { I as r } from "./chunk/DF-4xm4m.js";
+export {
+  r as default
+};

package/Layout.js

@@ -0,0 +1,57 @@
+import { jsx as l } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/K6Dvbx-E.js";
+import "./ResizeBox.js";
+import g from "lodash/get";
+import S, { forwardRef as p, useContext as f, useState as R } from "react";
+import { a as u } from "./chunk/Dc_89PVN.js";
+import w from "./hooks/useMergeProps.js";
+import d from "@unicom-cloud/utils/class-name";
+import { S as M } from "./chunk/cRoKuTbN.js";
+function b(o, s) {
+  const { className: r, children: e, ...n } = o, { getPrefixCls: a } = f(u), t = a("layout-content"), c = d(t, r);
+  return /* @__PURE__ */ l("main", { ref: s, ...n, className: c, children: e });
+}
+const L = p(b);
+L.displayName = "LayoutContent";
+function j(o, s) {
+  const { className: r, children: e, ...n } = o, { getPrefixCls: a } = f(u), t = a("layout-footer"), c = d(t, r);
+  return /* @__PURE__ */ l("footer", { ref: s, ...n, className: c, children: e });
+}
+const h = p(j);
+h.displayName = "LayoutFooter";
+function B(o, s) {
+  const { getPrefixCls: r } = f(u), { className: e, children: n, ...a } = o, t = r("layout-header"), c = d(t, e);
+  return /* @__PURE__ */ l("header", { ref: s, ...a, className: c, children: n });
+}
+const P = p(B);
+P.displayName = "LayoutHeader";
+function E(o, s) {
+  const { getPrefixCls: r, componentConfig: e } = f(u), n = w(
+    o,
+    {},
+    e == null ? void 0 : e.Layout
+  ), { className: a, hasSider: t, children: c, ...F } = n, [N, y] = R([]), x = r("layout"), _ = d(
+    x,
+    {
+      [`${x}-has-sider`]: typeof t == "boolean" ? t : N.length > 0
+    },
+    a
+  );
+  return /* @__PURE__ */ l("section", { ref: s, ...F, className: _, children: S.Children.map(c, (m) => {
+    const $ = g(m, "type.__PQB_SIGN__") || g(m, "props.sign");
+    return m && $ === "sider" ? S.cloneElement(m, {
+      onSiderMount: (C) => y([...N, C]),
+      onSiderUnmount: (C) => y(N.filter((H) => H !== C))
+    }) : m;
+  }) });
+}
+const G = p(E), i = G;
+i.displayName = "Layout";
+i.Sider = M;
+i.Header = P;
+i.Footer = h;
+i.Content = L;
+export {
+  i as default
+};

package/Link.js

@@ -0,0 +1,63 @@
+import { jsxs as C, jsx as c } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import y from "@unicom-cloud/icons/IconUiLink";
+import { forwardRef as N, useContext as g } from "react";
+import { a as L } from "./chunk/Dc_89PVN.js";
+import P from "./hooks/useKeyboardEvent.js";
+import w from "./hooks/useMergeProps.js";
+import K from "@unicom-cloud/utils/class-name";
+const D = {
+  hoverable: !0
+};
+function E(m, f) {
+  const { getPrefixCls: p, componentConfig: r, rtl: d } = g(L), o = w(
+    m,
+    D,
+    r == null ? void 0 : r.Link
+  ), {
+    className: u,
+    style: h,
+    children: k,
+    icon: s,
+    status: i,
+    disabled: t,
+    hoverable: x,
+    ...$
+  } = o, b = P({ onKeyDown: o.onKeyDown }), e = p("link"), v = "href" in o ? "a" : "span", a = (n) => {
+    var l;
+    t ? (n.preventDefault(), n.stopPropagation()) : (l = o.onClick) == null || l.call(o, n);
+  };
+  return /* @__PURE__ */ C(
+    v,
+    {
+      className: K(
+        e,
+        {
+          [`${e}-disabled`]: t,
+          [`${e}-is-${i}`]: i,
+          [`${e}-with-icon`]: s,
+          [`${e}-hoverless`]: !x,
+          [`${e}-rtl`]: d
+        },
+        u
+      ),
+      ref: f,
+      tabIndex: t ? -1 : void 0,
+      ...$,
+      style: h,
+      onClick: a,
+      ...b({
+        onPressEnter: a
+      }),
+      children: [
+        s ? /* @__PURE__ */ c("span", { className: `${e}-icon`, children: s === !0 ? /* @__PURE__ */ c(y, {}) : s }) : null,
+        k
+      ]
+    }
+  );
+}
+const j = N(E);
+j.displayName = "Link";
+export {
+  j as default
+};