@unicom-cloud/ui 0.8.90 → 0.8.92

package/notice/index.js

@@ -1,25 +1,184 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/context";
-import "@unicom-cloud/icons/IconUiCheckCircleFill";
-import "@unicom-cloud/icons/IconUiClose";
-import "@unicom-cloud/icons/IconUiCloseCircleFill";
-import "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import "@unicom-cloud/icons/IconUiInfoCircleFill";
-import "@unicom-cloud/icons/IconUiLoading";
-import "react";
-import { f as w } from "../chunk/B44Hj5ad.js";
+import { jsxs as $, Fragment as R, jsx as e } from "react/jsx-runtime";
+import E from "@unicom-cloud/icons/context";
+import Z from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import j from "@unicom-cloud/icons/IconUiClose";
+import ee from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import oe from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import re from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import ne from "@unicom-cloud/icons/IconUiLoading";
+import { forwardRef as ie, useContext as D, useRef as f, useImperativeHandle as te, useEffect as H } from "react";
+import ce from "../config-provider/ConfigProvider.js";
+import L from "../config-provider/context.js";
 import "lodash/isEqualWith";
-import "../chunk/ClM74To2.js";
+import "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../utils/dom.js";
-import "../chunk/B4WG1mhs.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/BZ3igxQN.js";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import se from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
-import "@unicom-cloud/utils/class-name";
+import O from "../icon-hover/index.js";
+import le from "@unicom-cloud/utils/class-name";
+const ae = {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+};
+function me(_, q) {
+  const {
+    getPrefixCls: d,
+    componentConfig: p,
+    rtl: z
+  } = D(L), r = se(
+    _,
+    ae,
+    p == null ? void 0 : p.Notice
+  ), A = D(L), B = d == null ? void 0 : d("notice");
+  f();
+  const l = f(), I = f(), b = f(), {
+    title: w,
+    content: g,
+    showIcon: G,
+    className: J,
+    style: K,
+    type: k,
+    btn: P,
+    icon: Q,
+    prefixCls: o,
+    closable: u,
+    noticeType: h,
+    iconPrefix: y,
+    rtl: S = z,
+    closeIcon: a,
+    classPrefixCls: T
+  } = r, V = le(
+    o,
+    `${o}-${k}`,
+    {
+      [`${o}-closable`]: u,
+      [`${o}-rtl`]: S
+    },
+    J
+  );
+  let C = "closable" in r ? u : !0, x = G;
+  k === "normal" && !Q && (x = !1);
+  const U = { ...A };
+  T && (U.prefixCls = T);
+  function W() {
+    return I.current;
+  }
+  function N() {
+    const { duration: n, onClose: c, id: v } = r;
+    n !== 0 && (l.current = window.setTimeout(() => {
+      c == null || c(v), s();
+    }, n));
+  }
+  function s() {
+    l.current && (window.clearTimeout(l.current), l.current = null);
+  }
+  function m() {
+    var n;
+    (n = r.onClose) == null || n.call(r, r.id);
+  }
+  function F() {
+    const { showIcon: n, icon: c, type: v, iconPrefix: M } = r;
+    let i;
+    if (c)
+      i = c;
+    else if (n) {
+      switch (v) {
+        case "info":
+          i = /* @__PURE__ */ e(re, {});
+          break;
+        case "success":
+          i = /* @__PURE__ */ e(Z, {});
+          break;
+        case "error":
+          i = /* @__PURE__ */ e(ee, {});
+          break;
+        case "warning":
+          i = /* @__PURE__ */ e(oe, {});
+          break;
+        case "loading":
+          i = /* @__PURE__ */ e(ne, {});
+          break;
+      }
+      i = /* @__PURE__ */ e(
+        E.Provider,
+        {
+          value: M ? { prefixCls: M } : {},
+          children: i
+        }
+      );
+    }
+    return /* @__PURE__ */ e("span", { className: `${o}-icon`, children: i });
+  }
+  function X() {
+    s();
+  }
+  function Y() {
+    s(), N();
+  }
+  te(q, () => ({
+    getRootDOMNode: W
+  }), []), H(() => {
+    const n = b.current;
+    return (n && (n == null ? void 0 : n.duration) !== r.duration || r.update) && (s(), N()), b.current = r, () => {
+    };
+  }, [r.duration, r.update]), H(() => (N(), () => {
+    s();
+  }), []);
+  let t;
+  return h === "message" && (C = u, t = /* @__PURE__ */ $(R, { children: [
+    x && F(),
+    /* @__PURE__ */ e("span", { className: `${o}-content`, children: g }),
+    C && (a !== void 0 ? /* @__PURE__ */ e("span", { onClick: m, className: `${o}-close-btn`, children: a }) : /* @__PURE__ */ e(
+      O,
+      {
+        prefix: o,
+        className: `${o}-close-btn`,
+        onClick: m,
+        children: /* @__PURE__ */ e(j, {})
+      }
+    ))
+  ] })), h === "notification" && (t = /* @__PURE__ */ $(R, { children: [
+    x && /* @__PURE__ */ e("div", { className: `${o}-left`, children: F() }),
+    /* @__PURE__ */ $("div", { className: `${o}-right`, children: [
+      w && /* @__PURE__ */ e("div", { className: `${o}-title`, children: w }),
+      /* @__PURE__ */ e("div", { className: `${o}-content`, children: g }),
+      P && /* @__PURE__ */ e("div", { className: `${o}-btn-wrapper`, children: P })
+    ] }),
+    C && (a !== void 0 ? /* @__PURE__ */ e("span", { onClick: m, className: `${o}-close-btn`, children: a }) : /* @__PURE__ */ e(
+      O,
+      {
+        prefix: o,
+        className: `${o}-close-btn`,
+        onClick: m,
+        children: /* @__PURE__ */ e(
+          E.Provider,
+          {
+            value: y ? { prefixCls: y } : {},
+            children: /* @__PURE__ */ e(j, {})
+          }
+        )
+      }
+    ))
+  ] })), t && (t = /* @__PURE__ */ e(ce, { ...U, childrenName: "notice", children: /* @__PURE__ */ e(
+    "div",
+    {
+      ref: I,
+      className: `${B}-${h}`,
+      onMouseEnter: X,
+      onMouseLeave: Y,
+      children: /* @__PURE__ */ e("div", { className: V, style: K, role: "alert", children: t })
+    }
+  ) })), t;
+}
+const De = ie(me);
 export {
-  w as default
+  De as default
 };

