@unicom-cloud/ui 0.8.41

package/Badge.js

@@ -0,0 +1,178 @@
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { CSSTransition as O } from "@unicom-cloud/react-transition-group";
+import R from "lodash/isPlainObject";
+import { useState as z, forwardRef as D, useContext as I } from "react";
+import { a as k } from "./chunk/Dc_89PVN.js";
+import q from "./hooks/useMergeProps.js";
+import o from "@unicom-cloud/utils/class-name";
+import v from "./hooks/usePrevious.js";
+function A({
+  prefixCls: d,
+  maxCount: c,
+  count: r,
+  className: i,
+  style: f
+}) {
+  const [g, a] = z(!1), p = v(r), l = r !== p;
+  return /* @__PURE__ */ s(
+    O,
+    {
+      classNames: "badge-zoom",
+      in: r > 0,
+      timeout: 300,
+      appear: !0,
+      mountOnEnter: !0,
+      unmountOnExit: !0,
+      onEntered: () => {
+        a(!0);
+      },
+      children: /* @__PURE__ */ s("span", { className: i, style: f, children: /* @__PURE__ */ s(
+        "span",
+        {
+          className: o({
+            [`${d}-number-text`]: g && l
+          }),
+          children: c && r > c ? `${c}+` : r
+        },
+        r
+      ) })
+    }
+  );
+}
+const S = [
+  "red",
+  "orangered",
+  "orange",
+  "gold",
+  "lime",
+  "green",
+  "cyan",
+  "pqbblue",
+  "purple",
+  "magenta",
+  "gray"
+], Y = S, Z = ["default", "processing", "success", "warning", "error"], L = {
+  count: 0,
+  maxCount: 99
+};
+function M(d, c) {
+  const { getPrefixCls: r, componentConfig: i, rtl: f } = I(k), g = q(
+    d,
+    L,
+    i == null ? void 0 : i.Badge
+  ), {
+    count: a,
+    prefixText: p,
+    text: l,
+    className: b,
+    dotClassName: m,
+    dot: N,
+    maxCount: E,
+    color: t,
+    dotStyle: P,
+    offset: T,
+    style: B,
+    status: u,
+    children: x,
+    ...j
+  } = g, e = r("badge"), n = { ...P || {} }, [h, y] = T || [];
+  h && (n.marginRight = -h), y && (n.marginTop = y);
+  const w = () => {
+    if (R(a))
+      return /* @__PURE__ */ s(
+        "span",
+        {
+          className: o(`${e}-custom-dot`, m),
+          style: n,
+          children: a
+        }
+      );
+    const $ = !t || S.indexOf(t) > -1 ? {} : { backgroundColor: t };
+    return l && !t && !u ? /* @__PURE__ */ s(
+      "span",
+      {
+        className: o(`${e}-text`, m),
+        style: n,
+        children: l
+      }
+    ) : u || t && a <= 0 ? /* @__PURE__ */ C("span", { className: `${e}-status-wrapper`, children: [
+      !!p && /* @__PURE__ */ s("span", { className: `${e}-status-prefix-text`, children: p }),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: o(
+            `${e}-status-dot`,
+            {
+              [`${e}-status-${u}`]: u,
+              [`${e}-color-${t}`]: t
+            },
+            m
+          ),
+          style: { ...$, ...n }
+        }
+      ),
+      !!l && /* @__PURE__ */ s("span", { className: `${e}-status-text`, children: l })
+    ] }) : (N || t) && a > 0 ? /* @__PURE__ */ s(
+      O,
+      {
+        classNames: "badge-zoom",
+        in: N || !!t,
+        timeout: 200,
+        appear: !0,
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        children: /* @__PURE__ */ s(
+          "span",
+          {
+            className: o(
+              `${e}-dot`,
+              {
+                [`${e}-color-${t}`]: t
+              },
+              m
+            ),
+            style: { ...$, ...n }
+          }
+        )
+      }
+    ) : /* @__PURE__ */ s(
+      A,
+      {
+        prefixCls: e,
+        className: o(`${e}-number`, m),
+        style: { ...$, ...n },
+        maxCount: E,
+        count: a
+      }
+    );
+  };
+  return /* @__PURE__ */ C(
+    "span",
+    {
+      className: o(
+        e,
+        {
+          [`${e}-status`]: u,
+          [`${e}-no-children`]: !x,
+          [`${e}-rtl`]: f
+        },
+        b
+      ),
+      ref: c,
+      style: B,
+      ...j,
+      children: [
+        x,
+        w()
+      ]
+    }
+  );
+}
+const U = D(M);
+U.displayName = "Badge";
+export {
+  Y as COLORS,
+  Z as STATUS,
+  U as default
+};

