@unicom-cloud/ui 0.8.43 → 0.8.45

package/Upload.js

@@ -1,10 +1,11 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import "./chunk/B1P8u7kB.js";
-import "./Trigger.js";
-import "./Tooltip.js";
-import "./Progress.js";
-import { U as e } from "./chunk/BBz3S3zo.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                       */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                        */
+import f from "./upload/Upload.js";
 export {
-  e as default
+  f as default
 };

package/VerificationCode.js

@@ -1,7 +1,8 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import "./chunk/DP2rzg_V.js";
-import { V as m } from "./chunk/D4yH4UKK.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                       */
+/* empty css                                   */
+import p from "./verification-code/VerificationCode.js";
 export {
-  m as default
+  p as default
 };

package/Version.js

@@ -1,4 +1,4 @@
-const e = "2.62.0";
+const e = "2.63.0";
 export {
   e as default,
   e as version

package/VirtualList.js

@@ -1,5 +1,6 @@
-import "./chunk/C6Kfwj0f.js";
-import { V as a } from "./chunk/BGzBxiWE.js";
+/* empty css                 */
+/* empty css                              */
+import o from "./virtual-list/VirtualList.js";
 export {
-  a as default
+  o as default
 };

package/Watermark.js

@@ -1,4 +1,5 @@
-import { W as r } from "./chunk/BCEX3Acw.js";
+/* empty css                           */
+import a from "./watermark/Watermark.js";
 export {
-  r as default
+  a as default
 };

package/anchor/Anchor.js

@@ -0,0 +1,193 @@
+import { jsxs as mt, jsx as R } from "react/jsx-runtime";
+import pt from "@unicom-cloud/compute-scroll-into-view";
+import dt from "@unicom-cloud/scroll-into-view-if-needed";
+import j from "lodash/isFunction";
+import M from "lodash/isNumber";
+import gt from "lodash/throttle";
+import { forwardRef as ht, useContext as Ct, useRef as x, useState as xt, useEffect as $, useCallback as N, useImperativeHandle as kt } from "react";
+import wt from "../Affix.js";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import yt from "../hooks/useIsFirstRender.js";
+import Lt from "../hooks/useMergeProps.js";
+import Rt from "../hooks/useStateWithPromise.js";
+import $t from "@unicom-cloud/utils/class-name";
+import { on as Nt, off as At } from "../utils/dom.js";
+import { isWindow as St } from "../utils/is.js";
+import vt from "./Link.js";
+import Tt from "./context.js";
+import { getContainer as D, findNode as P, getContainerElement as bt, slide as Mt } from "./util.js";
+import { ConfigContext as Pt } from "../config-provider/context.js";
+const Et = {
+  animation: !0,
+  affix: !0,
+  hash: !0,
+  boundary: "start"
+};
+function It(G, J) {
+  const { getPrefixCls: K, componentConfig: A, rtl: E } = Ct(Pt), Q = Lt(
+    G,
+    Et,
+    A == null ? void 0 : A.Anchor
+  ), {
+    className: X,
+    style: Y,
+    scrollContainer: m,
+    animation: Z = !0,
+    lineless: k,
+    affix: _ = !0,
+    affixStyle: tt,
+    offsetBottom: et,
+    offsetTop: nt,
+    hash: I = !0,
+    boundary: o = "start",
+    targetOffset: S,
+    children: rt,
+    direction: w = "vertical",
+    onSelect: F,
+    onChange: v,
+    ...ot
+  } = Q, l = K("anchor"), it = $t(l, X, {
+    [`${l}-lineless`]: k,
+    [`${l}-rtl`]: E,
+    [`${l}-horizontal`]: w === "horizontal"
+  }), f = x(null), p = x(null), a = x(/* @__PURE__ */ new Map()), T = x(!1), d = x(null), [st, H] = xt(0), [r, ct] = Rt(""), lt = yt();
+  $(() => {
+    const t = D(m);
+    d.current = t;
+  }, [m]);
+  const ft = N(() => D(m), [m]);
+  kt(
+    J,
+    () => ({
+      dom: f.current,
+      getRootDOMNode: () => f.current
+    }),
+    []
+  );
+  function O(t, e) {
+    t && (a.current.set(t, e), H(Math.random()));
+  }
+  function at(t) {
+    a.current.delete(t), H(Math.random());
+  }
+  const y = N(
+    (t) => {
+      if (!t || !f.current) return;
+      if (!a.current.has(t)) {
+        const i = P(f.current, `a[data-href='${t}']`);
+        i && O(t, i);
+      }
+      const e = a.current.get(t);
+      e && t !== r && (dt(e, {
+        behavior: "instant",
+        block: "nearest",
+        scrollMode: "if-needed",
+        boundary: f.current
+      }), ct(t).then(() => {
+        j(v) && v(t, r);
+      }));
+    },
+    [r, v]
+  ), V = N(() => {
+    let t;
+    const e = M(o) ? o : 0, i = d.current, h = bt(i).getBoundingClientRect(), L = document.documentElement.clientHeight;
+    return [...a.current.keys()].some((b) => {
+      const s = P(document, b);
+      let u = !1;
+      if (s) {
+        const { top: n, height: C } = s.getBoundingClientRect();
+        if (St(i)) {
+          const c = S ?? L / 2;
+          u = n >= e && n <= c || n <= e && n + C >= c;
+        } else {
+          const c = n - h.top - e, W = S ?? h.height / 2;
+          u = c >= 0 && c <= W || c <= 0 && c + C >= W;
+        }
+        u && (t = s);
+      }
+      return u;
+    }), t;
+  }, [o, S]), g = N(
+    gt(
+      () => {
+        if (T.current) return;
+        const t = V();
+        if (t && t.id) {
+          const e = `#${t.id}`;
+          y(e);
+        }
+      },
+      30,
+      { trailing: !0 }
+    ),
+    [V, y]
+  );
+  function z(t) {
+    if (t)
+      try {
+        const e = P(document, t);
+        if (!e) return;
+        const i = M(o) ? "start" : o, U = M(o) ? o : 0, h = pt(e, { block: i });
+        if (!h.length) return;
+        let L = !1;
+        const b = h.map(({ el: s, top: u }) => new Promise((n) => {
+          if (!L) {
+            s === d.current && (L = !0);
+            const C = u - U;
+            return Z ? Mt(s, C, n) : (I || (s.scrollTop = C), n(null));
+          }
+          n(null);
+        }));
+        T.current = !0, Promise.all(b).then(() => {
+          T.current = !1;
+        });
+      } catch (e) {
+        console.error(e);
+      }
+  }
+  function ut(t, e) {
+    I || t.preventDefault(), y(e), z(e), j(F) && F(e, r);
+  }
+  $(() => {
+    const t = decodeURIComponent(location.hash);
+    t ? (y(t), z(t)) : g();
+  }, []), $(() => (lt || g(), Nt(d.current, "scroll", g), () => {
+    At(d.current, "scroll", g);
+  }), [m, g]), $(() => {
+    const t = a.current.get(r);
+    t && !k && p.current && (w === "horizontal" ? (p.current.style.left = `${t.offsetLeft}px`, p.current.style.width = `${t.clientWidth}px`) : p.current.style.top = `${t.offsetTop}px`);
+  }, [r, k, w, E, st]);
+  const B = /* @__PURE__ */ mt("div", { className: it, style: Y, ref: f, ...ot, children: [
+    !k && r && /* @__PURE__ */ R("div", { className: `${l}-line-slider`, ref: p }),
+    /* @__PURE__ */ R(
+      Tt.Provider,
+      {
+        value: {
+          direction: w,
+          currentLink: r,
+          addLink: O,
+          removeLink: at,
+          onLinkClick: ut
+        },
+        children: /* @__PURE__ */ R("div", { className: `${l}-list`, children: rt })
+      }
+    )
+  ] });
+  return _ ? /* @__PURE__ */ R(
+    wt,
+    {
+      offsetTop: nt,
+      offsetBottom: et,
+      style: tt,
+      target: ft,
+      children: B
+    }
+  ) : B;
+}
+const Ft = ht(It), q = Ft;
+q.displayName = "Anchor";
+q.Link = vt;
+export {
+  q as default
+};

package/anchor/Link.js

@@ -0,0 +1,54 @@
+import { jsxs as j, jsx as k } from "react/jsx-runtime";
+import R from "lodash/isNull";
+import g from "lodash/isPlainObject";
+import E from "lodash/isString";
+import L from "lodash/isUndefined";
+import O, { forwardRef as $, useContext as f, useRef as b, useImperativeHandle as v, useEffect as w, isValidElement as I } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import M from "../hooks/useMergeProps.js";
+import S from "@unicom-cloud/utils/class-name";
+import z from "./context.js";
+import { ConfigContext as D } from "../config-provider/context.js";
+const p = "AnchorLink", H = {
+  href: "#"
+};
+function U(o) {
+  return g(o) && Object.prototype.hasOwnProperty.call(o, "displayName");
+}
+function V(o, u) {
+  const { getPrefixCls: d, componentConfig: n } = f(D), { className: h, style: N, href: r, title: e, children: m, ...x } = M(
+    o,
+    H,
+    n == null ? void 0 : n["Anchor.Link"]
+  ), C = f(z), { currentLink: y, addLink: s, removeLink: i, onLinkClick: a, direction: A } = C, c = d("anchor-link"), P = S(
+    c,
+    {
+      [`${c}-active`]: y === r
+    },
+    h
+  ), l = b(null);
+  return v(u, () => l.current, []), w(() => (s == null || s(r, l.current), () => {
+    i == null || i(r);
+  }), [r]), /* @__PURE__ */ j("div", { className: P, style: N, ref: l, ...x, children: [
+    !L(e) && !R(e) && /* @__PURE__ */ k(
+      "a",
+      {
+        className: `${c}-title`,
+        title: E(e) ? e : "",
+        href: r,
+        "data-href": r,
+        onClick: (t) => {
+          a == null || a(t, r);
+        },
+        children: e
+      }
+    ),
+    m && A !== "horizontal" && O.Children.map(m, (t) => I(t) && U(t.type) && t.type.displayName === p && t)
+  ] });
+}
+const Y = $(V);
+Y.displayName = p;
+export {
+  Y as default
+};

package/anchor/context.js

@@ -0,0 +1,14 @@
+import { createContext as t } from "react";
+const n = t({
+  direction: "vertical",
+  currentLink: "",
+  onLinkClick: () => {
+  },
+  addLink: () => {
+  },
+  removeLink: () => {
+  }
+});
+export {
+  n as default
+};

package/anchor/util.js

@@ -0,0 +1,41 @@
+import { Tween as u, quartOut as d } from "@unicom-cloud/utils/tween";
+import e from "lodash/isString";
+import { isWindow as m } from "../utils/is.js";
+function c(o, n) {
+  const t = e(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
+  try {
+    return o.querySelector(t);
+  } catch (r) {
+    return console.error(r), null;
+  }
+}
+function f(o, n, t) {
+  new u({
+    from: {
+      scrollTop: o.scrollTop
+    },
+    to: {
+      scrollTop: n
+    },
+    easing: d,
+    duration: 300,
+    onUpdate: (i) => {
+      o.scrollTop = i.scrollTop;
+    },
+    onFinish: () => {
+      t == null || t();
+    }
+  }).start();
+}
+function w(o) {
+  return e(o) ? c(document, o) : o || window;
+}
+function T(o) {
+  return m(o) ? document.documentElement || document.body : o;
+}
+export {
+  c as findNode,
+  w as getContainer,
+  T as getContainerElement,
+  f as slide
+};

package/avatar/Avatar.js

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

package/avatar/Group.js

@@ -0,0 +1,84 @@
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import $ from "lodash/isNumber";
+import I, { forwardRef as R, useContext as b } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import j from "../hooks/useMergeProps.js";
+import T from "../Popover.js";
+import k from "@unicom-cloud/utils/class-name";
+import q from "./Avatar.js";
+import v from "./context.js";
+import { ConfigContext as w } from "../config-provider/context.js";
+const L = {
+  shape: "circle",
+  autoFixFontSize: !0
+};
+function M(d, f) {
+  const { getPrefixCls: h, componentConfig: i, rtl: l } = b(w), g = j(
+    d,
+    L,
+    i == null ? void 0 : i["Avatar.Group"]
+  ), {
+    className: x,
+    style: C,
+    children: P,
+    size: e,
+    shape: c,
+    autoFixFontSize: m,
+    zIndexAscend: N,
+    maxCount: r,
+    maxStyle: A,
+    maxPopoverTriggerProps: y,
+    ...z
+  } = g, a = h("avatar-group"), F = k(
+    a,
+    {
+      [`${a}-rtl`]: l
+    },
+    x
+  ), s = I.Children.toArray(P), u = s.length;
+  let n = s;
+  if ($(r) && r >= 0 && u > r) {
+    const p = s.slice(r);
+    n = s.slice(0, r), n.push(
+      /* @__PURE__ */ o(
+        q,
+        {
+          style: A,
+          className: `${a}-max-count-avatar`,
+          children: /* @__PURE__ */ _(
+            T,
+            {
+              triggerProps: y,
+              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: N ? 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 = R(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/badge/Count.js

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

package/breadcrumb/Item.js

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

package/button/Group.js

@@ -0,0 +1,15 @@
+import { jsx as c } from "react/jsx-runtime";
+import i, { useContext as f } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { ConfigContext as u } from "../config-provider/context.js";
+function x(o, t) {
+  const { className: s, style: r, children: e, ...m } = o, { getPrefixCls: a } = f(u), n = a("btn-group"), p = l(n, s);
+  return /* @__PURE__ */ c("div", { ref: t, className: p, style: r, ...m, children: e });
+}
+const C = i.forwardRef(x);
+C.displayName = "ButtonGroup";
+export {
+  C as default
+};