package/notification/index.js

@@ -1,17 +1,151 @@
-import "react/jsx-runtime";
-import "../chunk/BJ9_azwQ.js";
-import "lodash/isNumber";
-import "lodash/isUndefined";
-import "react";
-import "react-dom";
-import "react-dom/client";
-import { N as d, g, n as u, d as N } from "../chunk/B44Hj5ad.js";
-import "../chunk/NPajzdOv.js";
-import "@unicom-cloud/utils/class-name";
-import "./withNotification.js";
+import { jsx as s } from "react/jsx-runtime";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import L from "../dist/react-transition-group/src/TransitionGroup.js";
+import b from "lodash/isNumber";
+import y from "lodash/isUndefined";
+import { useEffect as R } from "react";
+import { createPortal as T } from "react-dom";
+import { createRoot as _ } from "react-dom/client";
+import O from "../notice/index.js";
+import { PqbCSSTransition as q } from "../components/common/utils/PqbCSSTransition.js";
+import S from "@unicom-cloud/utils/class-name";
+import k from "./useNotification.js";
+import H from "./withNotification.js";
+const Q = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+];
+let a = {}, x = [], E, $, w, g, u;
+function P(t, e) {
+  return y(t) && (t = e || u ? "topLeft" : "topRight"), t;
+}
+function U(t) {
+  const { prefixCls: e, rtl: r, getContainer: o, notices: l } = t, d = y(r) ? u : r, f = P(t.position, d), n = e || $, h = n ? `${n}-notification` : "pqb-notification";
+  let C;
+  f === "topLeft" || f === "bottomLeft" ? C = "slideNoticeLeft" : C = "slideNoticeRight";
+  const j = S(
+    `${h}-wrapper`,
+    `${h}-wrapper-${f}`,
+    { [`${h}-wrapper-rtl`]: u }
+  ), N = o == null ? void 0 : o();
+  function I(m) {
+    const i = l.find((p) => p.id === m);
+    i && t.update({
+      ...i,
+      style: { ...i.style, opacity: 0 }
+    }), setTimeout(() => {
+      t.remove(m);
+    }, 200);
+  }
+  R(() => (t.add(t), () => {
+    t.clear();
+  }), []);
+  const v = /* @__PURE__ */ s("div", { className: j, children: /* @__PURE__ */ s(L, { component: null, children: l.map((m) => /* @__PURE__ */ s(
+    q,
+    {
+      timeout: {
+        enter: 400,
+        exit: 300
+      },
+      classNames: C,
+      onExit: (i) => {
+        i && (i.style.height = `${i.scrollHeight}px`);
+      },
+      onExiting: (i) => {
+        i && (i.style.height = 0);
+      },
+      onExited: (i) => {
+        var p;
+        i && (i.style.height = 0, (p = m.onClose) == null || p.call(m));
+      },
+      children: /* @__PURE__ */ s(
+        O,
+        {
+          ...m,
+          onClose: I,
+          prefixCls: h,
+          iconPrefix: n,
+          classPrefixCls: n,
+          noticeType: "notification",
+          rtl: d
+        }
+      )
+    },
+    m.id
+  )) }) });
+  return N ? T(v, N) : v;
+}
+const c = H(U);
+c.useNotification = k;
+c.config = (t = {}) => {
+  var e;
+  b(t.maxCount) && (E = t.maxCount), t.prefixCls && ($ = t.prefixCls), b(t.duration) && (w = t.duration), typeof t.rtl == "boolean" && (u = t.rtl), t.getContainer && ((e = t.getContainer) == null ? void 0 : e.call(t)) !== g && (g = t.getContainer(), Object.values(a).forEach(
+    (r) => {
+      var o;
+      return (o = r == null ? void 0 : r.clear) == null ? void 0 : o.call(r);
+    }
+  ), a = {});
+};
+c.clear = () => {
+  Object.values(a).forEach((t) => {
+    t == null || t.clear();
+  });
+};
+c.remove = (t) => {
+  Object.values(a).forEach((e) => {
+    e == null || e.remove(t);
+  });
+};
+c.addInstance = (t) => {
+  const e = P(t.position, u), r = a[e], o = {
+    duration: w,
+    ...t
+  };
+  if (r) {
+    const l = r.notices.find(
+      (f) => f.id === t.id
+    ), d = {
+      ...o,
+      update: l
+    };
+    r.notices.length >= E && (l ? d.id = l.id : r.shift()), r.add({ ...d });
+  }
+  if (r === null && x.push(t), r === void 0) {
+    const l = document.createElement("div");
+    (g || document.body).appendChild(l), _(l).render(
+      /* @__PURE__ */ s(
+        c,
+        {
+          ...o,
+          ref: (f) => {
+            if (f) {
+              for (let n = 0; n < x.length; n++)
+                f.add(x[n]);
+              x = [], a[e] = f;
+            }
+          }
+        }
+      )
+    ), a[e] = null;
+  }
+  return a[e];
+};
+Q.forEach((t) => {
+  c[t] = (e) => c.addInstance({
+    ...e,
+    type: t
+  });
+});
 export {
-  d as default,
-  g as getPosition,
-  u as notificationTypes,
-  N as useNotification
+  c as default,
+  P as getPosition,
+  Q as notificationTypes,
+  k as useNotification
 };

