@unicom-cloud/ui 0.8.41

package/Affix.js

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

package/Alert.js

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

package/Anchor.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/K6Dvbx-E.js";
+import { A as m } from "./chunk/CuIVS4do.js";
+export {
+  m as default
+};

package/AutoComplete.js

@@ -0,0 +1,155 @@
+import { jsx as i } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/RnTpOC5-.js";
+import "./chunk/BVC51EZ7.js";
+import { a as le } from "./chunk/Dc_89PVN.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import { S as d, i as ne, a as se } from "./chunk/BdWYJb9B.js";
+import ae from "@unicom-cloud/icons/IconUiLoading";
+import p, { useContext as ie, useState as ce, useRef as $, isValidElement as fe, useImperativeHandle as ue } from "react";
+import me from "./hooks/useMergeProps.js";
+import pe from "./hooks/useMergeValue.js";
+import { I as de } from "./chunk/Bl5t8Z6F.js";
+import ge from "@unicom-cloud/utils/class-name";
+import { Enter as Ce, Esc as Oe } from "./utils/keyCode.js";
+import ye from "./utils/omit.js";
+import { pickDataAttributes as he } from "./utils/pick.js";
+const Ae = `Autocomplete_${Math.random()}`, { Option: B } = d, xe = {
+  defaultActiveFirstOption: !0,
+  triggerElement: /* @__PURE__ */ i(de, {})
+};
+function Ee(D, G) {
+  var b, k;
+  const { getPrefixCls: j, componentConfig: g } = ie(le), l = me(
+    D,
+    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: w,
+    inputProps: t
+  } = l, [E, v] = pe("", {
+    defaultValue: U,
+    value: _
+  }), [ee, F] = ce(!1), u = $(null), c = $(null), S = j("autocomplete"), te = "filterOption" in l ? l.filterOption : (e, r) => Q ? r.props.value.indexOf(e) > -1 : r.props.value.toLowerCase().indexOf(e.toLowerCase()) > -1, N = p.Children.toArray(C);
+  let I = null;
+  N.length && (ne(N[0]) || se(N[0])) ? I = C : s && s.length && (I = s.map((e, r) => {
+    if (fe(e))
+      return e;
+    if (typeof e == "string")
+      return /* @__PURE__ */ i(B, { value: e, children: e }, r);
+    if (typeof e == "object") {
+      const { value: o, name: n } = e;
+      return /* @__PURE__ */ i(
+        B,
+        {
+          value: o,
+          extra: ye(e, ["value", "name"]),
+          children: n
+        },
+        r
+      );
+    }
+    return null;
+  })), ue(G, () => u.current);
+  const f = typeof O == "function" ? O({ value: E }) : O, re = p.cloneElement(f, {
+    ref: (e) => {
+      u.current = e;
+      const { ref: r } = f;
+      typeof r == "function" && r(e);
+    },
+    className: ge(
+      `${S}`,
+      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__ */ i(ae, {}) : ((b = f == null ? void 0 : f.type) == null ? void 0 : b.displayName) === "Search" ? void 0 : (t == null ? void 0 : t.suffix) || /* @__PURE__ */ i("i", {}),
+    onFocus: (e) => {
+      var r;
+      F(!0), y == null || y(e), (r = t == null ? void 0 : t.onFocus) == null || r.call(t, e);
+    },
+    onBlur: (e) => {
+      var r;
+      F(!1), h == null || h(e), (r = t == null ? void 0 : t.onBlur) == null || r.call(t, e);
+    },
+    onKeyDown: (e) => {
+      var o, n, m, L, R;
+      const r = e.key;
+      if ((n = (o = c.current) == null ? void 0 : o.hotkeyHandler) == null || n.call(o, e), r === Ce.key && w) {
+        let M;
+        c.current && (M = c.current.getOptionInfoByValue(
+          c.current.activeOptionValue
+        )), w(e, M);
+      }
+      r === Oe.key && ((L = (m = u.current) == null ? void 0 : m.blur) == null || L.call(m)), (R = t == null ? void 0 : t.onKeyDown) == null || R.call(t, e);
+    },
+    onChange: (e, r) => {
+      var o;
+      v(e), A == null || A(e), a == null || a(e), (o = t == null ? void 0 : t.onChange) == null || o.call(t, e, r);
+    }
+  }), oe = {
+    popupVisible: !!(ee && (s != null && s.length || p.Children.count(C))),
+    ...l.triggerProps,
+    // Other trigger types are not supported yet
+    trigger: "focus",
+    className: [`${S}-popup`].concat((k = l == null ? void 0 : l.triggerProps) == null ? void 0 : k.className)
+  };
+  return /* @__PURE__ */ i(d, { ref: c, ...{
+    triggerElement: re,
+    // Guarantee that onChange can always be triggered
+    value: Ae,
+    inputValue: E,
+    defaultActiveFirstOption: X,
+    triggerProps: oe,
+    getPopupContainer: Y,
+    dropdownRender: Z,
+    filterOption: te,
+    virtualListProps: P,
+    notFoundContent: null,
+    onChange: (e, r) => {
+      var o, n;
+      v(e), a == null || a(e, r), e && (x == null || x(e, r)), (n = (o = u.current) == null ? void 0 : o.blur) == null || n.call(o);
+    }
+  }, children: I });
+}
+const Ne = p.forwardRef(Ee), V = Ne;
+V.displayName = "AutoComplete";
+V.Option = d.Option;
+V.OptGroup = d.OptGroup;
+export {
+  V as default
+};

package/Avatar.js

@@ -0,0 +1,157 @@
+import "./chunk/DP2rzg_V.js";
+import "./Trigger.js";
+import "./Tooltip.js";
+import "./chunk/l0sNRNKZ.js";
+import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import w from "lodash/isNumber";
+import S, { createContext as q, forwardRef as W, useContext as I, useRef as k, useEffect as M, useImperativeHandle as V } from "react";
+import { a as j } from "./chunk/Dc_89PVN.js";
+import E from "@unicom-cloud/utils/class-name";
+import X from "./hooks/useMergeProps.js";
+import B from "./Popover.js";
+const b = q({}), D = {
+  shape: "circle",
+  autoFixFontSize: !0,
+  triggerType: "button"
+}, R = W(
+  (g, N) => {
+    const { getPrefixCls: $, componentConfig: n, rtl: h } = I(j), e = $("avatar"), v = I(b), P = {
+      ...D,
+      ...n == null ? void 0 : n.Avatar,
+      ...v,
+      ...g
+    }, {
+      className: z,
+      shape: i,
+      size: o,
+      children: c,
+      autoFixFontSize: A,
+      triggerIcon: r,
+      triggerIconStyle: l,
+      triggerType: x,
+      onClick: F,
+      ...p
+    } = P, m = { ...v.style, ...g.style }, s = k(null), u = k(null);
+    M(() => {
+      A && d();
+    }, [o, c]), V(N, () => u.current);
+    function d() {
+      if (s.current) {
+        const L = s.current.clientWidth, G = g.size || u.current.offsetWidth, _ = G / (L + 8);
+        G && _ < 1 && (s.current.style.transform = `scale(${_}) translateX(-50%)`);
+      }
+    }
+    const f = E(
+      e,
+      `${e}-${i}`,
+      {
+        [`${e}-with-trigger-icon`]: r,
+        [`${e}-rtl`]: h
+      },
+      z
+    ), t = S.Children.toArray(c), y = t.length === 1 && S.isValidElement(t[0]) && (t[0].type === "img" || t[0].type === "picture"), C = l || {};
+    return x === "button" && (!l || l && !l.color) && m && m.backgroundColor && (C.color = m.backgroundColor), /* @__PURE__ */ T(
+      "div",
+      {
+        ref: u,
+        onClick: F,
+        ...p,
+        style: {
+          width: o,
+          height: o,
+          fontSize: w(o) ? o / 2 : "",
+          ...m
+        },
+        className: f,
+        children: [
+          y ? /* @__PURE__ */ a("span", { className: `${e}-image`, children: c }) : null,
+          !y && /* @__PURE__ */ a("span", { ref: s, className: `${e}-text`, children: c }),
+          r && /* @__PURE__ */ a(
+            "div",
+            {
+              className: `${e}-trigger-icon-${x}`,
+              style: C,
+              children: r
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+R.displayName = "Avatar";
+const J = {
+  shape: "circle",
+  autoFixFontSize: !0
+};
+function K(g, N) {
+  const { getPrefixCls: $, componentConfig: n, rtl: h } = I(j), e = X(
+    g,
+    J,
+    n == null ? void 0 : n["Avatar.Group"]
+  ), {
+    className: v,
+    style: P,
+    children: z,
+    size: i,
+    shape: o,
+    autoFixFontSize: c,
+    zIndexAscend: A,
+    maxCount: r,
+    maxStyle: l,
+    maxPopoverTriggerProps: x,
+    ...F
+  } = e, p = $("avatar-group"), m = E(
+    p,
+    {
+      [`${p}-rtl`]: h
+    },
+    v
+  ), s = S.Children.toArray(z), u = s.length;
+  let d = s;
+  if (w(r) && r >= 0 && u > r) {
+    const f = s.slice(r);
+    d = s.slice(0, r), d.push(
+      /* @__PURE__ */ a(
+        R,
+        {
+          style: l,
+          className: `${p}-max-count-avatar`,
+          children: /* @__PURE__ */ T(
+            B,
+            {
+              triggerProps: x,
+              content: /* @__PURE__ */ a(b.Provider, { value: { size: i, shape: o, autoFixFontSize: c }, children: /* @__PURE__ */ a("div", { className: `${p}-popover`, children: f }) }),
+              children: [
+                "+",
+                f.length
+              ]
+            }
+          )
+        },
+        "_pqb_avatar_group_popup"
+      )
+    );
+  }
+  return /* @__PURE__ */ a("div", { ref: N, style: P, className: m, ...F, children: d.map((f, t) => {
+    const y = h ? t === d.length - 1 : t === 0, C = {
+      zIndex: A ? t + 1 : u - t,
+      marginLeft: i ? y ? 0 : -i / 4 : ""
+    };
+    return /* @__PURE__ */ a(
+      b.Provider,
+      {
+        value: { size: i, shape: o, autoFixFontSize: c, style: C },
+        children: f
+      },
+      t
+    );
+  }) });
+}
+const H = W(K);
+H.displayName = "AvatarGroup";
+const O = R;
+O.Group = H;
+export {
+  O as default
+};

package/BackTop.js

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