package/Breadcrumb.js

@@ -0,0 +1,144 @@
+import { jsxs as M, jsx as t } from "react/jsx-runtime";
+import { M as V } from "./chunk/CUK6MU72.js";
+import "./chunk/DP2rzg_V.js";
+import v from "@unicom-cloud/icons/IconUiObliqueLine";
+import g, { useState as O, forwardRef as U, useContext as _ } from "react";
+import { a as q } from "./chunk/Dc_89PVN.js";
+import A from "./hooks/useMergeProps.js";
+import "./chunk/C6Kfwj0f.js";
+import "./Trigger.js";
+import F from "./Dropdown.js";
+import "./Tooltip.js";
+import w from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as K } from "./utils/is.js";
+import E from "./utils/omit.js";
+import L from "@unicom-cloud/icons/IconUiDown";
+import W from "lodash/isString";
+import { pickDataAttributes as z } from "./utils/pick.js";
+function x(o) {
+  const {
+    children: l,
+    style: d,
+    className: h,
+    prefixCls: c,
+    droplist: n,
+    dropdownProps: a,
+    href: f,
+    onClick: $,
+    tagName: s = "div",
+    ...b
+  } = o, [y, I] = O(!1), i = W(f) ? "a" : s, u = /* @__PURE__ */ M(
+    i,
+    {
+      href: f,
+      onClick: $,
+      role: "listitem",
+      style: d,
+      className: w(
+        `${c}-item`,
+        {
+          [`${c}-item-with-dropdown`]: n
+        },
+        h
+      ),
+      ...z(b),
+      children: [
+        l,
+        n && /* @__PURE__ */ t(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: w(`${c}-item-dropdown-icon`, {
+              [`${c}-item-dropdown-icon-active`]: y
+            }),
+            children: /* @__PURE__ */ t(L, {})
+          }
+        )
+      ]
+    }
+  );
+  return n ? /* @__PURE__ */ t(
+    F,
+    {
+      droplist: n,
+      onVisibleChange: (N) => {
+        var C;
+        I(N), (C = a == null ? void 0 : a.onVisibleChange) == null || C.call(a, N);
+      },
+      ...E(a, ["onVisibleChange"]),
+      children: u
+    }
+  ) : u;
+}
+x.displayName = "BreadcrumbItem";
+const G = (o, l, d) => l.indexOf(o) === l.length - 1 ? /* @__PURE__ */ t("span", { children: o.breadcrumbName }) : /* @__PURE__ */ t("a", { href: `#/${d.join("/").replace(/^\//, "")}`, children: o.breadcrumbName }), H = {
+  separator: /* @__PURE__ */ t(v, {})
+};
+function J(o, l) {
+  const { getPrefixCls: d, componentConfig: h, rtl: c } = _(q), n = A(
+    o,
+    H,
+    h == null ? void 0 : h.Breadcrumb
+  ), { className: a, children: f, style: $, routes: s, maxCount: b, separator: y, ...I } = n, i = d("breadcrumb"), u = "itemRender" in n ? n.itemRender : G, N = /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-label": "ellipses of breadcrumb items",
+      className: `${i}-item-ellipses`,
+      children: "..."
+    }
+  ), C = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: `${i}-item-separator`, children: y }), R = (r, p, e) => {
+    const m = g.cloneElement(C, {
+      key: `${e}_separator`
+    });
+    return p > 0 ? e === 0 ? [r, m, N] : e > p ? [m, r] : null : e === 0 ? [r] : [m, r];
+  }, S = () => {
+    const r = [], p = s.length - b;
+    return s.map((e, m) => {
+      r.push((e.path || "").replace(/^\//, ""));
+      const k = e.children ? /* @__PURE__ */ t(V, { children: e.children.map((B) => /* @__PURE__ */ t(V.Item, { children: u(B, s, r) }, B.path || B.breadcrumbName)) }) : null;
+      return R(
+        /* @__PURE__ */ t(
+          x,
+          {
+            prefixCls: i,
+            droplist: k,
+            children: u(e, s, r)
+          },
+          e.path || e.breadcrumbName
+        ),
+        p,
+        m
+      );
+    });
+  }, j = () => {
+    const r = [];
+    g.Children.forEach(f, (e) => {
+      K(e) || r.push(e);
+    });
+    const p = r.length - b;
+    return g.Children.map(r, (e, m) => R(
+      g.cloneElement(e, {
+        prefixCls: i
+      }),
+      p,
+      m
+    ));
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "list",
+      ref: l,
+      style: $,
+      className: w(i, { [`${i}-rtl`]: c }, a),
+      ...E(I, ["itemRender"]),
+      children: s && s.length ? S() : j()
+    }
+  );
+}
+const P = U(J), D = P;
+D.displayName = "Breadcrumb";
+D.Item = x;
+export {
+  D as default
+};