package/notification/useNotification.js

@@ -1,6 +1,54 @@
-import "react/jsx-runtime";
-import "react";
-import { d as p } from "../chunk/B44Hj5ad.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as N } from "react";
+import H, { notificationTypes as I, getPosition as P } from "./index.js";
+import { ContextHolderElement as R } from "../utils/contextHolder.js";
+function b(u = {}) {
+  const {
+    maxCount: p,
+    duration: x = 3e3,
+    prefixCls: C,
+    getContainer: m
+  } = u, e = N(), g = /* @__PURE__ */ d(R, { ref: e }), r = {};
+  let a;
+  function h(o) {
+    let i, s;
+    if (e.current) {
+      const t = e.current.getContextConfig();
+      s = t.rtl, i = t.prefixCls;
+    }
+    const E = C || i, c = P(o.position, s), f = {
+      duration: x,
+      ...o
+    }, n = r[c];
+    if (n) {
+      if (n.notices.length >= p) {
+        const t = n.notices[0];
+        f.id = t.id, n.shift();
+      }
+      n.add({ ...f });
+    } else
+      a = /* @__PURE__ */ d(
+        H,
+        {
+          ...f,
+          prefixCls: E,
+          rtl: s,
+          getContainer: m,
+          ref: (t) => {
+            r[c] = t;
+          }
+        }
+      ), e.current.addInstance(a);
+    return r[c];
+  }
+  const l = {};
+  return I.forEach((o) => {
+    l[o] = (i) => h({
+      ...i,
+      type: o
+    });
+  }), [l, g];
+}
 export {
-  p as default
+  b as default
 };

