@unicom-cloud/ui 0.8.66 → 0.8.68

package/Typography.js

@@ -1,8 +1,12 @@
-import { E as r, P as y, a as s, b as T, T as o } from "./chunk/te_43YrB.js";
+import { TypographyEllipsis as o, default as t } from "./typography/index.js";
+import { default as f } from "./typography/Paragraph.js";
+import { default as l } from "./typography/Text.js";
+import { default as g } from "./typography/Title.js";
+import "./typography/Typography.js";
 export {
-  r as TypographyEllipsis,
-  y as TypographyParagraph,
-  s as TypographyText,
-  T as TypographyTitle,
-  o as default
+  o as TypographyEllipsis,
+  f as TypographyParagraph,
+  l as TypographyText,
+  g as TypographyTitle,
+  t as default
 };

package/Upload.js

@@ -1,7 +1,7 @@
-import { U as o } from "./chunk/it8qlDZ3.js";
-import { S as s, F as t } from "./chunk/it8qlDZ3.js";
+import { UploadList as t, default as S } from "./upload/Upload.js";
+import { STATUS as U } from "./upload/interface.js";
 export {
-  s as UPLOAD_STATUS,
+  U as UPLOAD_STATUS,
   t as UploadList,
-  o as default
+  S as default
 };

package/VerificationCode.js

@@ -1,4 +1,4 @@
-import { V as a } from "./chunk/BHgJ5Y3T.js";
+import { default as o } from "./verification-code/VerificationCode.js";
 export {
-  a as default
+  o as default
 };

package/VirtualList.js

@@ -1,4 +1,4 @@
-import { V as a } from "./chunk/D3NFxdmG.js";
+import { default as o } from "./virtual-list/VirtualList.js";
 export {
-  a as default
+  o as default
 };

package/Watermark.js

@@ -1,4 +1,4 @@
-import { W as r } from "./chunk/Bc7t9jkb.js";
+import { default as o } from "./watermark/Watermark.js";
 export {
-  r as default
+  o as default
 };

package/affix/index.js

