@unicom-cloud/ui 0.8.68 → 0.8.70

package/chunk/CASwN1hB.js

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

package/chunk/{BDB0LByj.js → CSk3yQDO.js}

@@ -28,7 +28,7 @@ import "../utils/responsiveObserve.js";
 import "../utils/style.js";
 import "./BsWphzcT.js";
 import "./JPPo5nY_.js";
-import "./ll867Bf3.js";
+import "./CASwN1hB.js";
 import "./Ey4YJCkX.js";
 import "./DzVH9IBy.js";
 import "./CTxjmYmx.js";