@unicom-cloud/ui 0.8.67 → 0.8.69

package/auto-complete/index.js

@@ -0,0 +1,149 @@
+import { jsx as c } from "react/jsx-runtime";
+import le from "@unicom-cloud/icons/IconUiLoading";
+import p, { useContext as ne, useState as se, useRef as B, isValidElement as ae, useImperativeHandle as ce } from "react";
+import { a as ie } from "../chunk/ll867Bf3.js";
+import { u as ue } from "../chunk/BFTV6myl.js";
+import { u as fe } from "../chunk/CdaT1b_F.js";
+import me from "../input/Input.js";
+import d from "../select/Select.js";
+import { isSelectOption as pe, isSelectOptGroup as de } from "../select/util.js";
+import { m as ge } from "../chunk/JPPo5nY_.js";
+import { e as Ce, o as Oe } from "../chunk/BrOW642m.js";
+import { o as ye } from "../chunk/BKKEev13.js";
+import { a as he } from "../chunk/ClqoGc3r.js";
+const Ae = `Autocomplete_${Math.random()}`, { Option: D } = d, xe = {
+  defaultActiveFirstOption: !0,
+  triggerElement: /* @__PURE__ */ c(me, {})
+};
+function Ee(G, $) {
+  var k, L;
+  const { getPrefixCls: j, componentConfig: g } = ne(ie), l = ue(
+    G,
+    xe,
+    g == null ? void 0 : g.AutoComplete
+  ), {
+    style: H,
+    className: K,
+    children: C,
+    data: s,
+    defaultValue: U,
+    value: _,
+    placeholder: q,
+    error: z,
+    disabled: J,
+    strict: Q,
+    allowClear: T,
+    loading: W,
+    defaultActiveFirstOption: X,
+    triggerElement: O,
+    getPopupContainer: Y,
+    dropdownRender: Z,
+    virtualListProps: P,
+    onFocus: y,
+    onBlur: h,
+    onChange: a,
+    onSearch: A,
+    onSelect: x,
+    onPressEnter: N,
+    inputProps: t
+  } = l, [E, v] = fe("", {
+    defaultValue: U,
+    value: _
+  }), [ee, F] = se(!1), f = B(null), i = B(null), b = j("autocomplete"), te = "filterOption" in l ? l.filterOption : (e, o) => Q ? o.props.value.indexOf(e) > -1 : o.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, V = p.Children.toArray(C);
+  let w = null;
+  V.length && (pe(V[0]) || de(V[0])) ? w = C : s && s.length && (w = s.map((e, o) => {
+    if (ae(e))
+      return e;
+    if (typeof e == "string")
+      return /* @__PURE__ */ c(D, { value: e, children: e }, o);
+    if (typeof e == "object") {
+      const { value: r, name: n } = e;
+      return /* @__PURE__ */ c(
+        D,
+        {
+          value: r,
+          extra: ye(e, ["value", "name"]),
+          children: n
+        },
+        o
+      );
+    }
+    return null;
+  })), ce($, () => f.current);
+  const u = typeof O == "function" ? O({ value: E }) : O, oe = p.cloneElement(u, {
+    ref: (e) => {
+      f.current = e;
+      const { ref: o } = u;
+      typeof o == "function" && o(e);
+    },
+    className: ge(
+      `${b}`,
+      t && t.className,
+      K
+    ),
+    style: H,
+    value: E,
+    placeholder: q,
+    error: z,
+    status: l.status,
+    disabled: J,
+    allowClear: T,
+    ...t,
+    ...he(l),
+    // Empty tag to ensure the consistency of the dom structure of input, such that input won't accidentally lose focus due to structure change on input.
+    suffix: W ? /* @__PURE__ */ c(le, {}) : ((k = u == null ? void 0 : u.type) == null ? void 0 : k.displayName) === "Search" ? void 0 : (t == null ? void 0 : t.suffix) || /* @__PURE__ */ c("i", {}),
+    onFocus: (e) => {
+      var o;
+      F(!0), y == null || y(e), (o = t == null ? void 0 : t.onFocus) == null || o.call(t, e);
+    },
+    onBlur: (e) => {
+      var o;
+      F(!1), h == null || h(e), (o = t == null ? void 0 : t.onBlur) == null || o.call(t, e);
+    },
+    onKeyDown: (e) => {
+      var r, n, m, R, S;
+      const o = e.key;
+      if ((n = (r = i.current) == null ? void 0 : r.hotkeyHandler) == null || n.call(r, e), o === Ce.key && N) {
+        let M;
+        i.current && (M = i.current.getOptionInfoByValue(
+          i.current.activeOptionValue
+        )), N(e, M);
+      }
+      o === Oe.key && ((R = (m = f.current) == null ? void 0 : m.blur) == null || R.call(m)), (S = t == null ? void 0 : t.onKeyDown) == null || S.call(t, e);
+    },
+    onChange: (e, o) => {
+      var r;
+      v(e), A == null || A(e), a == null || a(e), (r = t == null ? void 0 : t.onChange) == null || r.call(t, e, o);
+    }
+  }), re = {
+    popupVisible: !!(ee && (s != null && s.length || p.Children.count(C))),
+    ...l.triggerProps,
+    // Other trigger types are not supported yet
+    trigger: "focus",
+    className: [`${b}-popup`].concat((L = l == null ? void 0 : l.triggerProps) == null ? void 0 : L.className)
+  };
+  return /* @__PURE__ */ c(d, { ref: i, ...{
+    triggerElement: oe,
+    // Guarantee that onChange can always be triggered
+    value: Ae,
+    inputValue: E,
+    defaultActiveFirstOption: X,
+    triggerProps: re,
+    getPopupContainer: Y,
+    dropdownRender: Z,
+    filterOption: te,
+    virtualListProps: P,
+    notFoundContent: null,
+    onChange: (e, o) => {
+      var r, n;
+      v(e), a == null || a(e, o), e && (x == null || x(e, o)), (n = (r = f.current) == null ? void 0 : r.blur) == null || n.call(r);
+    }
+  }, children: w });
+}
+const Ve = p.forwardRef(Ee), I = Ve;
+I.displayName = "AutoComplete";
+I.Option = d.Option;
+I.OptGroup = d.OptGroup;
+export {
+  I as default
+};