@@ -0,0 +1,126 @@
+import { jsxs as L, jsx as g } from "react/jsx-runtime";
+import y from "lodash/isFunction";
+import P from "lodash/isPlainObject";
+import $ from "lodash/isUndefined";
+import { forwardRef as q, useContext as G, useState as J, useRef as R, useCallback as K, useEffect as u, useImperativeHandle as Q } from "react";
+import { a as V } from "../chunk/ll867Bf3.js";
+import { u as X } from "../chunk/B2yFlXke.js";
+import { u as Y } from "../chunk/BFTV6myl.js";
+import { m as F } from "../chunk/JPPo5nY_.js";
+import { on as w, off as h } from "../utils/dom.js";
+import { c as Z } from "../chunk/D-TPB2Do.js";
+import { r as tt } from "../chunk/CIRG541s.js";
+import et from "../utils/throttleByRaf.js";
+function rt(c) {
+  return Z(c) ? {
+    top: 0,
+    bottom: window.innerHeight
+  } : c.getBoundingClientRect();
+}
+const st = {
+  offsetTop: 0,
+  target: () => window
+};
+function ot(c, T) {
+  const { getPrefixCls: M, componentConfig: m, rtl: v } = G(V), O = Y(
+    c,
+    st,
+    m == null ? void 0 : m.Affix
+  ), {
+    className: U,
+    style: B,
+    affixClassName: H,
+    affixStyle: E,
+    offsetTop: l,
+    offsetBottom: n,
+    target: i,
+    targetContainer: f,
+    children: I,
+    onChange: p,
+    ..._
+  } = O, [d, C] = J({
+    status: "MEASURE_DONE",
+    isFixed: !1,
+    sizeStyles: {},
+    fixedStyles: {}
+  }), { isFixed: x, sizeStyles: j, fixedStyles: D } = d, A = R(x), b = M("affix"), W = F(
+    { [b]: x, [`${b}-rtl`]: v },
+    H
+  ), o = R(null), r = R(null), t = K(
+    et(() => {
+      C({
+        status: "MEASURE_START",
+        isFixed: !1,
+        fixedStyles: {},
+        sizeStyles: {}
+      });
+    }),
+    []
+  );
+  return X(() => {
+    const { status: e } = d;
+    if (e !== "MEASURE_START" || !o.current || !r.current)
+      return;
+    const k = $(n) ? "top" : "bottom", N = o.current.getBoundingClientRect(), a = rt(r.current);
+    let s = !1, S = {};
+    k === "top" ? (s = N.top - a.top < (l || 0), S = s ? {
+      position: "fixed",
+      top: a.top + (l || 0)
+    } : {}) : (s = a.bottom - N.bottom < (n || 0), S = s ? {
+      position: "fixed",
+      bottom: window.innerHeight - a.bottom + (n || 0)
+    } : {});
+    const z = s ? {
+      width: o.current.offsetWidth,
+      height: o.current.offsetHeight
+    } : {};
+    C({
+      status: "MEASURE_DONE",
+      isFixed: s,
+      sizeStyles: z,
+      fixedStyles: { ...S, ...z }
+    }), s !== A.current && (A.current = s, y(p) && p(s));
+  }, [d, n, l, p]), u(() => (t(), () => {
+    var e;
+    (e = t == null ? void 0 : t.cancel) == null || e.call(t);
+  }), [i, f, n, l, t]), u(() => {
+    if (r.current = i && y(i) ? i() : null, r.current)
+      return w(r.current, "scroll", t), w(r.current, "resize", t), () => {
+        h(r.current, "scroll", t), h(r.current, "resize", t);
+      };
+  }, [i, t]), u(() => {
+    const e = f && y(f) ? f() : null;
+    if (r.current !== window && e)
+      return w(e, "scroll", t), () => {
+        h(e, "scroll", t);
+      };
+  }, [f, t]), Q(T, () => ({
+    updatePosition: t,
+    getRootDOMNode: () => o.current
+  })), u(() => {
+    const e = tt([o.current], t);
+    return () => {
+      e();
+    };
+  }, [o.current]), /* @__PURE__ */ L("div", { className: F(U), style: B, ref: o, ..._, children: [
+    x && /* @__PURE__ */ g("div", { style: j }),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        className: W,
+        style: {
+          ...D,
+          ...P(E) ? E : {}
+        },
+        children: I || /* @__PURE__ */ g("span", {})
+      }
+    )
+  ] });
+}
+const nt = q(
+  ot
+);
+nt.displayName = "Affix";
+export {
+  nt as default
+};

package/alert/index.js

