@unicom-cloud/ui 0.8.41

package/List.js

@@ -0,0 +1,320 @@
+import { jsxs as N, jsx as s, Fragment as At } from "react/jsx-runtime";
+import F, { useContext as J, useRef as R, useState as q, useImperativeHandle as Dt, useCallback as Ht, createElement as Tt } from "react";
+import "./chunk/DP2rzg_V.js";
+import { a as K } from "./chunk/Dc_89PVN.js";
+import { R as ut, C as pt } from "./chunk/DhodcKwW.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/RnTpOC5-.js";
+import "./chunk/BVC51EZ7.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import "./chunk/BdWYJb9B.js";
+import { P as Vt } from "./chunk/Kt5-772l.js";
+import _t from "./Spin.js";
+import kt from "lodash/throttle";
+import ht from "./hooks/useMergeProps.js";
+import M from "@unicom-cloud/utils/class-name";
+import Bt from "./utils/omit.js";
+import { pickDataAttributes as Gt } from "./utils/pick.js";
+import Ut from "./utils/scrollIntoView.js";
+import { V as Ot } from "./chunk/BGzBxiWE.js";
+function Wt(w, S) {
+  const { getPrefixCls: z } = J(K), { className: y, avatar: $, title: v, description: p, ...f } = w, u = `${z("list")}-item-meta`, x = !!$, j = !!(v || p);
+  return /* @__PURE__ */ N("div", { ref: S, ...f, className: M(u, y), children: [
+    x && /* @__PURE__ */ s("div", { className: `${u}-avatar`, children: $ }),
+    j && /* @__PURE__ */ N("div", { className: `${u}-content`, children: [
+      v && /* @__PURE__ */ s("div", { className: `${u}-title`, children: v }),
+      p && /* @__PURE__ */ s("div", { className: `${u}-description`, children: p })
+    ] })
+  ] });
+}
+const Q = F.forwardRef(Wt);
+Q.displayName = "ListItemMeta";
+const Zt = {
+  actionLayout: "horizontal"
+};
+function qt(w, S) {
+  const { getPrefixCls: z, componentConfig: y } = J(K), $ = ht(
+    w,
+    Zt,
+    y && y["List.Item"]
+  ), { children: v, className: p, actions: f, extra: c, actionLayout: u, ...x } = $, h = `${z("list")}-item`, L = [], d = [];
+  F.Children.forEach(v, (t) => {
+    t && t.type && t.type === Q ? L.push(t) : d.push(t);
+  });
+  const V = d.length ? /* @__PURE__ */ s("div", { className: `${h}-content`, children: d }) : null, A = c ? /* @__PURE__ */ s("div", { className: `${h}-extra-content`, children: c }) : null, b = f && f.length ? /* @__PURE__ */ s("div", { className: `${h}-action`, children: f.map((t, _) => /* @__PURE__ */ s("li", { children: t }, `${h}-action-${_}`)) }) : null;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      role: "listitem",
+      ref: S,
+      className: M(h, p),
+      ...x,
+      children: [
+        /* @__PURE__ */ N("div", { className: `${h}-main`, children: [
+          L,
+          V,
+          u === "vertical" ? b : null
+        ] }),
+        u === "horizontal" ? b : null,
+        A
+      ]
+    }
+  );
+}
+const Jt = F.forwardRef(qt), X = Jt;
+X.displayName = "ListItem";
+X.Meta = Q;
+const dt = 10, ft = 1, Kt = ["small", "default", "large"], Qt = {
+  split: !0,
+  bordered: !0,
+  defaultCurrent: 1,
+  offsetBottom: 0,
+  throttleDelay: 500
+};
+function Xt(w, S) {
+  const {
+    getPrefixCls: z,
+    loadingElement: y,
+    size: $,
+    renderEmpty: v,
+    componentConfig: p,
+    rtl: f
+  } = J(K), c = ht(
+    w,
+    Qt,
+    p == null ? void 0 : p.List
+  ), {
+    style: u,
+    wrapperStyle: x,
+    className: j,
+    wrapperClassName: h,
+    children: L = [],
+    dataSource: d = [],
+    size: V,
+    footer: A,
+    header: b,
+    pagination: t,
+    bordered: _,
+    split: Ct,
+    render: k,
+    grid: g,
+    loading: Nt,
+    hoverable: $t,
+    scrollLoading: D,
+    paginationInFooter: Y,
+    offsetBottom: vt,
+    throttleDelay: tt,
+    defaultCurrent: St,
+    noDataElement: yt,
+    listRef: Lt,
+    onReachBottom: E,
+    onListScroll: H
+  } = c, Pt = V || (Kt.indexOf($) > -1 ? $ : "default"), e = z("list"), et = R(null), B = R(null), P = R(null), G = R(null), U = R(!0), [It, wt] = q(
+    t && typeof t == "object" && (t.pageSize || t.defaultPageSize) || dt
+  ), [zt, xt] = q(
+    t && typeof t == "object" && (t.current || t.defaultCurrent) || ft
+  ), [O, bt] = q(St), rt = F.Children.count(L);
+  Dt(Lt, () => ({
+    dom: et.current,
+    scrollIntoView: (n, l) => {
+      if (B.current)
+        B.current.scrollTo({ index: n, options: l });
+      else if (G.current) {
+        const o = G.current.children[n];
+        o && Ut(o, {
+          boundary: P.current,
+          ...l
+        });
+      }
+    }
+  }));
+  const W = c.virtualListProps ? c.virtualListProps : c.height ? { height: c.height } : void 0, C = {
+    pageSize: It,
+    current: zt,
+    total: d.length > 0 ? d.length : rt,
+    ...typeof t == "object" ? t : {},
+    onPageSizeChange: (n, l) => {
+      var o;
+      wt(n), t && typeof t == "object" && ((o = t.onPageSizeChange) == null || o.call(t, n, l));
+    },
+    onChange: (n, l) => {
+      var o;
+      xt(n), t && typeof t == "object" && ((o = t.onChange) == null || o.call(t, n, l));
+    }
+  };
+  C.current = Math.min(
+    C.current,
+    Math.ceil(C.total / C.pageSize)
+  );
+  const nt = !!(H || E), ot = Ht(
+    kt(() => {
+      if (H) {
+        H(P.current);
+        return;
+      }
+      if (!P.current)
+        return;
+      const { scrollTop: n, scrollHeight: l, clientHeight: o } = P.current, i = l - (n + o);
+      Math.abs(i) < vt + 1 ? U.current && (bt(O + 1), E == null || E(O + 1), U.current = !1) : U.current = !0;
+    }, tt),
+    [tt, O, H, E]
+  ), Et = () => {
+    const n = (i) => {
+      const { current: m, pageSize: a } = C, r = (m - 1) * a;
+      return t && i.length > r ? i.slice(r, r + a) : i;
+    }, l = (i, m) => {
+      const a = n(i);
+      return m ? a.map(m) : a;
+    }, o = (i, m) => {
+      const a = n(i);
+      if (g.column || g.span) {
+        const r = [], {
+          gutter: T,
+          justify: Rt,
+          align: Mt,
+          column: Ft,
+          ...lt
+        } = g, Z = Ft || Math.floor(24 / g.span), jt = lt.span || Math.floor(24 / Z);
+        let I = 0;
+        for (; I < a.length; ) {
+          const at = I + Z, it = ~~(I / Z);
+          r.push(
+            /* @__PURE__ */ s(
+              ut,
+              {
+                className: `${e}-row`,
+                gutter: T,
+                justify: Rt,
+                align: Mt,
+                children: a.slice(I, at).map((ct, mt) => /* @__PURE__ */ s(
+                  pt,
+                  {
+                    className: `${e}-row-col`,
+                    ...lt,
+                    span: jt,
+                    children: m ? m(ct, I + mt) : ct
+                  },
+                  `${it}_${mt}`
+                ))
+              },
+              it
+            )
+          ), I = at;
+        }
+        return r;
+      }
+      return /* @__PURE__ */ s(ut, { className: `${e}-row`, gutter: g.gutter, children: a.map((r, T) => /* @__PURE__ */ Tt(
+        pt,
+        {
+          className: `${e}-row-col`,
+          ...Bt(g, ["gutter"]),
+          key: T
+        },
+        m ? m(r, T) : r
+      )) });
+    };
+    return d.length > 0 && k ? g ? o(d, k) : l(d, k) : rt > 0 ? g ? o(L) : l(L) : D ? null : yt || v("List");
+  }, st = () => {
+    const n = Et(), l = W && W.threshold !== null && Array.isArray(n), o = t ? /* @__PURE__ */ s(
+      Vt,
+      {
+        ...C,
+        className: M(
+          `${e}-pagination`,
+          C && C.className
+        )
+      }
+    ) : null, i = Y ? o : null, m = Y ? null : o, a = D != null ? /* @__PURE__ */ s("div", { className: `${e}-item ${e}-scroll-loading`, children: D }) : null;
+    return /* @__PURE__ */ N(
+      "div",
+      {
+        ref: (r) => {
+          S = r, et.current = S;
+        },
+        style: x,
+        className: M(
+          `${e}-wrapper`,
+          { [`${e}-wrapper-rtl`]: f },
+          h
+        ),
+        children: [
+          /* @__PURE__ */ N(
+            "div",
+            {
+              ...Gt(c),
+              style: u,
+              className: M(
+                e,
+                `${e}-${Pt}`,
+                {
+                  [`${e}-no-border`]: !_,
+                  [`${e}-no-split`]: !Ct,
+                  [`${e}-hoverable`]: $t,
+                  [`${e}-rtl`]: f
+                },
+                j
+              ),
+              ref: (r) => {
+                l || (P.current = r);
+              },
+              onScroll: !l && nt ? ot : void 0,
+              children: [
+                b ? /* @__PURE__ */ s("div", { className: `${e}-header`, children: b }) : null,
+                l ? /* @__PURE__ */ s(At, { children: /* @__PURE__ */ s(
+                  Ot,
+                  {
+                    role: "list",
+                    ref: (r) => {
+                      r && (B.current = r, P.current = r.dom);
+                    },
+                    className: `${e}-content ${e}-virtual`,
+                    data: a ? n.concat(a) : n,
+                    isStaticItemHeight: !1,
+                    onScroll: nt ? ot : void 0,
+                    ...W,
+                    children: (r) => r
+                  }
+                ) }) : /* @__PURE__ */ N(
+                  "div",
+                  {
+                    role: "list",
+                    className: `${e}-content`,
+                    ref: G,
+                    children: [
+                      n,
+                      a
+                    ]
+                  }
+                ),
+                A || i ? /* @__PURE__ */ N("div", { className: `${e}-footer`, children: [
+                  A,
+                  i
+                ] }) : null
+              ]
+            }
+          ),
+          m
+        ]
+      }
+    );
+  };
+  return "loading" in c ? /* @__PURE__ */ s(
+    _t,
+    {
+      style: { display: "block" },
+      loading: Nt,
+      element: y,
+      children: st()
+    }
+  ) : st();
+}
+const gt = F.forwardRef(
+  Xt
+);
+gt.displayName = "List";
+gt.Item = X;
+export {
+  gt as default
+};

