@unicom-cloud/ui 0.8.41

package/chunk/Cpp8T23i.js

@@ -0,0 +1,271 @@
+import { jsxs as F, Fragment as M, jsx as C } from "react/jsx-runtime";
+import O from "@unicom-cloud/icons/IconUiClose";
+import tt from "lodash/isFunction";
+import b from "lodash/isPlainObject";
+import ot, { useRef as N, useState as A, useImperativeHandle as et, useEffect as T } from "react";
+import nt from "../hooks/useKeyboardEvent.js";
+import { I as rt } from "./Dc_89PVN.js";
+import V from "@unicom-cloud/utils/class-name";
+import it from "../utils/fillNBSP.js";
+import at from "../utils/omit.js";
+import { Enter as ct } from "../utils/keyCode.js";
+function st({
+  value: r,
+  maxLength: g,
+  onChange: f,
+  onKeyDown: s,
+  onPressEnter: l,
+  beforeTriggerValueChangeCallback: I,
+  normalizeHandler: y
+}) {
+  const m = N(!1), [a, p] = A(""), h = (e, n) => {
+    I && I(e), // Avoid triggering onChange repeatedly for the same value
+    // Compositionend is earlier than onchange in Firefox, different with chrome
+    e !== r && (g === void 0 || e.length <= g) && (f == null || f(e, n));
+  };
+  return {
+    compositionValue: a,
+    triggerValueChangeCallback: h,
+    compositionHandler: (e) => {
+      m.current = e.type !== "compositionend", m.current || (p(void 0), h(e.target.value, e));
+    },
+    valueChangeHandler: (e) => {
+      const n = e.target.value;
+      m.current ? (m.current = !1, p(n)) : (a && p(void 0), h(n, e));
+    },
+    keyDownHandler: (e) => {
+      const n = e.key;
+      if (!m.current && (s == null || s(e), n === ct.key)) {
+        l == null || l(e);
+        const v = y == null ? void 0 : y("onPressEnter");
+        v && h(v(e.target.value), e);
+      }
+    }
+  };
+}
+const ut = 2, lt = (r) => {
+  if (!r)
+    return {};
+  const g = window.getComputedStyle(r);
+  return [
+    "font",
+    "letterSpacing",
+    "overflow",
+    "tabSize",
+    "textIndent",
+    "textTransform",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "paddingLeft",
+    "paddingRight",
+    "borderLeft",
+    "borderRight",
+    "boxSizing"
+  ].reduce((s, l) => (s[l] = g[l], s), {});
+}, dt = ot.forwardRef(
+  (r, g) => {
+    const {
+      allowClear: f,
+      disabled: s,
+      placeholder: l,
+      className: I,
+      style: y,
+      height: m,
+      prefixCls: a,
+      hasParent: p,
+      size: h,
+      value: e,
+      autoFitWidth: n,
+      onClear: v,
+      readOnly: P,
+      onChange: U,
+      onKeyDown: K,
+      onPressEnter: q,
+      maxLength: S,
+      clearIcon: B,
+      ...u
+    } = r, G = at(u, [
+      "error",
+      "status",
+      "showWordLimit",
+      "className",
+      "defaultValue",
+      "addBefore",
+      "addAfter",
+      "afterStyle",
+      "beforeStyle",
+      "prefix",
+      "suffix",
+      "normalize",
+      "normalizeTrigger",
+      "autoWidth"
+    ]), [R, J] = A(), E = nt(), i = N(), d = N(), H = N(null), L = b(S) ? S.errorOnly ? void 0 : S.length : S, j = (t) => {
+      let o;
+      const c = r.normalizeTrigger || ["onBlur"];
+      return Array.isArray(c) && c.indexOf(t) > -1 && tt(r.normalize) && (o = r.normalize), o;
+    }, {
+      compositionValue: Q,
+      valueChangeHandler: X,
+      compositionHandler: $,
+      keyDownHandler: Y,
+      triggerValueChangeCallback: z
+    } = st({
+      value: e,
+      maxLength: L,
+      onChange: U,
+      onKeyDown: K,
+      onPressEnter: q,
+      normalizeHandler: j
+    }), Z = V(
+      a,
+      a && {
+        [`${a}-size-${h}`]: h,
+        [`${a}-${r.status}`]: r.status,
+        [`${a}-disabled`]: s,
+        [`${a}-autowidth`]: n
+      },
+      p ? void 0 : I
+    ), k = {
+      "aria-invalid": r.status === "error" || void 0,
+      ...G,
+      readOnly: P,
+      maxLength: L,
+      disabled: s,
+      placeholder: l,
+      value: Q || e || "",
+      className: Z,
+      onKeyDown: Y,
+      onChange: X,
+      onCompositionStart: (t) => {
+        var o;
+        (o = u.onCompositionStart) == null || o.call(u, t), $(t);
+      },
+      onCompositionUpdate: (t) => {
+        var o;
+        (o = u.onCompositionUpdate) == null || o.call(u, t), $(t);
+      },
+      onCompositionEnd: (t) => {
+        var o;
+        (o = u.onCompositionEnd) == null || o.call(u, t), $(t);
+      },
+      onBlur: (t) => {
+        var c;
+        (c = r.onBlur) == null || c.call(r, t);
+        const o = j("onBlur");
+        o && z(o(t.target.value), t);
+      }
+    };
+    et(
+      g,
+      () => ({
+        dom: i.current,
+        focus: () => {
+          var t, o;
+          (o = (t = i.current) == null ? void 0 : t.focus) == null || o.call(t);
+        },
+        blur: () => {
+          var t, o;
+          (o = (t = i.current) == null ? void 0 : t.blur) == null || o.call(t);
+        }
+      }),
+      []
+    );
+    const w = () => {
+      if (d.current && i.current) {
+        const t = d.current.offsetWidth;
+        i.current.style.width = `${t + ut}px`;
+      }
+    };
+    T(() => {
+      n && ((!b(n) || !n.pure) && J(lt(i == null ? void 0 : i.current)), w());
+    }, [n]);
+    const _ = k.value || l, W = (t) => {
+      i.current && i.current.focus && i.current.focus(), z("", t), v == null || v();
+    };
+    return T(() => {
+      function t() {
+        var x;
+        const c = (x = d.current) == null ? void 0 : x.offsetWidth;
+        if (typeof n == "object") {
+          const D = typeof n.delay == "function" ? n.delay(c, H.current) : n.delay;
+          D ? setTimeout(w, D) : w();
+        } else
+          w();
+        H.current = c;
+      }
+      let o;
+      return d.current && (o = new ResizeObserver(t), o.observe(d.current)), () => {
+        var c, x;
+        d.current && ((c = o == null ? void 0 : o.unobserve) == null || c.call(o, d.current)), (x = o == null ? void 0 : o.disconnect) == null || x.call(o), o = null;
+      };
+    }, [d.current]), /* @__PURE__ */ F(M, { children: [
+      f ? /* @__PURE__ */ F(M, { children: [
+        /* @__PURE__ */ C("input", { ref: i, ...k }),
+        !P && !s && f && e ? B !== void 0 ? /* @__PURE__ */ C(
+          "span",
+          {
+            tabIndex: 0,
+            className: `${a}-clear-icon`,
+            ...E({ onPressEnter: W }),
+            onClick: (t) => {
+              t.stopPropagation(), W(t);
+            },
+            onMouseDown: (t) => {
+              t.preventDefault();
+            },
+            children: B
+          }
+        ) : /* @__PURE__ */ C(
+          rt,
+          {
+            tabIndex: 0,
+            className: `${a}-clear-icon`,
+            ...E({ onPressEnter: W }),
+            onClick: (t) => {
+              t.stopPropagation(), W(t);
+            },
+            children: /* @__PURE__ */ C(
+              O,
+              {
+                onMouseDown: (t) => {
+                  t.preventDefault();
+                }
+              }
+            )
+          }
+        ) : null
+      ] }) : /* @__PURE__ */ C(
+        "input",
+        {
+          ref: i,
+          ...k,
+          style: p ? {} : {
+            minWidth: b(n) ? n.minWidth : void 0,
+            maxWidth: b(n) ? n.maxWidth : void 0,
+            ...y,
+            ..."height" in r ? { height: m } : {}
+          }
+        }
+      ),
+      n && /* @__PURE__ */ C(
+        "span",
+        {
+          className: V(`${a}-mirror`),
+          style: p ? R : {
+            ...R,
+            ...y,
+            ..."height" in r ? { height: m } : {}
+          },
+          ref: d,
+          children: it(_)
+        }
+      )
+    ] });
+  }
+);
+dt.displayName = "InputComponent";
+export {
+  dt as I,
+  st as u
+};

package/chunk/CuIVS4do.js

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