@unicom-cloud/ui 0.8.74 → 0.8.76

package/chunk/CQzKdjhX.js

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