@unicom-cloud/ui 0.8.81 → 0.8.83

package/chunk/C9oo3EJI.js

@@ -0,0 +1,692 @@
+import { jsx as i, jsxs as X, Fragment as me } from "react/jsx-runtime";
+import Y from "@unicom-cloud/icons/context";
+import { s as Le } from "./DSRHFFrc.js";
+import { UI_PC_PREFIX as F } from "@unicom-cloud/utils/constant/ui";
+import ue from "lodash/merge";
+import A, { forwardRef as te, useContext as D, createContext as Se, useRef as k, useImperativeHandle as oe, useEffect as _, useState as ze, useMemo as qe } from "react";
+import { u as ne } from "./BFTV6myl.js";
+import { b as xe } from "./BJ9_azwQ.js";
+import H from "lodash/isNumber";
+import j from "lodash/isUndefined";
+import { createRoot as ge } from "react-dom/client";
+import Ge from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import pe from "@unicom-cloud/icons/IconUiClose";
+import Qe from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import Xe from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import Ae from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import Be from "@unicom-cloud/icons/IconUiLoading";
+import { setConfigProviderProps as Je } from "../modal/config.js";
+import { createPortal as Ke } from "react-dom";
+import { P as he } from "./NPajzdOv.js";
+import S from "@unicom-cloud/utils/class-name";
+import Ve from "@unicom-cloud/icons/IconUiEmpty";
+import We from "../locale/zh-CN.js";
+import Ne from "../notification/withNotification.js";
+import "lodash/isEqualWith";
+import "./ClM74To2.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "../utils/dom.js";
+import "./B4WG1mhs.js";
+import "./BZ3igxQN.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import Ye from "lodash/isString";
+function Ze(e, o) {
+  const {
+    getPrefixCls: t,
+    locale: l,
+    componentConfig: f
+  } = D(w), n = ne(
+    e,
+    {},
+    f == null ? void 0 : f.Empty
+  ), { style: s, className: u, description: r, icon: c, imgSrc: d, ...m } = n, C = t == null ? void 0 : t("empty"), N = S(C, u), x = l.Empty.noData, a = typeof r == "string" ? r : "empty";
+  return /* @__PURE__ */ i("div", { ref: o, className: N, style: s, ...m, children: /* @__PURE__ */ X("div", { className: `${C}-wrapper`, children: [
+    /* @__PURE__ */ i("div", { className: `${C}-image`, children: d ? /* @__PURE__ */ i("img", { alt: a, src: d }) : c || /* @__PURE__ */ i(Ve, {}) }),
+    /* @__PURE__ */ i("div", { className: `${C}-description`, children: r || x })
+  ] }) });
+}
+const ve = te(Ze);
+ve.displayName = "Empty";
+const et = A.memo(ve);
+function tt(e) {
+  return /* @__PURE__ */ i(et, {});
+}
+const $e = {
+  locale: We,
+  prefixCls: F,
+  getPrefixCls(e, o) {
+    return `${o || F}-${e}`;
+  },
+  getPopupContainer() {
+    return window.document.body;
+  },
+  size: "default",
+  renderEmpty: tt
+}, w = Se({
+  ...$e
+});
+function ot(e, o) {
+  const {
+    children: t,
+    className: l,
+    disabled: f,
+    prefix: n,
+    size: s = "default",
+    ...u
+  } = e, { getPrefixCls: r } = D(w), c = r == null ? void 0 : r("icon-hover"), d = k();
+  return oe(o, () => ({
+    getRootDOMNode: () => d.current
+  })), /* @__PURE__ */ i(
+    "span",
+    {
+      ref: d,
+      className: S(
+        c,
+        {
+          [`${n}-icon-hover`]: n,
+          [`${c}-size-${s}`]: s && s !== "default",
+          [`${c}-disabled`]: f
+        },
+        l
+      ),
+      onClick: e.onClick,
+      ...u,
+      children: t
+    }
+  );
+}
+const Ce = A.forwardRef(ot), nt = {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+};
+function rt(e, o) {
+  const {
+    getPrefixCls: t,
+    componentConfig: l,
+    rtl: f
+  } = D(w), n = ne(
+    e,
+    nt,
+    l == null ? void 0 : l.Notice
+  ), s = D(w), u = t == null ? void 0 : t("notice");
+  k();
+  const r = k(), c = k(), d = k(), {
+    title: m,
+    content: C,
+    showIcon: N,
+    className: x,
+    style: a,
+    type: p,
+    btn: g,
+    icon: $,
+    prefixCls: h,
+    closable: v,
+    noticeType: R,
+    iconPrefix: ce,
+    rtl: Fe = f,
+    closeIcon: z,
+    classPrefixCls: le
+  } = n, He = S(
+    h,
+    `${h}-${p}`,
+    {
+      [`${h}-closable`]: v,
+      [`${h}-rtl`]: Fe
+    },
+    x
+  );
+  let B = "closable" in n ? v : !0, J = N;
+  p === "normal" && !$ && (J = !1);
+  const ae = { ...s };
+  le && (ae.prefixCls = le);
+  function Oe() {
+    return c.current;
+  }
+  function K() {
+    const { duration: b, onClose: U, id: V } = n;
+    b !== 0 && (r.current = window.setTimeout(() => {
+      U == null || U(V), O();
+    }, b));
+  }
+  function O() {
+    r.current && (window.clearTimeout(r.current), r.current = null);
+  }
+  function q() {
+    var b;
+    (b = n.onClose) == null || b.call(n, n.id);
+  }
+  function fe() {
+    const { showIcon: b, icon: U, type: V, iconPrefix: de } = n;
+    let I;
+    if (U)
+      I = U;
+    else if (b) {
+      switch (V) {
+        case "info":
+          I = /* @__PURE__ */ i(Ae, {});
+          break;
+        case "success":
+          I = /* @__PURE__ */ i(Ge, {});
+          break;
+        case "error":
+          I = /* @__PURE__ */ i(Qe, {});
+          break;
+        case "warning":
+          I = /* @__PURE__ */ i(Xe, {});
+          break;
+        case "loading":
+          I = /* @__PURE__ */ i(Be, {});
+          break;
+      }
+      I = /* @__PURE__ */ i(
+        Y.Provider,
+        {
+          value: de ? { prefixCls: de } : {},
+          children: I
+        }
+      );
+    }
+    return /* @__PURE__ */ i("span", { className: `${h}-icon`, children: I });
+  }
+  function je() {
+    O();
+  }
+  function De() {
+    O(), K();
+  }
+  oe(o, () => ({
+    getRootDOMNode: Oe
+  }), []), _(() => {
+    const b = d.current;
+    return (b && (b == null ? void 0 : b.duration) !== n.duration || n.update) && (O(), K()), d.current = n, () => {
+    };
+  }, [n.duration, n.update]), _(() => (K(), () => {
+    O();
+  }), []);
+  let T;
+  return R === "message" && (B = v, T = /* @__PURE__ */ X(me, { children: [
+    J && fe(),
+    /* @__PURE__ */ i("span", { className: `${h}-content`, children: C }),
+    B && (z !== void 0 ? /* @__PURE__ */ i("span", { onClick: q, className: `${h}-close-btn`, children: z }) : /* @__PURE__ */ i(
+      Ce,
+      {
+        prefix: h,
+        className: `${h}-close-btn`,
+        onClick: q,
+        children: /* @__PURE__ */ i(pe, {})
+      }
+    ))
+  ] })), R === "notification" && (T = /* @__PURE__ */ X(me, { children: [
+    J && /* @__PURE__ */ i("div", { className: `${h}-left`, children: fe() }),
+    /* @__PURE__ */ X("div", { className: `${h}-right`, children: [
+      m && /* @__PURE__ */ i("div", { className: `${h}-title`, children: m }),
+      /* @__PURE__ */ i("div", { className: `${h}-content`, children: C }),
+      g && /* @__PURE__ */ i("div", { className: `${h}-btn-wrapper`, children: g })
+    ] }),
+    B && (z !== void 0 ? /* @__PURE__ */ i("span", { onClick: q, className: `${h}-close-btn`, children: z }) : /* @__PURE__ */ i(
+      Ce,
+      {
+        prefix: h,
+        className: `${h}-close-btn`,
+        onClick: q,
+        children: /* @__PURE__ */ i(
+          Y.Provider,
+          {
+            value: ce ? { prefixCls: ce } : {},
+            children: /* @__PURE__ */ i(pe, {})
+          }
+        )
+      }
+    ))
+  ] })), T && (T = /* @__PURE__ */ i(se, { ...ae, childrenName: "notice", children: /* @__PURE__ */ i(
+    "div",
+    {
+      ref: c,
+      className: `${u}-${R}`,
+      onMouseEnter: je,
+      onMouseLeave: De,
+      children: /* @__PURE__ */ i("div", { className: He, style: a, role: "alert", children: T })
+    }
+  ) })), T;
+}
+const be = te(rt);
+function ye(e, o) {
+  const t = D(w), [l, f] = ze([]);
+  function n(r) {
+    f((c) => [...c, r]);
+  }
+  function s(r) {
+    f(
+      (c) => c.filter((d) => r !== d)
+    );
+  }
+  function u() {
+    return t;
+  }
+  return oe(o, () => ({
+    addInstance: n,
+    removeInstance: s,
+    getContextConfig: u
+  })), A.Children.map(
+    l,
+    (r, c) => A.cloneElement(r, { key: c })
+  );
+}
+ye.displayName = "ContextHolderElement";
+const Ie = te(ye);
+function it(e = {}) {
+  const {
+    maxCount: o,
+    duration: t = 3e3,
+    prefixCls: l,
+    getContainer: f
+  } = e, n = k(), s = /* @__PURE__ */ i(Ie, { ref: n }), u = {};
+  let r;
+  function c(m) {
+    let C, N;
+    if (n.current) {
+      const $ = n.current.getContextConfig();
+      N = $.rtl, C = $.prefixCls;
+    }
+    const x = l || C, a = ie(m.position, N), p = {
+      duration: t,
+      ...m
+    }, g = u[a];
+    if (g) {
+      if (g.notices.length >= o) {
+        const $ = g.notices[0];
+        p.id = $.id, g.shift();
+      }
+      g.add({ ...p });
+    } else
+      r = /* @__PURE__ */ i(
+        y,
+        {
+          ...p,
+          prefixCls: x,
+          rtl: N,
+          getContainer: f,
+          ref: ($) => {
+            u[a] = $;
+          }
+        }
+      ), n.current.addInstance(r);
+    return u[a];
+  }
+  const d = {};
+  return re.forEach((m) => {
+    d[m] = (C) => c({
+      ...C,
+      type: m
+    });
+  }), [d, s];
+}
+const re = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let P = {}, G = [], Ee, Pe, we, Z, L;
+function ie(e, o) {
+  return j(e) && (e = o || L ? "topLeft" : "topRight"), e;
+}
+function st(e) {
+  const { prefixCls: o, rtl: t, getContainer: l, notices: f } = e, n = j(t) ? L : t, s = ie(e.position, n), u = o || Pe, r = u ? `${u}-notification` : "pqb-notification";
+  let c;
+  s === "topLeft" || s === "bottomLeft" ? c = "slideNoticeLeft" : c = "slideNoticeRight";
+  const d = S(
+    `${r}-wrapper`,
+    `${r}-wrapper-${s}`,
+    { [`${r}-wrapper-rtl`]: L }
+  ), m = l == null ? void 0 : l();
+  function C(x) {
+    const a = f.find((p) => p.id === x);
+    a && e.update({
+      ...a,
+      style: { ...a.style, opacity: 0 }
+    }), setTimeout(() => {
+      e.remove(x);
+    }, 200);
+  }
+  _(() => (e.add(e), () => {
+    e.clear();
+  }), []);
+  const N = /* @__PURE__ */ i("div", { className: d, children: /* @__PURE__ */ i(xe, { component: null, children: f.map((x) => /* @__PURE__ */ i(
+    he,
+    {
+      timeout: {
+        enter: 400,
+        exit: 300
+      },
+      classNames: c,
+      onExit: (a) => {
+        a && (a.style.height = `${a.scrollHeight}px`);
+      },
+      onExiting: (a) => {
+        a && (a.style.height = 0);
+      },
+      onExited: (a) => {
+        var p;
+        a && (a.style.height = 0, (p = x.onClose) == null || p.call(x));
+      },
+      children: /* @__PURE__ */ i(
+        be,
+        {
+          ...x,
+          onClose: C,
+          prefixCls: r,
+          iconPrefix: u,
+          classPrefixCls: u,
+          noticeType: "notification",
+          rtl: n
+        }
+      )
+    },
+    x.id
+  )) }) });
+  return m ? Ke(N, m) : N;
+}
+const y = Ne(st);
+y.useNotification = it;
+y.config = (e = {}) => {
+  var o;
+  H(e.maxCount) && (Ee = e.maxCount), e.prefixCls && (Pe = e.prefixCls), H(e.duration) && (we = e.duration), typeof e.rtl == "boolean" && (L = e.rtl), e.getContainer && ((o = e.getContainer) == null ? void 0 : o.call(e)) !== Z && (Z = e.getContainer(), Object.values(P).forEach(
+    (t) => {
+      var l;
+      return (l = t == null ? void 0 : t.clear) == null ? void 0 : l.call(t);
+    }
+  ), P = {});
+};
+y.clear = () => {
+  Object.values(P).forEach((e) => {
+    e == null || e.clear();
+  });
+};
+y.remove = (e) => {
+  Object.values(P).forEach((o) => {
+    o == null || o.remove(e);
+  });
+};
+y.addInstance = (e) => {
+  const o = ie(e.position, L), t = P[o], l = {
+    duration: we,
+    ...e
+  };
+  if (t) {
+    const f = t.notices.find(
+      (s) => s.id === e.id
+    ), n = {
+      ...l,
+      update: f
+    };
+    t.notices.length >= Ee && (f ? n.id = f.id : t.shift()), t.add({ ...n });
+  }
+  if (t === null && G.push(e), t === void 0) {
+    const f = document.createElement("div");
+    (Z || document.body).appendChild(f), ge(f).render(
+      /* @__PURE__ */ i(
+        y,
+        {
+          ...l,
+          ref: (s) => {
+            if (s) {
+              for (let u = 0; u < G.length; u++)
+                s.add(G[u]);
+              G = [], P[o] = s;
+            }
+          }
+        }
+      )
+    ), P[o] = null;
+  }
+  return P[o];
+};
+re.forEach((e) => {
+  y[e] = (o) => y.addInstance({
+    ...o,
+    type: e
+  });
+});
+function ct(e = {}) {
+  const { maxCount: o, duration: t = 3e3, prefixCls: l } = e, f = k(), n = qe(
+    () => /* @__PURE__ */ i(Ie, { ref: f }),
+    []
+  ), s = {};
+  let u;
+  function r(d) {
+    let m, C;
+    if (f.current) {
+      const v = f.current.getContextConfig();
+      C = v.rtl, m = v.prefixCls;
+    }
+    const N = l || m, x = {
+      position: "top",
+      duration: t,
+      ...d
+    }, { position: a, transitionClassNames: p } = x;
+    let g;
+    const $ = s[a];
+    if ($) {
+      const v = $.notices;
+      v.length >= o ? (g = v[0].id, $.shift(), $.add({ ...x, id: g })) : g = $.add(x);
+    } else
+      u = /* @__PURE__ */ i(
+        E,
+        {
+          ...x,
+          transitionClassNames: p,
+          prefixCls: N,
+          rtl: C,
+          ref: (v) => {
+            s[a] = v;
+          }
+        }
+      ), f.current.addInstance(u);
+    return () => {
+      var v, R;
+      (R = (v = s[a]) == null ? void 0 : v.remove) == null || R.call(v, g);
+    };
+  }
+  const c = {};
+  return Re.forEach((d) => {
+    c[d] = (m) => {
+      const C = Ye(m) ? { content: m } : m;
+      return r({
+        ...C,
+        type: d
+      });
+    };
+  }), [c, n];
+}
+const Re = [...re];
+let M = {}, Q = [], ke, Me, _e, ee, Te, Ue;
+function lt(e) {
+  const {
+    transitionClassNames: o,
+    transitionTimeout: t,
+    prefixCls: l,
+    rtl: f,
+    closable: n,
+    notices: s,
+    position: u
+  } = e;
+  function r(a) {
+    const p = e.notices.find((g) => g.id === a);
+    p && e.update({
+      ...p,
+      style: { ...p.style, opacity: 0 }
+    }), setTimeout(() => {
+      e.remove(a);
+    }, 100);
+  }
+  _(() => (e.add(e), () => {
+    e.clear();
+  }), []);
+  const c = l || Me, d = j(f) ? Te : f, m = j(n) ? Ue : n, C = c ? `${c}-message` : "pqb-message", N = {
+    enter: H(t == null ? void 0 : t.enter) ? t == null ? void 0 : t.enter : 100,
+    exit: H(t == null ? void 0 : t.exit) ? t == null ? void 0 : t.exit : 300
+  }, x = S(
+    `${C}-wrapper`,
+    `${C}-wrapper-${u}`
+  );
+  return /* @__PURE__ */ i("div", { className: x, children: /* @__PURE__ */ i(xe, { component: null, children: s.map((a) => /* @__PURE__ */ i(
+    he,
+    {
+      timeout: N,
+      classNames: o || "fadeMessage",
+      onExit: (p) => {
+        p && (p.style.height = `${p.scrollHeight}px`);
+      },
+      onExiting: (p) => {
+        p && (p.style.height = 0);
+      },
+      onExited: (p) => {
+        var g;
+        p && (p.style.height = 0, (g = a.onClose) == null || g.call(a));
+      },
+      children: /* @__PURE__ */ i(
+        be,
+        {
+          ...a,
+          prefixCls: C,
+          classPrefixCls: c,
+          iconPrefix: c,
+          onClose: r,
+          noticeType: "message",
+          rtl: d,
+          ...j(m) ? {} : { closable: m }
+        }
+      )
+    },
+    a.id
+  )) }) });
+}
+const E = Ne(lt);
+E.config = (e = {}) => {
+  var o;
+  H(e.maxCount) && (ke = e.maxCount), e.prefixCls && (Me = e.prefixCls), H(e.duration) && (_e = e.duration), typeof e.rtl == "boolean" && (Te = e.rtl), typeof e.closable == "boolean" && (Ue = e.closable), ((o = e.getContainer) == null ? void 0 : o.call(e)) !== ee && (ee = e.getContainer(), Object.values(M).forEach((t) => t == null ? void 0 : t.clear()), M = {});
+};
+E.clear = () => {
+  Object.values(M).forEach((e) => {
+    e == null || e.clear();
+  });
+};
+E.addInstance = (e) => {
+  const o = {
+    position: "top",
+    duration: _e,
+    ...e
+  }, { position: t, transitionClassNames: l, transitionTimeout: f } = o;
+  let n;
+  const s = M[t];
+  if (s) {
+    const r = s.notices.find(
+      (d) => d.id === e.id
+    ), c = {
+      ...o,
+      update: r
+    };
+    s.notices.length >= ke ? r ? s.add({
+      ...c,
+      id: r.id
+    }) : (s.shift(), s.add(c)) : n = s.add(c);
+  }
+  if (s === null && Q.push(e), s === void 0) {
+    const r = document.createElement("div");
+    (ee || document.body).appendChild(r), ge(r).render(
+      /* @__PURE__ */ i(
+        E,
+        {
+          transitionClassNames: l,
+          transitionTimeout: f,
+          ...o,
+          ref: (d) => {
+            if (d) {
+              for (let m = 0; m < Q.length; m++)
+                d.add(Q[m]);
+              Q = [], M[t] = d;
+            }
+          }
+        }
+      )
+    ), M[t] = null;
+  }
+  return () => {
+    var r, c;
+    (c = (r = M[t]) == null ? void 0 : r.remove) == null || c.call(r, n);
+  };
+};
+Re.forEach((e) => {
+  E[e] = (o) => {
+    const t = typeof o == "string" ? { content: o } : o;
+    return E.addInstance({
+      ...t,
+      type: e
+    });
+  };
+});
+E.useMessage = ct;
+const at = $e;
+let W = {};
+const ft = {};
+function se(e) {
+  const o = ne(
+    e,
+    at,
+    ft
+  ), {
+    theme: t,
+    prefixCls: l = F,
+    locale: f,
+    rtl: n,
+    effectGlobalNotice: s = !0,
+    effectGlobalModal: u = !0
+  } = o, {
+    children: r,
+    isRootConfig: c,
+    keepConfig: d,
+    // 潘启宝添加
+    ...m
+  } = o;
+  (c || d) && (W = ue({}, W, m));
+  const C = ue({}, W, m, {
+    getPrefixCls: N
+  });
+  function N(a, p) {
+    return `${p || l || F}-${a}`;
+  }
+  _(() => (Le({ prefix: F, theme: t }), () => {
+  }), [t]), _(() => {
+    s && (E.config({ prefixCls: l, rtl: n }), y.config({ prefixCls: l, rtl: n }));
+  }, [l, n, s]), _(() => {
+    u && Je({ locale: f, prefixCls: l, rtl: n });
+  }, [f, l, n, u]);
+  let x = r;
+  return l && l !== F && (x = /* @__PURE__ */ i(Y.Provider, { value: { prefixCls: l }, children: r })), /* @__PURE__ */ i(w.Provider, { value: C, children: x });
+}
+se.ConfigContext = w;
+se.displayName = "ConfigProvider";
+const Qt = w.Consumer;
+export {
+  Qt as C,
+  et as E,
+  Ce as I,
+  E as M,
+  y as N,
+  w as a,
+  se as b,
+  $e as c,
+  it as d,
+  Ie as e,
+  be as f,
+  ie as g,
+  Re as m,
+  re as n,
+  ct as u
+};