@@ -0,0 +1,112 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import j from "@unicom-cloud/icons/IconUiClose";
+import k from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import R from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import T from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as q, useRef as z, useContext as H, useState as M } from "react";
+import { a as O } from "../chunk/ll867Bf3.js";
+import { u as V } from "../chunk/BFTV6myl.js";
+import { m as _ } from "../chunk/JPPo5nY_.js";
+import { P as B } from "../chunk/DzVH9IBy.js";
+const D = {
+  showIcon: !0,
+  type: "info"
+};
+function G(d, l) {
+  l || (l = z());
+  const { getPrefixCls: h, componentConfig: o, rtl: C } = H(O), c = V(
+    d,
+    D,
+    o == null ? void 0 : o.Alert
+  ), {
+    style: b,
+    className: N,
+    action: a,
+    type: m = "info",
+    title: r,
+    content: u,
+    icon: f,
+    showIcon: $,
+    closable: x,
+    closeable: I,
+    afterClose: n,
+    onClose: s,
+    closeElement: w,
+    banner: v,
+    ...y
+  } = c, e = h("alert"), [P, U] = M(!0);
+  function A(i) {
+    if (f)
+      return f;
+    switch (i) {
+      case "info":
+        return /* @__PURE__ */ t(T, {});
+      case "success":
+        return /* @__PURE__ */ t(S, {});
+      case "warning":
+        return /* @__PURE__ */ t(R, {});
+      case "error":
+        return /* @__PURE__ */ t(k, {});
+      default:
+        return null;
+    }
+  }
+  function E(i) {
+    U(!1), s == null || s(i);
+  }
+  const F = _(
+    e,
+    `${e}-${m}`,
+    {
+      [`${e}-with-title`]: r,
+      [`${e}-banner`]: v,
+      [`${e}-rtl`]: C
+    },
+    N
+  ), g = "closeable" in c ? I : x;
+  return /* @__PURE__ */ t(
+    B,
+    {
+      in: P,
+      timeout: 300,
+      classNames: "zoomInTop",
+      unmountOnExit: !0,
+      onExited: () => {
+        n == null || n();
+      },
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          ref: l,
+          style: b,
+          className: F,
+          role: "alert",
+          ...y,
+          children: [
+            $ && /* @__PURE__ */ t("div", { className: `${e}-icon-wrapper`, children: A(m) }),
+            /* @__PURE__ */ p("div", { className: `${e}-content-wrapper`, children: [
+              r && /* @__PURE__ */ t("div", { className: `${e}-title`, children: r }),
+              u && /* @__PURE__ */ t("div", { className: `${e}-content`, children: u })
+            ] }),
+            a && /* @__PURE__ */ t("div", { className: `${e}-action`, children: a }),
+            g && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: E,
+                className: `${e}-close-btn`,
+                children: w || /* @__PURE__ */ t(j, {})
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const J = q(G);
+J.displayName = "Alert";
+export {
+  J as default
+};

package/alert/interface.js

@@ -0,0 +1 @@
+

package/anchor/Anchor.js

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

package/anchor/Link.js

@@ -0,0 +1,52 @@
+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 b, useContext as f, useRef as v, useImperativeHandle as w, useEffect as I, isValidElement as M } from "react";
+import { a as S } from "../chunk/ll867Bf3.js";
+import { u as $ } from "../chunk/BFTV6myl.js";
+import { m as z } from "../chunk/JPPo5nY_.js";
+import D from "./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(S), { className: h, style: N, href: r, title: e, children: m, ...x } = $(
+    o,
+    H,
+    n == null ? void 0 : n["Anchor.Link"]
+  ), C = f(D), { currentLink: y, addLink: s, removeLink: i, onLinkClick: a, direction: A } = C, c = d("anchor-link"), P = z(
+    c,
+    {
+      [`${c}-active`]: y === r
+    },
+    h
+  ), l = v(null);
+  return w(u, () => l.current, []), I(() => (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) => M(t) && U(t.type) && t.type.displayName === p && t)
+  ] });
+}
+const Y = b(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/index.js

@@ -0,0 +1,4 @@
+import r from "./Anchor.js";
+export {
+  r as default
+};

package/anchor/interface.js

@@ -0,0 +1 @@
+

package/anchor/util.js

@@ -0,0 +1,50 @@
+import { I as l, q as u } from "../chunk/uKZyjtff.js";
+import i from "lodash/isString";
+import { c } from "../chunk/D-TPB2Do.js";
+function d(o, n) {
+  const r = i(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
+  try {
+    return o.querySelector(r);
+  } catch (t) {
+    return console.error(t), null;
+  }
+}
+function w(o, n, r) {
+  new l({
+    from: {
+      scrollTop: o.scrollTop
+    },
+    to: {
+      scrollTop: n
+    },
+    easing: u,
+    duration: 300,
+    onUpdate: (e) => {
+      o.scrollTop = e.scrollTop;
+    },
+    onFinish: () => {
+      r == null || r();
+    }
+  }).start();
+}
+function a(o) {
+  return i(o) ? d(document, o) : o || window;
+}
+function g(o) {
+  return c(o) ? document.documentElement || document.body : o;
+}
+function s(o) {
+  if (o == null)
+    return null;
+  if (o.tagName === "BODY")
+    return o.ownerDocument.documentElement;
+  const n = window.getComputedStyle(o).overflowY;
+  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : s(o.parentElement);
+}
+export {
+  d as findNode,
+  a as getContainer,
+  g as getContainerElement,
+  s as getScrollParent,
+  w as slide
+};