package/Button.js

@@ -0,0 +1,141 @@
+import { jsx as f, jsxs as H, Fragment as J } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import K from "@unicom-cloud/icons/IconUiLoading";
+import g, { useContext as z, forwardRef as V, useState as X, useRef as Y, useEffect as Z } from "react";
+import { a as G } from "./chunk/Dc_89PVN.js";
+import v from "./hooks/useMergeProps.js";
+import S from "@unicom-cloud/utils/class-name";
+function tt(c, n) {
+  const { className: a, style: e, children: r, ...o } = c, { getPrefixCls: l } = z(G), d = l("btn-group"), u = S(d, a);
+  return /* @__PURE__ */ f("div", { ref: n, className: u, style: e, ...o, children: r });
+}
+const k = g.forwardRef(tt);
+k.displayName = "ButtonGroup";
+const et = /^[\u4e00-\u9fa5]{2}$/;
+function st(c) {
+  const n = [];
+  let a = !1;
+  return g.Children.forEach(c, (e) => {
+    const r = typeof e == "string" || typeof e == "number";
+    if (r && a) {
+      const o = n.length - 1, l = n[o];
+      n[o] = `${l}${e}`;
+    } else
+      n.push(e);
+    a = r;
+  }), g.Children.map(
+    n,
+    (e) => typeof e == "string" ? /* @__PURE__ */ f("span", { children: e }) : e
+  );
+}
+const nt = {
+  htmlType: "button",
+  type: "default",
+  shape: "square"
+};
+function ot(c, n) {
+  const {
+    getPrefixCls: a,
+    size: e,
+    autoInsertSpaceInButton: r,
+    componentConfig: o,
+    rtl: l
+  } = z(G), d = v(
+    c,
+    nt,
+    o == null ? void 0 : o.Button
+  ), {
+    style: u,
+    className: F,
+    children: m,
+    htmlType: j,
+    type: B,
+    status: P,
+    size: D,
+    shape: E,
+    href: h,
+    anchorProps: L,
+    disabled: p,
+    loading: C,
+    loadingFixedWidth: O,
+    icon: U,
+    iconOnly: q,
+    iconSuffix: M,
+    iconRight: Q,
+    onClick: $,
+    long: W,
+    ...b
+  } = d, w = C ? /* @__PURE__ */ f(K, {}) : U, [x, R] = X(!1), A = Y(), i = n || A;
+  Z(() => {
+    if (r && i && i.current) {
+      const s = i.current.textContent;
+      et.test(s) ? x || R(!0) : x && R(!1);
+    }
+  }, [i.current, r]);
+  const t = a("btn"), y = B === "default" ? "secondary" : B, T = S(
+    t,
+    y === "text-only" && `${t}-text`,
+    `${t}-${y}`,
+    y !== "text-only" && `${t}-size-${D || e}`,
+    `${t}-shape-${E}`,
+    {
+      [`${t}-long`]: W,
+      [`${t}-status-${P}`]: P,
+      [`${t}-loading-fixed-width`]: O,
+      [`${t}-loading`]: C,
+      [`${t}-link`]: h,
+      [`${t}-icon-only`]: q || !m && m !== 0 && w,
+      [`${t}-disabled`]: p,
+      [`${t}-two-chinese-chars`]: x,
+      [`${t}-rtl`]: l
+    },
+    F
+  ), I = (s) => {
+    if (C || p) {
+      typeof (s == null ? void 0 : s.preventDefault) == "function" && s.preventDefault();
+      return;
+    }
+    $ == null || $(s);
+  }, _ = /* @__PURE__ */ H(J, { children: [
+    w,
+    st(m),
+    Q,
+    M
+  ] });
+  if (h) {
+    const s = { ...L };
+    return p ? delete s.href : s.href = h, /* @__PURE__ */ f(
+      "a",
+      {
+        ref: i,
+        ...b,
+        ...s,
+        style: u,
+        className: T,
+        onClick: I,
+        children: _
+      }
+    );
+  }
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      ref: i,
+      ...b,
+      style: u,
+      className: T,
+      type: j,
+      disabled: p,
+      onClick: I,
+      children: _
+    }
+  );
+}
+const rt = V(ot), N = rt;
+N.__PQB_BUTTON = !0;
+N.Group = k;
+N.displayName = "Button";
+export {
+  N as default
+};