package/Loading.js

@@ -0,0 +1,62 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import u, { useImperativeHandle as m, useEffect as f } from "react";
+const x = {};
+function $(a, o) {
+  const d = ["#FF5F57", "#FEBC2E", "#28C840"], i = a.colors || d;
+  let s = 12, l = 25, e = 25, c = 4, n = "0.5 0 0.5 1;0.5 0 0.5 1", r = "0.7s";
+  return m(o, () => ({})), f(() => () => {
+  }, []), /* @__PURE__ */ p(
+    "svg",
+    {
+      className: x.module,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "50px",
+      height: "50px",
+      viewBox: "0 0 50 50",
+      preserveAspectRatio: "xMidYMid",
+      children: [
+        /* @__PURE__ */ t("circle", { cx: l - s, cy: e, r: c, fill: i[0], children: /* @__PURE__ */ t(
+          "animate",
+          {
+            attributeName: "cy",
+            values: `${e + 7};${e};${e + 7}`,
+            dur: r,
+            calcMode: "spline",
+            keySplines: n,
+            begin: "0s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ t("circle", { cx: l, cy: e, r: c, fill: i[1], children: /* @__PURE__ */ t(
+          "animate",
+          {
+            attributeName: "cy",
+            values: `${e - 7};${e};${e - 7}`,
+            dur: r,
+            calcMode: "spline",
+            keySplines: n,
+            begin: "0s",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ t("circle", { cx: l + s, cy: e, r: c, fill: i[2], children: /* @__PURE__ */ t(
+          "animate",
+          {
+            attributeName: "cy",
+            values: `${e + 7};${e};${e + 7}`,
+            dur: r,
+            calcMode: "spline",
+            keySplines: n,
+            begin: "0s",
+            repeatCount: "indefinite"
+          }
+        ) })
+      ]
+    }
+  );
+}
+const w = u.forwardRef($);
+export {
+  w as default
+};

package/Mentions.js

@@ -0,0 +1,172 @@
+import { jsxs as P, jsx as T } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import q, { useContext as z, useRef as v, useState as G, useEffect as J } from "react";
+import { a as Q } from "./chunk/Dc_89PVN.js";
+import X from "./hooks/useMergeProps.js";
+import Y from "./hooks/useMergeValue.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/RnTpOC5-.js";
+import { I as Z } from "./chunk/Bl5t8Z6F.js";
+import "./chunk/BVC51EZ7.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import { S as _ } from "./chunk/BdWYJb9B.js";
+import ee from "@unicom-cloud/utils/class-name";
+import { Esc as V, Enter as S, ArrowUp as w, ArrowDown as E } from "./utils/keyCode.js";
+function te(i, { split: t }) {
+  return !t || i.indexOf(t) === -1;
+}
+function re({
+  value: i,
+  selectionStart: t
+}) {
+  return i.slice(0, t);
+}
+function ne(i, t = "") {
+  return (Array.isArray(t) ? t : [t]).reduce(
+    (c, d) => {
+      const a = i.lastIndexOf(d);
+      return a > c.location ? {
+        location: a,
+        prefix: d
+      } : c;
+    },
+    { location: -1, prefix: "" }
+  );
+}
+const oe = Z.TextArea, se = [V.key, S.key, w.key, E.key], ie = {
+  prefix: "@",
+  split: " ",
+  rows: 1,
+  position: "bl",
+  alignTextarea: !0
+};
+function ae(i, t) {
+  const { getPrefixCls: A, componentConfig: c, rtl: d } = z(Q), a = X(
+    i,
+    ie,
+    c == null ? void 0 : c.Mentions
+  ), {
+    style: O,
+    className: W,
+    options: L,
+    prefix: b,
+    split: g,
+    position: B,
+    alignTextarea: C,
+    filterOption: D,
+    triggerProps: K,
+    getPopupContainer: R,
+    onChange: u,
+    onSearch: y,
+    notFoundContent: j,
+    ...F
+  } = a, f = A("mentions"), h = v(null), k = v(null), m = v(null), [x, I] = Y("", {
+    value: a.value,
+    defaultValue: a.defaultValue
+  }), [e, N] = G({
+    measuring: !1,
+    location: 0,
+    text: "",
+    prefix: ""
+  });
+  J(() => {
+    m.current && k.current && (k.current.scrollTop = m.current.dom.scrollTop);
+  });
+  const $ = () => {
+    N({
+      ...e,
+      measuring: !1,
+      location: 0,
+      text: ""
+    });
+  }, H = (r) => {
+    const o = e.location, M = e.location + e.text.length;
+    let s = x.slice(0, o), n = x.slice(M + 1);
+    s += !s || s.endsWith(g) || s.endsWith(`
+`) ? "" : g, n = (!n || n.startsWith(g) || n.startsWith(`
+`) ? "" : g) + n;
+    const p = `${e.prefix}${r}`, l = `${s}${p}${n}`;
+    I(l), $(), u == null || u(l);
+  }, U = {
+    onChange: (r) => {
+      I(r), u == null || u(r);
+    },
+    onKeyDown: (r) => {
+      const o = r.key;
+      o === V.key && m.current && m.current.blur(), h.current && (h.current.hotkeyHandler(r), (o === S.key || o === w.key || o === E.key) && r.preventDefault());
+    },
+    onKeyUp: (r) => {
+      const { key: o, target: M } = r;
+      if (~se.indexOf(o))
+        return;
+      const s = re(M), { location: n, prefix: p } = ne(s, b), l = s.slice(
+        n + p.length
+      );
+      n > -1 && te(l, a) ? ((o === p || e.measuring || l !== e.text) && N({
+        measuring: !0,
+        text: l,
+        prefix: p,
+        location: n
+      }), y == null || y(l, p)) : e.measuring && $();
+    },
+    onBlur: $
+  };
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      ref: t,
+      style: O,
+      className: ee(
+        `${f}`,
+        {
+          [`${f}-align-textarea`]: C,
+          [`${f}-rtl`]: d
+        },
+        W
+      ),
+      children: [
+        /* @__PURE__ */ T(
+          oe,
+          {
+            ref: m,
+            className: `${f}-textarea`,
+            value: x,
+            ...U,
+            ...F
+          }
+        ),
+        /* @__PURE__ */ P("div", { ref: k, className: `${f}-measure`, children: [
+          x.slice(0, e.location),
+          /* @__PURE__ */ T(
+            _,
+            {
+              ref: h,
+              options: L,
+              inputValue: e.text,
+              notFoundContent: j,
+              triggerElement: /* @__PURE__ */ T("span", { className: `${f}-measure-trigger`, children: e.prefix }),
+              triggerProps: {
+                popupVisible: e.measuring,
+                autoAlignPopupWidth: C,
+                position: B,
+                ...K
+              },
+              filterOption: D,
+              getPopupContainer: R,
+              value: void 0,
+              onChange: H
+            }
+          ),
+          x.slice(e.location + e.prefix.length)
+        ] })
+      ]
+    }
+  );
+}
+const le = q.forwardRef(ae);
+le.displayName = "Mentions";
+export {
+  le as default
+};

package/Menu.js

@@ -0,0 +1,9 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./Trigger.js";
+import "./Dropdown.js";
+import "./Tooltip.js";
+import { M as e } from "./chunk/CUK6MU72.js";
+export {
+  e as default
+};

package/Message.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { M as l } from "./chunk/Dc_89PVN.js";
+import "@unicom-cloud/react-transition-group";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "./NotificationBase.js";
+import "@unicom-cloud/utils/class-name";
+import "./utils/reactDOM.js";
+export {
+  l as default
+};

package/Modal.js

@@ -0,0 +1,6 @@
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import { E as r } from "./chunk/CICfjLap.js";
+export {
+  r as default
+};

package/Notice.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { f as x } from "./chunk/Dc_89PVN.js";
+import "@unicom-cloud/icons/IconUiCheckCircleFill";
+import "@unicom-cloud/icons/IconUiClose";
+import "@unicom-cloud/icons/IconUiCloseCircleFill";
+import "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import "@unicom-cloud/icons/IconUiInfoCircleFill";
+import "@unicom-cloud/icons/IconUiLoading";
+import "@unicom-cloud/icons/context";
+import "react";
+import "@unicom-cloud/utils/class-name";
+export {
+  x as default
+};

package/Notification.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { N as s } from "./chunk/Dc_89PVN.js";
+import "@unicom-cloud/react-transition-group";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import "react-dom";
+import "./NotificationBase.js";
+import "@unicom-cloud/utils/class-name";
+import "./utils/reactDOM.js";
+export {
+  s as default
+};

package/NotificationBase.js

@@ -0,0 +1,54 @@
+var h = Object.defineProperty;
+var u = (e, s, t) => s in e ? h(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var n = (e, s, t) => (u(e, typeof s != "symbol" ? s + "" : s, t), t);
+import "./chunk/DP2rzg_V.js";
+import { Component as o } from "react";
+function r(e) {
+  return e != null && e.id ? e == null ? void 0 : e.id : `pqb_notice_id_${Math.random().toFixed(10).slice(2)}`;
+}
+class l extends o {
+  constructor(t) {
+    super(t);
+    n(this, "add", (t) => {
+      const d = r(t), a = this.state.notices;
+      return t.id && ~a.findIndex((i) => i.id === t.id) ? this.update(t) : this.setState((i) => ({
+        notices: i.notices.concat({
+          ...t,
+          id: d
+        }),
+        position: t.position
+      })), d;
+    });
+    n(this, "update", (t) => {
+      const d = this.state.notices.map(
+        (a) => t.id === a.id ? t : a
+      );
+      this.setState(
+        {
+          notices: d
+        },
+        () => {
+          const a = d.map((i) => (t.id === i.id && delete i.update, i));
+          this.setState({ notices: a });
+        }
+      );
+    });
+    n(this, "clear", () => {
+      this.setState({
+        notices: []
+      });
+    });
+    this.state = {
+      notices: [],
+      position: "topRight"
+    }, this.remove = this.remove.bind(this);
+  }
+  remove(t) {
+    this.setState((d) => ({
+      notices: d.notices.filter((i) => i.id !== t)
+    }));
+  }
+}
+export {
+  l as default
+};