@unicom-cloud/ui 0.8.81 → 0.8.82

package/chunk/Cplu5dtQ.js

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