package/overflow-ellipsis/OverflowItem.js

@@ -1,35 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import u from "lodash/isFunction";
-import { useContext as a, useRef as d, useEffect as f } from "react";
-import { a as l } from "../chunk/B44Hj5ad.js";
-import h from "@unicom-cloud/utils/class-name";
-import { r as z } from "../chunk/CIRG541s.js";
-function w(e) {
-  const { getPrefixCls: t } = a(l), o = t == null ? void 0 : t("overflow-item"), r = d();
+import { jsx as u } from "react/jsx-runtime";
+import s from "lodash/isFunction";
+import { useContext as d, useRef as a, useEffect as f } from "react";
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import { resizeObserverEffect as h } from "../components/common/utils/resizeObserverEffect.js";
+import z from "../config-provider/context.js";
+function E(e) {
+  const { getPrefixCls: t } = d(z), o = t == null ? void 0 : t("overflow-item"), r = a();
   f(() => {
-    if (!u(e.onResize)) return;
-    const m = z([r.current], (n) => {
+    if (!s(e.onResize)) return;
+    const c = h([r.current], (n) => {
       var i;
       e.onResize((i = n == null ? void 0 : n[0]) == null ? void 0 : i.target);
     });
     return () => {
-      m();
+      c();
     };
   }, [r.current, e.onResize]), f(() => (e.onResize(r.current), () => {
     e.unregister(r.current);
   }), []);
-  const c = e.hidden;
-  return /* @__PURE__ */ s(
+  const m = e.hidden;
+  return /* @__PURE__ */ u(
     "div",
     {
       ref: r,
-      className: h(o, e.className, {
-        [`${o}-hidden`]: c
+      className: l(o, e.className, {
+        [`${o}-hidden`]: m
       }),
       children: e.children
     }
   );
 }
 export {
-  w as default
+  E as default
 };

package/overflow-ellipsis/index.js

@@ -1,74 +1,75 @@
 import { jsxs as g, jsx as C } from "react/jsx-runtime";
-import { useContext as j, useState as u, useLayoutEffect as k, useRef as b, useEffect as E } from "react";
-import { a as z } from "../chunk/B44Hj5ad.js";
-import I from "@unicom-cloud/utils/class-name";
-import { r as M } from "../chunk/CIRG541s.js";
+import { useContext as j, useState as i, useLayoutEffect as k, useRef as b, useEffect as E } from "react";
+import "../config-provider/ConfigProvider.js";
+import z from "@unicom-cloud/utils/class-name";
+import { resizeObserverEffect as I } from "../components/common/utils/resizeObserverEffect.js";
 import O from "./OverflowItem.js";
-function A(c) {
-  const { getPrefixCls: i } = j(z), a = i == null ? void 0 : i("overflow"), { items: d, suffixItems: y } = c, N = c.ellipsisNode || (({ ellipsisCount: e }) => `+${e}`), [m, W] = u(), [h, _] = u(), [l, w] = u({}), [x, p] = u({}), v = d.length - h, $ = v > 0 ? N({ ellipsisCount: v }) : null;
+import M from "../config-provider/context.js";
+function B(u) {
+  const { getPrefixCls: c } = j(M), a = c == null ? void 0 : c("overflow"), { items: m, suffixItems: y } = u, N = u.ellipsisNode || (({ ellipsisCount: e }) => `+${e}`), [d, W] = i(), [h, _] = i(), [l, p] = i({}), [w, x] = i({}), v = m.length - h, $ = v > 0 ? N({ ellipsisCount: v }) : null;
   k(() => {
     const e = Object.values(l).length;
-    let r = Object.values(x).reduce((t, o) => t + ((o == null ? void 0 : o.width) || 0), 0), s = e;
+    let s = Object.values(w).reduce((t, o) => t + ((o == null ? void 0 : o.width) || 0), 0), r = e;
     Object.keys(l).some((t, o) => {
       const n = l[t];
-      if (n && r + n.width > m)
-        return s = o, !0;
-      r += (n == null ? void 0 : n.width) || 0;
-    }), _(Math.max(s, 0));
-  }, [l, m, x]);
+      if (n && s + n.width > d)
+        return r = o, !0;
+      s += (n == null ? void 0 : n.width) || 0;
+    }), _(Math.max(r, 0));
+  }, [l, d, w]);
   const f = b();
   return E(() => {
-    const e = M([f.current], (r) => {
-      var s, t;
-      W(((t = (s = r == null ? void 0 : r[0]) == null ? void 0 : s.target) == null ? void 0 : t.clientWidth) || 0);
+    const e = I([f.current], (s) => {
+      var r, t;
+      W(((t = (r = s == null ? void 0 : s[0]) == null ? void 0 : r.target) == null ? void 0 : t.clientWidth) || 0);
     });
     return () => {
       e();
     };
-  }, [f.current]), /* @__PURE__ */ g("div", { ref: f, className: I(a, c.className), children: [
-    d.map((e, r) => {
-      const s = `${(e == null ? void 0 : e.key) || r}_overflow_item_${r}`;
+  }, [f.current]), /* @__PURE__ */ g("div", { ref: f, className: z(a, u.className), children: [
+    m.map((e, s) => {
+      const r = `${(e == null ? void 0 : e.key) || s}_overflow_item_${s}`;
       return /* @__PURE__ */ C(
         O,
         {
           onResize: (t) => {
-            w((o) => (o[s] = { node: t, width: t.clientWidth }, o));
+            p((o) => (o[r] = { node: t, width: t.clientWidth }, o));
           },
           unregister: () => {
-            w((t) => (delete t[s], t));
+            p((t) => (delete t[r], t));
           },
-          hidden: h < r + 1,
+          hidden: h < s + 1,
           children: e
         },
-        s
+        r
       );
     }),
-    [$, ...y].map((e, r) => {
+    [$, ...y].map((e, s) => {
       if (!e)
         return null;
-      const s = `${(e == null ? void 0 : e.key) || r}_overflow_suffix_item`;
+      const r = `${(e == null ? void 0 : e.key) || s}_overflow_suffix_item`;
       return /* @__PURE__ */ C(
         O,
         {
           className: `${a}-suffix-item`,
           onResize: (t) => {
-            p((o) => ({
+            x((o) => ({
               ...o,
-              [`${s}`]: { node: t, width: t.clientWidth }
+              [`${r}`]: { node: t, width: t.clientWidth }
             }));
           },
           unregister: () => {
-            p((t) => (delete t[s], {
+            x((t) => (delete t[r], {
               ...t
             }));
           },
           children: e
         },
-        s
+        r
       );
     })
   ] });
 }
 export {
-  A as default
+  B as default
 };

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.90","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.92","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"dayjs":"^1.11.10","lodash":"^4.17.21","react":"^18.3.1","react-dom":"^18.3.1"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}