package/auto-complete/interface.js

@@ -0,0 +1 @@
+

package/avatar/Avatar.js

@@ -0,0 +1,83 @@
+import { jsxs as W, jsx as m } from "react/jsx-runtime";
+import j from "lodash/isNumber";
+import y, { forwardRef as E, useContext as v, useRef as C, useImperativeHandle as H, useEffect as T } from "react";
+import { a as D } from "../chunk/ll867Bf3.js";
+import { m as L } from "../chunk/JPPo5nY_.js";
+import M from "./context.js";
+const O = {
+  shape: "circle",
+  autoFixFontSize: !0,
+  triggerType: "button"
+}, V = E(
+  (a, N) => {
+    const { getPrefixCls: $, componentConfig: c, rtl: z } = v(D), t = $("avatar"), u = v(M), F = {
+      ...O,
+      ...c == null ? void 0 : c.Avatar,
+      ...u,
+      ...a
+    }, {
+      className: R,
+      shape: S,
+      size: e,
+      children: o,
+      autoFixFontSize: b,
+      triggerIcon: l,
+      triggerIconStyle: s,
+      triggerType: g,
+      onClick: A,
+      ...I
+    } = F, r = { ...u.style, ...a.style }, i = C(), f = C();
+    function P() {
+      if (i.current) {
+        const w = i.current.clientWidth, h = a.size || f.current.offsetWidth, x = h / (w + 8);
+        h && x < 1 && (i.current.style.transform = `scale(${x}) translateX(-50%)`);
+      }
+    }
+    const k = L(
+      t,
+      `${t}-${S}`,
+      {
+        [`${t}-with-trigger-icon`]: l,
+        [`${t}-rtl`]: z
+      },
+      R
+    ), n = y.Children.toArray(o), d = n.length === 1 && y.isValidElement(n[0]) && (n[0].type === "img" || n[0].type === "picture"), p = s || {};
+    return g === "button" && (!s || s && !s.color) && (r != null && r.backgroundColor) && (p.color = r.backgroundColor), H(N, () => ({
+      getRootDOMNode() {
+        return f.current;
+      }
+    })), T(() => {
+      b && P();
+    }, [e, o]), /* @__PURE__ */ W(
+      "div",
+      {
+        ref: f,
+        onClick: A,
+        ...I,
+        style: {
+          width: e,
+          height: e,
+          fontSize: j(e) ? e / 2 : "",
+          ...r
+        },
+        className: k,
+        children: [
+          d ? /* @__PURE__ */ m("span", { className: `${t}-image`, children: o }) : null,
+          !d && /* @__PURE__ */ m("span", { ref: i, className: `${t}-text`, children: o }),
+          l && /* @__PURE__ */ m(
+            "div",
+            {
+              className: `${t}-trigger-icon-${g}`,
+              style: p,
+              children: l
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+V.displayName = "Avatar";
+export {
+  V as default
+};

package/avatar/Group.js

@@ -0,0 +1,82 @@
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import I from "lodash/isNumber";
+import R, { forwardRef as $, useContext as b } from "react";
+import { a as j } from "../chunk/ll867Bf3.js";
+import { u as T } from "../chunk/BFTV6myl.js";
+import k from "../popover/index.js";
+import { m as q } from "../chunk/JPPo5nY_.js";
+import w from "./Avatar.js";
+import v from "./context.js";
+const L = {
+  shape: "circle",
+  autoFixFontSize: !0
+};
+function M(d, f) {
+  const { getPrefixCls: h, componentConfig: i, rtl: l } = b(j), g = T(
+    d,
+    L,
+    i == null ? void 0 : i["Avatar.Group"]
+  ), {
+    className: x,
+    style: C,
+    children: P,
+    size: e,
+    shape: c,
+    autoFixFontSize: m,
+    zIndexAscend: A,
+    maxCount: r,
+    maxStyle: y,
+    maxPopoverTriggerProps: N,
+    ...z
+  } = g, a = h("avatar-group"), F = q(
+    a,
+    {
+      [`${a}-rtl`]: l
+    },
+    x
+  ), s = R.Children.toArray(P), u = s.length;
+  let n = s;
+  if (I(r) && r >= 0 && u > r) {
+    const p = s.slice(r);
+    n = s.slice(0, r), n.push(
+      /* @__PURE__ */ o(
+        w,
+        {
+          style: y,
+          className: `${a}-max-count-avatar`,
+          children: /* @__PURE__ */ _(
+            k,
+            {
+              triggerProps: N,
+              content: /* @__PURE__ */ o(v.Provider, { value: { size: e, shape: c, autoFixFontSize: m }, children: /* @__PURE__ */ o("div", { className: `${a}-popover`, children: p }) }),
+              children: [
+                "+",
+                p.length
+              ]
+            }
+          )
+        },
+        "_pqb_avatar_group_popup"
+      )
+    );
+  }
+  return /* @__PURE__ */ o("div", { ref: f, style: C, className: F, ...z, children: n.map((p, t) => {
+    const G = l ? t === n.length - 1 : t === 0, S = {
+      zIndex: A ? t + 1 : u - t,
+      marginLeft: e ? G ? 0 : -e / 4 : ""
+    };
+    return /* @__PURE__ */ o(
+      v.Provider,
+      {
+        value: { size: e, shape: c, autoFixFontSize: m, style: S },
+        children: p
+      },
+      t
+    );
+  }) });
+}
+const B = $(M);
+B.displayName = "AvatarGroup";
+export {
+  B as default
+};

package/avatar/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};

package/avatar/index.js

@@ -0,0 +1,7 @@
+import o from "./Avatar.js";
+import r from "./Group.js";
+const t = o;
+t.Group = r;
+export {
+  t as default
+};

package/avatar/interface.js

@@ -0,0 +1 @@
+

package/back-top/index.js

@@ -0,0 +1,85 @@
+import { jsx as i } from "react/jsx-runtime";
+import x from "@unicom-cloud/icons/IconUiToTop";
+import { q as C, I as y } from "../chunk/uKZyjtff.js";
+import B, { forwardRef as E, useRef as P, useContext as N, useState as R, useEffect as S } from "react";
+import { a as H } from "../chunk/ll867Bf3.js";
+import { u as I } from "../chunk/XTEsYGuF.js";
+import { u as $ } from "../chunk/BFTV6myl.js";
+import { P as q } from "../chunk/DzVH9IBy.js";
+import { m as D } from "../chunk/JPPo5nY_.js";
+import { on as K, off as U } from "../utils/dom.js";
+import { a as j } from "../chunk/ClqoGc3r.js";
+import A from "../utils/throttleByRaf.js";
+function M(d, c) {
+  c || (c = P());
+  const g = {
+    visibleHeight: 400,
+    tween: !0,
+    easing: C,
+    duration: 400,
+    target: () => window
+  }, { getPrefixCls: T, componentConfig: l, rtl: b } = N(H), w = I(), t = $(
+    d,
+    g,
+    l == null ? void 0 : l.BackTop
+  ), a = T("backtop"), [h, v] = R(!1), m = (e) => e === window ? document.documentElement : e;
+  S(() => {
+    var r;
+    const e = (r = t.target) == null ? void 0 : r.call(t), o = A(() => {
+      const s = t.visibleHeight, n = m(e).scrollTop;
+      v(n >= s);
+    });
+    return K(e, "scroll", o), o(), () => {
+      var s;
+      (s = o.cancel) == null || s.call(o), U(e, "scroll", o);
+    };
+  }, [t.target, t.visibleHeight]);
+  const f = () => {
+    var s, n, u;
+    const e = (s = t.target) == null ? void 0 : s.call(t), o = m(e), r = o.scrollTop;
+    ((n = window.getComputedStyle(o)) == null ? void 0 : n.scrollBehavior) === "smooth" || t.tween === !1 ? o.scrollTo(0, 0) : new y({
+      from: { scrollTop: r },
+      to: { scrollTop: 0 },
+      easing: t.easing,
+      duration: t.duration,
+      onUpdate: (k) => {
+        o.scrollTop = k.scrollTop;
+      }
+    }).start(), (u = t.onClick) == null || u.call(t);
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ...j(t),
+      ref: c,
+      className: D(
+        `${a}`,
+        { [`${a}-rtl`]: b },
+        t.className
+      ),
+      style: t.style,
+      onClick: f,
+      ...w({
+        onPressEnter: f
+      }),
+      children: /* @__PURE__ */ i(
+        q,
+        {
+          in: h,
+          timeout: 100,
+          classNames: "fadeIn",
+          unmountOnExit: !0,
+          children: t.children || /* @__PURE__ */ i("button", { className: `${a}-button`, children: /* @__PURE__ */ i(x, {}) })
+        }
+      )
+    }
+  );
+}
+const p = E(
+  M
+);
+p.displayName = "BackTop";
+const tt = B.memo(p);
+export {
+  tt as default
+};

package/back-top/interface.js

@@ -0,0 +1 @@
+

package/badge/Count.js

@@ -0,0 +1,35 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { u as p } from "../chunk/VSe_Wq1g.js";
+import { P as f } from "../chunk/DzVH9IBy.js";
+import { m as l } from "../chunk/JPPo5nY_.js";
+function S({ prefixCls: s, maxCount: r, count: e, className: n, style: o }) {
+  const [i, m] = d(!1), a = p(e), u = e !== a;
+  return /* @__PURE__ */ t(
+    f,
+    {
+      classNames: "badge-zoom",
+      in: e > 0,
+      timeout: 300,
+      appear: !0,
+      mountOnEnter: !0,
+      unmountOnExit: !0,
+      onEntered: () => {
+        m(!0);
+      },
+      children: /* @__PURE__ */ t("span", { className: n, style: o, children: /* @__PURE__ */ t(
+        "span",
+        {
+          className: l({
+            [`${s}-number-text`]: i && u
+          }),
+          children: r && e > r ? `${r}+` : e
+        },
+        e
+      ) })
+    }
+  );
+}
+export {
+  S as default
+};

package/badge/index.js

@@ -0,0 +1,151 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import j from "lodash/isPlainObject";
+import { forwardRef as w, useContext as A } from "react";
+import { a as R } from "../chunk/ll867Bf3.js";
+import { u as q } from "../chunk/BFTV6myl.js";
+import { P as G } from "../chunk/DzVH9IBy.js";
+import { m as a } from "../chunk/JPPo5nY_.js";
+import _ from "./Count.js";
+const $ = [
+  "red",
+  "orangered",
+  "orange",
+  "gold",
+  "lime",
+  "green",
+  "cyan",
+  "pqbblue",
+  "purple",
+  "magenta",
+  "gray"
+], k = {
+  count: 0,
+  maxCount: 99
+};
+function z(y, C) {
+  const { getPrefixCls: N, componentConfig: m, rtl: b } = A(R), h = q(
+    y,
+    k,
+    m == null ? void 0 : m.Badge
+  ), {
+    count: r,
+    prefixText: p,
+    text: c,
+    className: S,
+    dotClassName: n,
+    dot: u,
+    maxCount: O,
+    color: e,
+    dotStyle: P,
+    offset: B,
+    style: T,
+    status: l,
+    children: f,
+    ...D
+  } = h, t = N("badge"), o = { ...P || {} }, [d, g] = B || [];
+  d && (o.marginRight = -d), g && (o.marginTop = g);
+  const E = () => {
+    if (j(r))
+      return /* @__PURE__ */ s(
+        "span",
+        {
+          className: a(`${t}-custom-dot`, n),
+          style: o,
+          children: r
+        }
+      );
+    const i = !e || $.indexOf(e) > -1 ? {} : { backgroundColor: e };
+    return c && !e && !l ? /* @__PURE__ */ s(
+      "span",
+      {
+        className: a(`${t}-text`, n),
+        style: o,
+        children: c
+      }
+    ) : l || e && typeof r == "number" && r <= 0 ? /* @__PURE__ */ x("span", { className: `${t}-status-wrapper`, children: [
+      !!p && /* @__PURE__ */ s("span", { className: `${t}-status-prefix-text`, children: p }),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: a(
+            `${t}-status-dot`,
+            {
+              [`${t}-status-${l}`]: l,
+              [`${t}-color-${e}`]: e
+            },
+            n
+          ),
+          style: { ...i, ...o }
+        }
+      ),
+      !!c && /* @__PURE__ */ s("span", { className: `${t}-status-text`, children: c })
+    ] }) : (u || e) && typeof r == "number" && r > 0 ? /* @__PURE__ */ s(
+      G,
+      {
+        classNames: "badge-zoom",
+        in: u || !!e,
+        timeout: 200,
+        appear: !0,
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        children: /* @__PURE__ */ s(
+          "span",
+          {
+            className: a(
+              `${t}-dot`,
+              {
+                [`${t}-color-${e}`]: e
+              },
+              n
+            ),
+            style: { ...i, ...o }
+          }
+        )
+      }
+    ) : /* @__PURE__ */ s(
+      _,
+      {
+        prefixCls: t,
+        className: a(`${t}-number`, n),
+        style: { ...i, ...o },
+        maxCount: O,
+        count: r
+      }
+    );
+  };
+  return /* @__PURE__ */ x(
+    "span",
+    {
+      className: a(
+        t,
+        {
+          [`${t}-status`]: l,
+          [`${t}-no-children`]: !f,
+          [`${t}-rtl`]: b
+        },
+        S
+      ),
+      ref: C,
+      style: T,
+      ...D,
+      children: [
+        f,
+        E()
+      ]
+    }
+  );
+}
+const I = w(z);
+I.displayName = "Badge";
+const Q = $, V = [
+  "default",
+  "processing",
+  "success",
+  "warning",
+  "error"
+];
+export {
+  Q as BADGE_COLORS,
+  V as BADGE_STATUS,
+  I as default
+};

package/badge/interface.js

@@ -0,0 +1 @@
+

package/breadcrumb/Item.js

@@ -0,0 +1,67 @@
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiDown";
+import V from "lodash/isString";
+import { useState as x } from "react";
+import D from "../dropdown/index.js";
+import { m as s } from "../chunk/JPPo5nY_.js";
+import { o as $ } from "../chunk/BKKEev13.js";
+import { a as I } from "../chunk/ClqoGc3r.js";
+function j(l) {
+  const {
+    children: c,
+    style: d,
+    className: p,
+    prefixCls: e,
+    droplist: t,
+    dropdownProps: i,
+    href: m,
+    onClick: f,
+    tagName: h = "div",
+    ...u
+  } = l, [b, g] = x(!1), C = V(m) ? "a" : h, r = /* @__PURE__ */ N(
+    C,
+    {
+      href: m,
+      onClick: f,
+      role: "listitem",
+      style: d,
+      className: s(
+        `${e}-item`,
+        {
+          [`${e}-item-with-dropdown`]: t
+        },
+        p
+      ),
+      ...I(u),
+      children: [
+        c,
+        t && /* @__PURE__ */ o(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: s(`${e}-item-dropdown-icon`, {
+              [`${e}-item-dropdown-icon-active`]: b
+            }),
+            children: /* @__PURE__ */ o(w, {})
+          }
+        )
+      ]
+    }
+  );
+  return t ? /* @__PURE__ */ o(
+    D,
+    {
+      droplist: t,
+      onVisibleChange: (a) => {
+        var n;
+        g(a), (n = i == null ? void 0 : i.onVisibleChange) == null || n.call(i, a);
+      },
+      ...$(i, ["onVisibleChange"]),
+      children: r
+    }
+  ) : r;
+}
+j.displayName = "BreadcrumbItem";
+export {
+  j as default
+};