@unicom-cloud/ui 0.8.67 → 0.8.69

package/chunk/ll867Bf3.js

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