@unicom-cloud/ui 0.8.71 → 0.8.72

package/chunk/Cgbja_v_.js

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