@unicom-cloud/ui 0.8.75 → 0.8.77

package/chunk/CNcLypMY.js

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