@unicom-cloud/ui 0.8.46 → 0.8.48

package/Mentions.js

@@ -1,149 +1,158 @@
-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 = {
+import { jsxs as P, jsx as T } from "react/jsx-runtime";
+import q, { useContext as z, useRef as v, useState as G, useEffect as J } from "react";
+import { a as Q } from "./chunk/z7sBNzI4.js";
+import X from "./hooks/useMergeProps.js";
+import Y from "./hooks/useMergeValue.js";
+import { I as Z } from "./chunk/I0bfWb5y.js";
+import { S as _ } from "./chunk/DCe3olyi.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(w, A) {
-  const { getPrefixCls: E, componentConfig: f, rtl: I } = z(oe), p = Q(
-    w,
+function ae(i, t) {
+  const { getPrefixCls: A, componentConfig: c, rtl: d } = z(Q), a = X(
+    i,
     ie,
-    f == null ? void 0 : f.Mentions
+    c == null ? void 0 : c.Mentions
   ), {
-    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({
+    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(() => {
-    c.current && g.current && (g.current.scrollTop = c.current.dom.scrollTop);
+    m.current && k.current && (k.current.scrollTop = m.current.dom.scrollTop);
   });
-  const y = () => {
-    v({
+  const $ = () => {
+    N({
       ...e,
       measuring: !1,
       location: 0,
       text: ""
     });
-  }, 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);
+  }, 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: (t) => {
-      T(t), i == null || i(t);
+    onChange: (r) => {
+      I(r), u == null || u(r);
     },
-    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());
+    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: (t) => {
-      const { key: o, target: h } = t;
+    onKeyUp: (r) => {
+      const { key: o, target: M } = r;
       if (~se.indexOf(o))
         return;
-      const n = ee(h), { location: r, prefix: l } = te(n, D), s = n.slice(
-        r + l.length
+      const s = re(M), { location: n, prefix: p } = ne(s, b), l = s.slice(
+        n + p.length
       );
-      r > -1 && re(s, p) ? ((o === l || e.measuring || s !== e.text) && v({
+      n > -1 && te(l, a) ? ((o === p || e.measuring || l !== e.text) && N({
         measuring: !0,
-        text: s,
-        prefix: l,
-        location: r
-      }), x == null || x(s, l)) : e.measuring && y();
+        text: l,
+        prefix: p,
+        location: n
+      }), y == null || y(l, p)) : e.measuring && $();
     },
-    onBlur: y
+    onBlur: $
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ P(
     "div",
     {
-      ref: A,
-      style: W,
-      className: _(
-        `${a}`,
+      ref: t,
+      style: O,
+      className: ee(
+        `${f}`,
         {
-          [`${a}-align-textarea`]: M,
-          [`${a}-rtl`]: I
+          [`${f}-align-textarea`]: C,
+          [`${f}-rtl`]: d
         },
-        b
+        W
       ),
       children: [
-        /* @__PURE__ */ k(
-          ne,
+        /* @__PURE__ */ T(
+          oe,
           {
-            ref: c,
-            className: `${a}-textarea`,
-            value: u,
+            ref: m,
+            className: `${f}-textarea`,
+            value: x,
             ...U,
-            ...H
+            ...F
           }
         ),
-        /* @__PURE__ */ C("div", { ref: g, className: `${a}-measure`, children: [
-          u.slice(0, e.location),
-          /* @__PURE__ */ k(
-            Z,
+        /* @__PURE__ */ P("div", { ref: k, className: `${f}-measure`, children: [
+          x.slice(0, e.location),
+          /* @__PURE__ */ T(
+            _,
             {
-              ref: d,
-              options: B,
+              ref: h,
+              options: L,
               inputValue: e.text,
-              notFoundContent: F,
-              triggerElement: /* @__PURE__ */ k("span", { className: `${a}-measure-trigger`, children: e.prefix }),
+              notFoundContent: j,
+              triggerElement: /* @__PURE__ */ T("span", { className: `${f}-measure-trigger`, children: e.prefix }),
               triggerProps: {
                 popupVisible: e.measuring,
-                autoAlignPopupWidth: M,
-                position: K,
-                ...R
+                autoAlignPopupWidth: C,
+                position: B,
+                ...K
               },
-              filterOption: O,
-              getPopupContainer: j,
+              filterOption: D,
+              getPopupContainer: R,
               value: void 0,
-              onChange: L
+              onChange: H
             }
           ),
-          u.slice(e.location + e.prefix.length)
+          x.slice(e.location + e.prefix.length)
         ] })
       ]
     }

package/Menu.js

@@ -1,10 +1,4 @@
-/* empty css                 */
-/* empty css                        */
-/* empty css                         */
-/* empty css                          */
-/* empty css                         */
-/* empty css                      */
-import n from "./menu/Menu.js";
+import { M as e } from "./chunk/DUX5Hw8l.js";
 export {
-  n as default
+  e as default
 };

package/Message.js

@@ -1,149 +1,11 @@
-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;
+import "react/jsx-runtime";
+import "./chunk/uUGMUxt_.js";
+import "lodash/isNumber";
+import "lodash/isUndefined";
+import { M as d } from "./chunk/z7sBNzI4.js";
+import "./NotificationBase.js";
+import "@unicom-cloud/utils/class-name";
+import "./utils/reactDOM.js";
 export {
-  i as default
+  d as default
 };

package/Modal.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                        */
-/* empty css                       */
-import m from "./modal/Modal.js";
+import { E as t } from "./chunk/DMeJAY1S.js";
 export {
-  m as default
+  t as default
 };

package/Notice.js

@@ -1,198 +1,14 @@
-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);
+import "react/jsx-runtime";
+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 { h as s } from "./chunk/z7sBNzI4.js";
+import "@unicom-cloud/utils/class-name";
 export {
-  w as default
+  s as default
 };