@unicom-cloud/ui 0.8.73 → 0.8.75

package/chunk/C9XYyypq.js

@@ -0,0 +1,713 @@
+import Q, { forwardRef as Z, useContext as D, createContext as He, useRef as M, useImperativeHandle as ee, useEffect as q, 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 { c as Ue } from "./BbqvFW5R.js";
+import Fe from "lodash/isPlainObject";
+import { u as te } from "./BFTV6myl.js";
+import { b as me } from "./BJ9_azwQ.js";
+import _ from "lodash/isNumber";
+import H from "lodash/isUndefined";
+import { createRoot as pe } from "react-dom/client";
+import Le from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import de from "@unicom-cloud/icons/IconUiClose";
+import ze from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import Ae 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 { p as U } from "./CUFsOxJ2.js";
+import Je 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 Ke } from "react-dom";
+import { P as Ce } from "./BpYX5PN4.js";
+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: c,
+    componentConfig: a
+  } = D(w), n = te(
+    e,
+    {},
+    a == null ? void 0 : a.Empty
+  ), { style: i, className: p, description: s, icon: l, imgSrc: d, ...u } = 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, ...u, 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(Be, {}) }),
+    /* @__PURE__ */ r("div", { className: `${C}-description`, children: s || g })
+  ] }) });
+}
+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
+}, w = He({
+  getPrefixCls: (e, o) => `${o || "pqb"}-${e}`,
+  ...xe
+});
+function tt(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(tt), ot = {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+};
+function rt(e, o) {
+  const {
+    getPrefixCls: t,
+    componentConfig: c,
+    rtl: a
+  } = D(w), n = te(
+    e,
+    ot,
+    c == null ? void 0 : c.Notice
+  ), i = D(w), p = t("notice");
+  M();
+  const s = M(), l = M(), d = M(), {
+    title: u,
+    content: C,
+    showIcon: x,
+    className: g,
+    style: f,
+    type: m,
+    btn: h,
+    icon: b,
+    prefixCls: v,
+    closable: y,
+    noticeType: R,
+    iconPrefix: ie,
+    rtl: qe = a,
+    closeIcon: F,
+    classPrefixCls: se
+  } = n, Oe = U(
+    v,
+    `${v}-${m}`,
+    {
+      [`${v}-closable`]: y,
+      [`${v}-rtl`]: qe
+    },
+    g
+  );
+  let B = "closable" in n ? y : !0, J = x;
+  m === "normal" && !b && (J = !1);
+  const le = { ...i };
+  se && (le.prefixCls = se);
+  function Te() {
+    return l.current;
+  }
+  function K() {
+    const { duration: N, onClose: T, id: V } = n;
+    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 = n.onClose) == null || N.call(n, n.id);
+  }
+  function ce() {
+    const { showIcon: N, icon: T, type: V, iconPrefix: ae } = n;
+    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(ze, {});
+          break;
+        case "warning":
+          P = /* @__PURE__ */ r(Ae, {});
+          break;
+        case "loading":
+          P = /* @__PURE__ */ r(Qe, {});
+          break;
+      }
+      P = /* @__PURE__ */ r(
+        W.Provider,
+        {
+          value: ae ? { prefixCls: ae } : {},
+          children: P
+        }
+      );
+    }
+    return /* @__PURE__ */ r("span", { className: `${v}-icon`, children: P });
+  }
+  function _e() {
+    j();
+  }
+  function je() {
+    j(), K();
+  }
+  ee(o, () => ({
+    getRootDOMNode: Te
+  }), []), q(() => {
+    const N = d.current;
+    return (N && (N == null ? void 0 : N.duration) !== n.duration || n.update) && (j(), K()), d.current = n, () => {
+    };
+  }, [n.duration, n.update]), q(() => (K(), () => {
+    j();
+  }), []);
+  let O;
+  return R === "message" && (B = y, O = /* @__PURE__ */ G(fe, { children: [
+    J && ce(),
+    /* @__PURE__ */ r("span", { className: `${v}-content`, children: C }),
+    B && (F !== void 0 ? /* @__PURE__ */ r("span", { onClick: L, className: `${v}-close-btn`, children: F }) : /* @__PURE__ */ r(
+      ue,
+      {
+        prefix: v,
+        className: `${v}-close-btn`,
+        onClick: L,
+        children: /* @__PURE__ */ r(de, {})
+      }
+    ))
+  ] })), R === "notification" && (O = /* @__PURE__ */ G(fe, { children: [
+    J && /* @__PURE__ */ r("div", { className: `${v}-left`, children: ce() }),
+    /* @__PURE__ */ G("div", { className: `${v}-right`, children: [
+      u && /* @__PURE__ */ r("div", { className: `${v}-title`, children: u }),
+      /* @__PURE__ */ r("div", { className: `${v}-content`, children: C }),
+      h && /* @__PURE__ */ r("div", { className: `${v}-btn-wrapper`, children: h })
+    ] }),
+    B && (F !== void 0 ? /* @__PURE__ */ r("span", { onClick: L, className: `${v}-close-btn`, children: F }) : /* @__PURE__ */ r(
+      ue,
+      {
+        prefix: v,
+        className: `${v}-close-btn`,
+        onClick: L,
+        children: /* @__PURE__ */ r(
+          W.Provider,
+          {
+            value: ie ? { prefixCls: ie } : {},
+            children: /* @__PURE__ */ r(de, {})
+          }
+        )
+      }
+    ))
+  ] })), O && (O = /* @__PURE__ */ r(ne, { ...le, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      className: `${p}-${R}`,
+      onMouseEnter: _e,
+      onMouseLeave: je,
+      children: /* @__PURE__ */ r("div", { className: Oe, style: f, role: "alert", children: O })
+    }
+  ) })), O;
+}
+const be = Z(rt);
+function nt(e = {}) {
+  const {
+    maxCount: o,
+    duration: t = 3e3,
+    prefixCls: c,
+    getContainer: a
+  } = e, n = M(), i = /* @__PURE__ */ r(ke, { ref: n }), p = {};
+  let s;
+  function l(u) {
+    let C, x;
+    if (n.current) {
+      const b = n.current.getContextConfig();
+      x = b.rtl, C = b.prefixCls;
+    }
+    const g = c || C, f = re(u.position, x), m = {
+      duration: t,
+      ...u
+    }, h = p[f];
+    if (h) {
+      if (h.notices.length >= o) {
+        const b = h.notices[0];
+        m.id = b.id, h.shift();
+      }
+      h.add({ ...m });
+    } else
+      s = /* @__PURE__ */ r(
+        $,
+        {
+          ...m,
+          prefixCls: g,
+          rtl: x,
+          getContainer: a,
+          ref: (b) => {
+            p[f] = b;
+          }
+        }
+      ), n.current.addInstance(s);
+    return p[f];
+  }
+  const d = {};
+  return oe.forEach((u) => {
+    d[u] = (C) => l({
+      ...C,
+      type: u
+    });
+  }), [d, i];
+}
+const oe = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let I = {}, z = [], 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: c, notices: a } = e, n = H(t) ? S : t, i = re(e.position, n), p = o || ye, 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 }
+  ), u = c == null ? void 0 : c();
+  function C(g) {
+    const f = a.find((m) => m.id === g);
+    f && e.update({
+      ...f,
+      style: { ...f.style, opacity: 0 }
+    }), setTimeout(() => {
+      e.remove(g);
+    }, 200);
+  }
+  q(() => (e.add(e), () => {
+    e.clear();
+  }), []);
+  const x = /* @__PURE__ */ r("div", { className: d, children: /* @__PURE__ */ r(me, { component: null, children: a.map((g) => /* @__PURE__ */ r(
+    Ce,
+    {
+      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 m;
+        f && (f.style.height = 0, (m = g.onClose) == null || m.call(g));
+      },
+      children: /* @__PURE__ */ r(
+        be,
+        {
+          ...g,
+          onClose: C,
+          prefixCls: s,
+          iconPrefix: p,
+          classPrefixCls: p,
+          noticeType: "notification",
+          rtl: n
+        }
+      )
+    },
+    g.id
+  )) }) });
+  return u ? Ke(x, u) : x;
+}
+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(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 = re(e.position, S), t = I[o], c = {
+    duration: Ne,
+    ...e
+  };
+  if (t) {
+    const a = t.notices.find(
+      (i) => i.id === e.id
+    ), n = {
+      ...c,
+      update: a
+    };
+    t.notices.length >= ve && (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), pe(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];
+};
+oe.forEach((e) => {
+  $[e] = (o) => $.addInstance({
+    ...o,
+    type: e
+  });
+});
+function st(e = {}) {
+  const { maxCount: o, duration: t = 3e3, prefixCls: c } = e, a = M(), n = De(
+    () => /* @__PURE__ */ r(ke, { ref: a }),
+    []
+  ), i = {};
+  let p;
+  function s(d) {
+    let u, C;
+    if (a.current) {
+      const y = a.current.getContextConfig();
+      C = y.rtl, u = y.prefixCls;
+    }
+    const x = c || u, g = {
+      position: "top",
+      duration: t,
+      ...d
+    }, { position: f, transitionClassNames: m } = g;
+    let h;
+    const b = i[f];
+    if (b) {
+      const y = b.notices;
+      y.length >= o ? (h = y[0].id, b.shift(), b.add({ ...g, id: h })) : h = b.add(g);
+    } else
+      p = /* @__PURE__ */ r(
+        E,
+        {
+          ...g,
+          transitionClassNames: m,
+          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 $e.forEach((d) => {
+    l[d] = (u) => {
+      const C = Ve(u) ? { content: u } : u;
+      return s({
+        ...C,
+        type: d
+      });
+    };
+  }), [l, n];
+}
+const $e = [...oe];
+let k = {}, A = [], Pe, Ee, Ie, Y, we, Re;
+function lt(e) {
+  const {
+    transitionClassNames: o,
+    transitionTimeout: t,
+    prefixCls: c,
+    rtl: a,
+    closable: n,
+    notices: i,
+    position: p
+  } = e;
+  function s(f) {
+    const m = e.notices.find((h) => h.id === f);
+    m && e.update({
+      ...m,
+      style: { ...m.style, opacity: 0 }
+    }), setTimeout(() => {
+      e.remove(f);
+    }, 100);
+  }
+  q(() => (e.add(e), () => {
+    e.clear();
+  }), []);
+  const l = c || Ee, d = H(a) ? we : a, u = H(n) ? Re : n, C = l ? `${l}-message` : "pqb-message", x = {
+    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
+  }, g = U(
+    `${C}-wrapper`,
+    `${C}-wrapper-${p}`
+  );
+  return /* @__PURE__ */ r("div", { className: g, children: /* @__PURE__ */ r(me, { component: null, children: i.map((f) => /* @__PURE__ */ r(
+    Ce,
+    {
+      timeout: x,
+      classNames: o || "fadeMessage",
+      onExit: (m) => {
+        m && (m.style.height = `${m.scrollHeight}px`);
+      },
+      onExiting: (m) => {
+        m && (m.style.height = 0);
+      },
+      onExited: (m) => {
+        var h;
+        m && (m.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(u) ? {} : { closable: u }
+        }
+      )
+    },
+    f.id
+  )) }) });
+}
+const E = ge(lt);
+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(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: Ie,
+    ...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 >= Pe ? 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), pe(s).render(
+      /* @__PURE__ */ r(
+        E,
+        {
+          transitionClassNames: c,
+          transitionTimeout: a,
+          ...o,
+          ref: (d) => {
+            if (d) {
+              for (let u = 0; u < A.length; u++)
+                d.add(A[u]);
+              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);
+  };
+};
+$e.forEach((e) => {
+  E[e] = (o) => {
+    const t = typeof o == "string" ? { content: o } : o;
+    return E.addInstance({
+      ...t,
+      type: e
+    });
+  };
+});
+E.useMessage = st;
+const ct = {
+  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,
+    prefixCls: c,
+    children: a,
+    locale: n,
+    rtl: i,
+    effectGlobalNotice: p = !0,
+    effectGlobalModal: s = !0
+  } = o, l = {
+    ...Xe(o, ["children"]),
+    getPrefixCls: d
+  };
+  function d(C, x) {
+    return `${x || c}-${C}`;
+  }
+  q(() => {
+    t && Fe(t) && Object.entries(ct).forEach(([C, x], g, f) => {
+      const m = t[C];
+      if (!m) return;
+      const h = new Ue(m), b = window.document.body;
+      b.style.setProperty(x.default, h.lighten(0).toRgbArrayString()), t[`${C}Hover`] || b.style.setProperty(x.hover, h.lighten(10).toRgbArrayString()), t[`${C}Active`] || b.style.setProperty(x.active, h.lighten(-10).toRgbArrayString());
+    });
+  }, [t]), q(() => {
+    p && (E.config({ prefixCls: c, rtl: i }), $.config({ prefixCls: c, rtl: i }));
+  }, [c, i, p]), q(() => {
+    s && We({ locale: n, prefixCls: c, rtl: i });
+  }, [n, c, i, s]);
+  let u = a;
+  return c && c !== "pqb" && (u = /* @__PURE__ */ r(W.Provider, { value: { prefixCls: c }, children: a })), /* @__PURE__ */ r(w.Provider, { value: l, children: u });
+}
+ne.ConfigContext = w;
+ne.displayName = "ConfigProvider";
+const Gt = w.Consumer;
+function Me(e, o) {
+  const t = D(w), [c, a] = Se([]);
+  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 })
+  );
+}
+Me.displayName = "ContextHolderElement";
+const ke = Z(Me);
+export {
+  Gt as C,
+  xe as D,
+  Ze as E,
+  ue as I,
+  E as M,
+  $ as N,
+  w as a,
+  ne as b,
+  nt as c,
+  ke as d,
+  ct as e,
+  be as f,
+  re as g,
+  $e as m,
+  oe as n,
+  st as u
+};

package/chunk/CIkPwQlq.js

@@ -0,0 +1,6 @@
+const s = () => {
+}, t = "pqb-theme-dark";
+export {
+  s as N,
+  t as T
+};