@unicom-cloud/ui 0.8.43 → 0.8.45

package/Mentions.js

@@ -1,165 +1,149 @@
-import { jsxs as P, jsx as T } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import q, { useContext as z, useRef as v, useState as G, useEffect as J } from "react";
-import { a as Q } from "./chunk/Dr0iXIXO.js";
-import X from "./hooks/useMergeProps.js";
-import Y from "./hooks/useMergeValue.js";
-import "./chunk/RnTpOC5-.js";
-import "./chunk/DP2rzg_V.js";
-import { I as Z } from "./chunk/BSs6uXmc.js";
-import "./chunk/i605JRmI.js";
-import "./Tag.js";
-import "./chunk/BYQeEcKe.js";
-import "./Trigger.js";
-import { S as _ } from "./chunk/CYTPZUHD.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 = {
+import { jsxs as C, jsx as k } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                          */
+import q, { useContext as z, useRef as $, useState as G, useEffect as J } from "react";
+import "./config-provider/ConfigProvider.js";
+import Q from "./hooks/useMergeProps.js";
+import X from "./hooks/useMergeValue.js";
+/* empty css                        */
+/* empty css                       */
+import Y from "./input/Input.js";
+/* empty css                          */
+/* empty css                       */
+/* empty css                     */
+/* empty css                           */
+/* empty css                         */
+/* empty css                        */
+import Z from "./select/Select.js";
+import _ from "@unicom-cloud/utils/class-name";
+import { Esc as N, Enter as P, ArrowUp as V, ArrowDown as S } from "./utils/keyCode.js";
+import { getBeforeSelectionText as ee, getLastMeasureIndex as te, isValidSearch as re } from "./mentions/util.js";
+import { ConfigContext as oe } from "./config-provider/context.js";
+const ne = Y.TextArea, se = [N.key, P.key, V.key, S.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,
+function ae(w, A) {
+  const { getPrefixCls: E, componentConfig: f, rtl: I } = z(oe), p = Q(
+    w,
     ie,
-    c == null ? void 0 : c.Mentions
+    f == null ? void 0 : f.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({
+    style: W,
+    className: b,
+    options: B,
+    prefix: D,
+    split: m,
+    position: K,
+    alignTextarea: M,
+    filterOption: O,
+    triggerProps: R,
+    getPopupContainer: j,
+    onChange: i,
+    onSearch: x,
+    notFoundContent: F,
+    ...H
+  } = p, a = E("mentions"), d = $(null), g = $(null), c = $(null), [u, T] = X("", {
+    value: p.value,
+    defaultValue: p.defaultValue
+  }), [e, v] = G({
     measuring: !1,
     location: 0,
     text: "",
     prefix: ""
   });
   J(() => {
-    m.current && k.current && (k.current.scrollTop = m.current.dom.scrollTop);
+    c.current && g.current && (g.current.scrollTop = c.current.dom.scrollTop);
   });
-  const $ = () => {
-    N({
+  const y = () => {
+    v({
       ...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);
+  }, L = (t) => {
+    const o = e.location, h = e.location + e.text.length;
+    let n = u.slice(0, o), r = u.slice(h + 1);
+    n += !n || n.endsWith(m) || n.endsWith(`
+`) ? "" : m, r = (!r || r.startsWith(m) || r.startsWith(`
+`) ? "" : m) + r;
+    const l = `${e.prefix}${t}`, s = `${n}${l}${r}`;
+    T(s), y(), i == null || i(s);
   }, U = {
-    onChange: (r) => {
-      I(r), u == null || u(r);
+    onChange: (t) => {
+      T(t), i == null || i(t);
     },
-    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());
+    onKeyDown: (t) => {
+      const o = t.key;
+      o === N.key && c.current && c.current.blur(), d.current && (d.current.hotkeyHandler(t), (o === P.key || o === V.key || o === S.key) && t.preventDefault());
     },
-    onKeyUp: (r) => {
-      const { key: o, target: M } = r;
+    onKeyUp: (t) => {
+      const { key: o, target: h } = t;
       if (~se.indexOf(o))
         return;
-      const s = re(M), { location: n, prefix: p } = ne(s, b), l = s.slice(
-        n + p.length
+      const n = ee(h), { location: r, prefix: l } = te(n, D), s = n.slice(
+        r + l.length
       );
-      n > -1 && te(l, a) ? ((o === p || e.measuring || l !== e.text) && N({
+      r > -1 && re(s, p) ? ((o === l || e.measuring || s !== e.text) && v({
         measuring: !0,
-        text: l,
-        prefix: p,
-        location: n
-      }), y == null || y(l, p)) : e.measuring && $();
+        text: s,
+        prefix: l,
+        location: r
+      }), x == null || x(s, l)) : e.measuring && y();
     },
-    onBlur: $
+    onBlur: y
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ C(
     "div",
     {
-      ref: t,
-      style: O,
-      className: ee(
-        `${f}`,
+      ref: A,
+      style: W,
+      className: _(
+        `${a}`,
         {
-          [`${f}-align-textarea`]: C,
-          [`${f}-rtl`]: d
+          [`${a}-align-textarea`]: M,
+          [`${a}-rtl`]: I
         },
-        W
+        b
       ),
       children: [
-        /* @__PURE__ */ T(
-          oe,
+        /* @__PURE__ */ k(
+          ne,
           {
-            ref: m,
-            className: `${f}-textarea`,
-            value: x,
+            ref: c,
+            className: `${a}-textarea`,
+            value: u,
             ...U,
-            ...F
+            ...H
           }
         ),
-        /* @__PURE__ */ P("div", { ref: k, className: `${f}-measure`, children: [
-          x.slice(0, e.location),
-          /* @__PURE__ */ T(
-            _,
+        /* @__PURE__ */ C("div", { ref: g, className: `${a}-measure`, children: [
+          u.slice(0, e.location),
+          /* @__PURE__ */ k(
+            Z,
             {
-              ref: h,
-              options: L,
+              ref: d,
+              options: B,
               inputValue: e.text,
-              notFoundContent: j,
-              triggerElement: /* @__PURE__ */ T("span", { className: `${f}-measure-trigger`, children: e.prefix }),
+              notFoundContent: F,
+              triggerElement: /* @__PURE__ */ k("span", { className: `${a}-measure-trigger`, children: e.prefix }),
               triggerProps: {
                 popupVisible: e.measuring,
-                autoAlignPopupWidth: C,
-                position: B,
-                ...K
+                autoAlignPopupWidth: M,
+                position: K,
+                ...R
               },
-              filterOption: D,
-              getPopupContainer: R,
+              filterOption: O,
+              getPopupContainer: j,
               value: void 0,
-              onChange: H
+              onChange: L
             }
           ),
-          x.slice(e.location + e.prefix.length)
+          u.slice(e.location + e.prefix.length)
         ] })
       ]
     }

package/Menu.js

@@ -1,9 +1,10 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import "./Trigger.js";
-import "./Dropdown.js";
-import "./Tooltip.js";
-import { M as e } from "./chunk/CLzbve11.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+/* empty css                      */
+import n from "./menu/Menu.js";
 export {
-  e as default
+  n as default
 };

package/Message.js

@@ -1,12 +1,149 @@
-import "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import { M as l } from "./chunk/Dr0iXIXO.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";
+var S = Object.defineProperty;
+var B = (l, r, e) => r in l ? S(l, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[r] = e;
+var a = (l, r, e) => B(l, typeof r != "symbol" ? r + "" : r, e);
+import { jsx as g } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                         */
+import { TransitionGroup as G } from "@unicom-cloud/react-transition-group";
+import b from "lodash/isNumber";
+import v from "lodash/isUndefined";
+import H from "./Notice.js";
+import R from "./NotificationBase.js";
+import T from "./utils/CSSTransition.js";
+import U from "@unicom-cloud/utils/class-name";
+import { render as k } from "./utils/reactDOM.js";
+import z from "./message/useMessage.js";
+const A = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let o = {}, j, $, q, N, I, P;
+function O(l) {
+  const r = {
+    position: "top",
+    duration: q,
+    ...l
+  }, { position: e, transitionClassNames: t, transitionTimeout: c } = r;
+  let u;
+  const { instance: h, pending: m } = o[e] || {};
+  if (h || m) {
+    const s = () => {
+      const { instance: n } = o[e] || {}, f = n.state.notices, p = f.find((y) => y.id === l.id), x = {
+        ...r,
+        update: p
+      };
+      f.length >= j ? p ? n.add({
+        ...x,
+        id: p.id
+      }) : (f.shift(), n.add(x)) : u = n.add(x);
+    };
+    h ? s() : m != null && m.then && m.then(() => {
+      s(), o[e].pending = null;
+    });
+  } else {
+    const s = document.createElement("div");
+    (N || document.body).appendChild(s), o[e] = {}, o[e].pending = new Promise((n) => {
+      k(
+        /* @__PURE__ */ g(
+          i,
+          {
+            transitionClassNames: t,
+            transitionTimeout: c,
+            ref: (f) => {
+              o[e] || (o[e] = {}), o[e].instance = f, u = f.add(r), n(null);
+            }
+          }
+        ),
+        s
+      );
+    });
+  }
+  return () => {
+    var s, n;
+    (n = (s = o[e]) == null ? void 0 : s.instance) == null || n.remove(u);
+  };
+}
+class i extends R {
+  constructor() {
+    super(...arguments);
+    a(this, "remove", (e) => {
+      const t = this.state.notices.find((c) => c.id === e);
+      t && this.update({
+        ...t,
+        style: { ...t.style, opacity: 0 }
+      }), setTimeout(() => {
+        super.remove(e);
+      }, 100);
+    });
+  }
+  render() {
+    const {
+      transitionClassNames: e,
+      transitionTimeout: t,
+      prefixCls: c,
+      rtl: u,
+      closable: h
+    } = this.props, { notices: m, position: E } = this.state, s = c || $, n = v(u) ? I : u, f = v(h) ? P : h, p = s ? `${s}-message` : "pqb-message", x = {
+      enter: b(t == null ? void 0 : t.enter) ? t == null ? void 0 : t.enter : 100,
+      exit: b(t == null ? void 0 : t.exit) ? t == null ? void 0 : t.exit : 300
+    }, y = U(
+      `${p}-wrapper`,
+      `${p}-wrapper-${E}`
+    );
+    return /* @__PURE__ */ g("div", { className: y, children: /* @__PURE__ */ g(G, { component: null, children: m.map((C) => /* @__PURE__ */ g(
+      T,
+      {
+        timeout: x,
+        classNames: e || "fadeMessage",
+        onExit: (d) => {
+          d && (d.style.height = `${d.scrollHeight}px`);
+        },
+        onExiting: (d) => {
+          d && (d.style.height = 0);
+        },
+        onExited: (d) => {
+          var w;
+          d && (d.style.height = 0, (w = C.onClose) == null || w.call(C));
+        },
+        children: /* @__PURE__ */ g(
+          H,
+          {
+            ...C,
+            prefixCls: p,
+            classPrefixCls: s,
+            iconPrefix: s,
+            onClose: this.remove,
+            noticeType: "message",
+            rtl: n,
+            ...v(f) ? {} : { closable: f }
+          }
+        )
+      },
+      C.id
+    )) }) });
+  }
+}
+a(i, "useMessage"), a(i, "success"), a(i, "info"), a(i, "warning"), a(i, "error"), a(i, "loading"), a(i, "normal"), a(i, "config", (e = {}) => {
+  var t;
+  b(e.maxCount) && (j = e.maxCount), e.prefixCls && ($ = e.prefixCls), b(e.duration) && (q = e.duration), typeof e.rtl == "boolean" && (I = e.rtl), typeof e.closable == "boolean" && (P = e.closable), ((t = e.getContainer) == null ? void 0 : t.call(e)) !== N && (N = e.getContainer(), Object.values(o).forEach(
+    ({ instance: c }) => c == null ? void 0 : c.clear()
+  ), o = {});
+}), a(i, "clear", () => {
+  Object.values(o).forEach(({ instance: e }) => {
+    e == null || e.clear();
+  });
+}), a(i, "addInstance", O);
+A.forEach((l) => {
+  i[l] = (r) => O({
+    ...typeof r == "string" ? { content: r } : r,
+    type: l
+  });
+});
+i.useMessage = z;
 export {
-  l as default
+  i as default
 };

package/Modal.js

@@ -1,6 +1,7 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import { E as r } from "./chunk/Ba4UXIST.js";
+/* empty css                 */
+/* empty css                        */
+/* empty css                       */
+import m from "./modal/Modal.js";
 export {
-  r as default
+  m as default
 };

package/Notice.js

@@ -1,15 +1,198 @@
-import "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import { f as x } from "./chunk/Dr0iXIXO.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";
+var D = Object.defineProperty;
+var R = (c, n, o) => n in c ? D(c, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : c[n] = o;
+var r = (c, n, o) => R(c, typeof n != "symbol" ? n + "" : n, o);
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                        */
+import U from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import $ from "@unicom-cloud/icons/IconUiClose";
+import P from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import E from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import L from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import O from "@unicom-cloud/icons/IconUiLoading";
+import b from "@unicom-cloud/icons/context";
+import { Component as F, createRef as j } from "react";
+import T from "./config-provider/ConfigProvider.js";
+import { ConfigContext as A } from "./config-provider/context.js";
+import g from "./IconHover.js";
+import H from "@unicom-cloud/utils/class-name";
+class w extends F {
+  constructor(o) {
+    super(o);
+    r(this, "context");
+    r(this, "wrapper");
+    r(this, "timer");
+    r(this, "rootDOMRef");
+    r(this, "getRootDOMNode", () => this.rootDOMRef.current);
+    r(this, "startTimer", () => {
+      const { duration: o, onClose: t, id: l } = this.props;
+      o !== 0 && (this.timer = window.setTimeout(() => {
+        t == null || t(l), this.removeTimer();
+      }, o));
+    });
+    r(this, "removeTimer", () => {
+      this.timer && (window.clearTimeout(this.timer), this.timer = null);
+    });
+    r(this, "onClose", () => {
+      var o, t;
+      (t = (o = this.props).onClose) == null || t.call(o, this.props.id);
+    });
+    r(this, "renderIcon", () => {
+      const { showIcon: o, icon: t, type: l, prefixCls: h, iconPrefix: a } = this.props;
+      let s;
+      if (t)
+        s = t;
+      else if (o) {
+        switch (l) {
+          case "info":
+            s = /* @__PURE__ */ e(L, {});
+            break;
+          case "success":
+            s = /* @__PURE__ */ e(U, {});
+            break;
+          case "error":
+            s = /* @__PURE__ */ e(P, {});
+            break;
+          case "warning":
+            s = /* @__PURE__ */ e(E, {});
+            break;
+          case "loading":
+            s = /* @__PURE__ */ e(O, {});
+            break;
+        }
+        s = /* @__PURE__ */ e(
+          b.Provider,
+          {
+            value: a ? { prefixCls: a } : {},
+            children: s
+          }
+        );
+      }
+      return /* @__PURE__ */ e("span", { className: `${h}-icon`, children: s });
+    });
+    r(this, "onMouseEnter", () => {
+      this.removeTimer();
+    });
+    r(this, "onMouseLeave", () => {
+      this.removeTimer(), this.startTimer();
+    });
+    this.rootDOMRef = j();
+  }
+  componentDidMount() {
+    this.startTimer();
+  }
+  componentDidUpdate(o) {
+    (o.duration !== this.props.duration || this.props.update) && (this.removeTimer(), this.startTimer());
+  }
+  componentWillUnmount() {
+    this.removeTimer();
+  }
+  render() {
+    const {
+      title: o,
+      content: t,
+      showIcon: l,
+      className: h,
+      style: a,
+      type: s,
+      btn: C,
+      icon: k,
+      prefixCls: i,
+      closable: p,
+      noticeType: x,
+      iconPrefix: I,
+      rtl: y,
+      closeIcon: m,
+      classPrefixCls: M
+    } = this.props, N = H(
+      i,
+      `${i}-${s}`,
+      {
+        [`${i}-closable`]: p,
+        [`${i}-rtl`]: y
+      },
+      h
+    );
+    let d = "closable" in this.props ? p : !0, f = l;
+    s === "normal" && !k && (f = !1);
+    const u = { ...this.context };
+    if (M && (u.prefixCls = M), x === "message")
+      return d = p, /* @__PURE__ */ e(T, { ...u, children: /* @__PURE__ */ e(
+        "div",
+        {
+          style: { textAlign: "center" },
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          ref: this.rootDOMRef,
+          children: /* @__PURE__ */ v("div", { className: N, style: a, role: "alert", children: [
+            f && this.renderIcon(),
+            /* @__PURE__ */ e("span", { className: `${i}-content`, children: t }),
+            d && (m !== void 0 ? /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${i}-close-btn`,
+                children: m
+              }
+            ) : /* @__PURE__ */ e(
+              g,
+              {
+                prefix: i,
+                className: `${i}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ e($, {})
+              }
+            ))
+          ] })
+        }
+      ) });
+    if (x === "notification")
+      return /* @__PURE__ */ e(T, { ...u, children: /* @__PURE__ */ e(
+        "div",
+        {
+          ref: this.rootDOMRef,
+          onMouseEnter: this.onMouseEnter,
+          onMouseLeave: this.onMouseLeave,
+          children: /* @__PURE__ */ v("div", { className: N, style: a, role: "alert", children: [
+            f && /* @__PURE__ */ e("div", { className: `${i}-left`, children: this.renderIcon() }),
+            /* @__PURE__ */ v("div", { className: `${i}-right`, children: [
+              o && /* @__PURE__ */ e("div", { className: `${i}-title`, children: o }),
+              /* @__PURE__ */ e("div", { className: `${i}-content`, children: t }),
+              C && /* @__PURE__ */ e("div", { className: `${i}-btn-wrapper`, children: C })
+            ] }),
+            d && (m !== void 0 ? /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: this.onClose,
+                className: `${i}-close-btn`,
+                children: m
+              }
+            ) : /* @__PURE__ */ e(
+              g,
+              {
+                prefix: i,
+                className: `${i}-close-btn`,
+                onClick: this.onClose,
+                children: /* @__PURE__ */ e(
+                  b.Provider,
+                  {
+                    value: I ? { prefixCls: I } : {},
+                    children: /* @__PURE__ */ e($, {})
+                  }
+                )
+              }
+            ))
+          ] })
+        }
+      ) });
+  }
+}
+r(w, "defaultProps", {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+}), r(w, "contextType", A);
 export {
-  x as default
+  w as default
 };