@unicom-cloud/ui 0.8.69 → 0.8.71

package/chunk/CZWGeRVA.js

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