@unicom-cloud/ui 0.8.107 → 0.8.109

package/notification/index.js

@@ -1,146 +1,17 @@
-import { jsx as m } 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 v from "lodash/isNumber";
-import b 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 = {}, h = [], y, E, $, g, d;
-function w(t, e) {
-  return b(t) && (t = e || d ? "topLeft" : "topRight"), t;
-}
-function U(t) {
-  const { prefixCls: e, rtl: o, getContainer: u, notices: r } = t, c = b(o) ? d : o, n = w(t.position, c), l = e || E, p = l ? `${l}-notification` : "pqb-notification";
-  let C;
-  n === "topLeft" || n === "bottomLeft" ? C = "slideNoticeLeft" : C = "slideNoticeRight";
-  const P = S(
-    `${p}-wrapper`,
-    `${p}-wrapper-${n}`,
-    { [`${p}-wrapper-rtl`]: d }
-  ), x = u?.();
-  function j(s) {
-    const i = r.find((I) => I.id === s);
-    i && t.update({
-      ...i,
-      style: { ...i.style, opacity: 0 }
-    }), setTimeout(() => {
-      t.remove(s);
-    }, 200);
-  }
-  R(() => (t.add(t), () => {
-    t.clear();
-  }), []);
-  const N = /* @__PURE__ */ m("div", { className: P, children: /* @__PURE__ */ m(L, { component: null, children: r.map((s) => /* @__PURE__ */ m(
-    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) => {
-        i && (i.style.height = 0, s.onClose?.());
-      },
-      children: /* @__PURE__ */ m(
-        O,
-        {
-          ...s,
-          onClose: j,
-          prefixCls: p,
-          iconPrefix: l,
-          classPrefixCls: l,
-          noticeType: "notification",
-          rtl: c
-        }
-      )
-    },
-    s.id
-  )) }) });
-  return x ? T(N, x) : N;
-}
-const f = H(U);
-f.useNotification = k;
-f.config = (t = {}) => {
-  v(t.maxCount) && (y = t.maxCount), t.prefixCls && (E = t.prefixCls), v(t.duration) && ($ = t.duration), typeof t.rtl == "boolean" && (d = t.rtl), t.getContainer && t.getContainer?.() !== g && (g = t.getContainer(), Object.values(a).forEach(
-    (e) => e?.clear?.()
-  ), a = {});
-};
-f.clear = () => {
-  Object.values(a).forEach((t) => {
-    t?.clear();
-  });
-};
-f.remove = (t) => {
-  Object.values(a).forEach((e) => {
-    e?.remove(t);
-  });
-};
-f.addInstance = (t) => {
-  const e = w(t.position, d), o = a[e], u = {
-    duration: $,
-    ...t
-  };
-  if (o) {
-    const r = o.notices.find(
-      (n) => n.id === t.id
-    ), c = {
-      ...u,
-      update: r
-    };
-    o.notices.length >= y && (r ? c.id = r.id : o.shift()), o.add({ ...c });
-  }
-  if (o === null && h.push(t), o === void 0) {
-    const r = document.createElement("div");
-    (g || document.body).appendChild(r), _(r).render(
-      /* @__PURE__ */ m(
-        f,
-        {
-          ...u,
-          ref: (n) => {
-            if (n) {
-              for (let l = 0; l < h.length; l++)
-                n.add(h[l]);
-              h = [], a[e] = n;
-            }
-          }
-        }
-      )
-    ), a[e] = null;
-  }
-  return a[e];
-};
-Q.forEach((t) => {
-  f[t] = (e) => f.addInstance({
-    ...e,
-    type: t
-  });
-});
+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/DXlwLh0Y.js";
+import "../chunk/B--6x-RL.js";
+import "@unicom-cloud/utils/class-name";
+import "./withNotification.js";
 export {
-  f as default,
-  w as getPosition,
-  Q as notificationTypes,
-  k as useNotification
+  d as default,
+  g as getPosition,
+  u as notificationTypes,
+  N as useNotification
 };

package/notification/useNotification.js

@@ -1,54 +1,6 @@
-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];
-}
+import "react/jsx-runtime";
+import "react";
+import { d as p } from "../chunk/DXlwLh0Y.js";
 export {
-  b as default
+  p as default
 };

package/overflow-ellipsis/OverflowItem.js

@@ -1,15 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
 import c from "lodash/isFunction";
-import { useContext as u, useRef as l, useEffect as n } from "react";
-import "../config-provider/ConfigProvider.js";
-import d from "@unicom-cloud/utils/class-name";
-import { resizeObserver as a } from "../components/common/utils/resizeObserver.js";
-import x from "../config-provider/context.js";
-function w(e) {
-  const { getPrefixCls: i } = u(x), t = i?.("overflow-item"), r = l();
+import { useContext as u, useRef as a, useEffect as n } from "react";
+import { a as d } from "../chunk/DXlwLh0Y.js";
+import l from "@unicom-cloud/utils/class-name";
+import { r as x } from "../chunk/B8W1N4er.js";
+function N(e) {
+  const { getPrefixCls: i } = u(d), t = i?.("overflow-item"), r = a(void 0);
   n(() => {
     if (!c(e.onResize)) return;
-    const s = a([r.current], (f) => {
+    const s = x([r.current], (f) => {
       e.onResize(f?.[0]?.target);
     });
     return () => {
@@ -23,7 +22,7 @@ function w(e) {
     "div",
     {
       ref: r,
-      className: d(t, e.className, {
+      className: l(t, e.className, {
         [`${t}-hidden`]: o
       }),
       children: e.children
@@ -31,5 +30,5 @@ function w(e) {
   );
 }
 export {
-  w as default
+  N as default
 };

package/overflow-ellipsis/index.js

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

package/overflow-ellipsis/interface.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.107","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"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.109","dependencies":{"@unicom-cloud/icons":"latest"},"peerDependencies":{"react":"^19.1.1","react-dom":"^19.1.1","dayjs":"^1.11.10","lodash":"^4.17.21","uuid":"^11.1.0","qrcode.react":"^4.2.0"},"peerDependenciesMeta":{},"type":"module","types":"types/pc/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/page-header/index.js

@@ -1,68 +1,69 @@
-import { jsxs as c, jsx as r, Fragment as H } from "react/jsx-runtime";
-import B from "@unicom-cloud/icons/IconUiLeft";
-import _ from "@unicom-cloud/icons/IconUiRight";
-import T, { useContext as W, useState as j, useRef as z, useImperativeHandle as K, useEffect as U } from "react";
-import D from "../breadcrumb/index.js";
-import "../config-provider/ConfigProvider.js";
-import F from "../components/common/hooks/useKeyboardEvent.js";
-import L from "../components/common/hooks/useMergeProps.js";
-import M from "../icon-hover/index.js";
-import u from "@unicom-cloud/utils/class-name";
-import { omit as O } from "../components/common/utils/omit.js";
-import { resizeObserver as S } from "../components/common/utils/resizeObserver.js";
-import q from "../config-provider/context.js";
-function p(g, $) {
-  const { getPrefixCls: b, componentConfig: v, rtl: h } = W(q), a = L(
-    g,
+import { jsxs as c, jsx as r, Fragment as T } from "react/jsx-runtime";
+import W from "@unicom-cloud/icons/IconUiLeft";
+import j from "@unicom-cloud/icons/IconUiRight";
+import d from "lodash/isArray";
+import z, { useContext as K, useState as U, useRef as A, useImperativeHandle as D, useEffect as F } from "react";
+import L from "../breadcrumb/index.js";
+import { a as M, I as O } from "../chunk/DXlwLh0Y.js";
+import { u as S } from "../chunk/C6Aw3qIJ.js";
+import { u as q } from "../chunk/FgWHhRFz.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { o as G } from "../chunk/BKKEev13.js";
+import { r as J } from "../chunk/B8W1N4er.js";
+function g(v, b) {
+  const { getPrefixCls: N, componentConfig: x, rtl: p } = K(M), a = q(
+    v,
     {},
-    v?.PageHeader
+    x?.PageHeader
   ), {
-    header: N,
-    title: x,
-    subTitle: y,
-    extra: k,
+    header: k,
+    title: C,
+    subTitle: w,
+    extra: I,
     children: m,
     backIcon: l,
-    footer: d,
-    breadcrumb: f,
-    ...A
+    footer: f,
+    breadcrumb: h,
+    descriptions: u,
+    ...P
   } = a;
-  let i = N;
-  Array.isArray(i) && !i.length && (i = null);
-  let n = x;
-  Array.isArray(n) && !n.length && (n = null);
-  let o = y;
-  Array.isArray(o) && !o.length && (o = null);
-  let s = k;
-  Array.isArray(s) && !s.length && (s = null);
-  const C = F(), [w, P] = j(!1), t = z(), e = b?.("page-header");
-  K($, () => ({
-    getRootDomElement: R
+  let i = k;
+  d(i) && !i.length && (i = null);
+  let s = C;
+  d(s) && !s.length && (s = null);
+  let n = w;
+  d(n) && !n.length && (n = null);
+  let o = I;
+  d(o) && !o.length && (o = null);
+  const R = S(), [y, E] = U(!1), t = A(void 0), e = N?.("page-header");
+  D(b, () => ({
+    getRootDomElement: H
   }), []);
-  function R() {
+  function H() {
     return t.current;
   }
-  function I() {
-    t.current && P(t.current.offsetWidth < 768);
+  function B() {
+    t.current && E(t.current.offsetWidth < 768);
   }
-  return U(() => {
-    const E = S([t.current], I);
+  return F(() => {
+    const _ = J([t.current], B);
     return () => {
-      E();
+      _();
     };
   }, [t.current]), /* @__PURE__ */ c(
     "div",
     {
-      ...O(A, ["onBack"]),
+      ...G(P, ["onBack"]),
       ref: t,
-      className: u(
+      className: $(
         `${e}`,
         {
-          [`${e}-with-breadcrumb`]: f,
+          [`${e}-with-breadcrumb`]: h,
           [`${e}-with-content`]: m,
-          [`${e}-with-footer`]: d,
-          [`${e}-wrap`]: w,
-          [`${e}-rtl`]: h
+          [`${e}-with-footer`]: f,
+          [`${e}-wrap`]: y,
+          [`${e}-rtl`]: p,
+          [`${e}-descriptions`]: u
         },
         a.className
       ),
@@ -70,48 +71,49 @@ function p(g, $) {
       children: [
         !!i && /* @__PURE__ */ r("div", { className: `${e}-header`, children: i }),
         /* @__PURE__ */ c("div", { className: `${e}-head-wrapper`, children: [
-          f && /* @__PURE__ */ r(D, { ...f }),
+          !!h && /* @__PURE__ */ r(L, { ...h }),
           /* @__PURE__ */ c("div", { className: `${e}-head`, children: [
             /* @__PURE__ */ c(
               "div",
               {
-                className: u(`${e}-head-main`, {
+                className: $(`${e}-head-main`, {
                   [`${e}-head-main-with-back`]: l
                 }),
                 children: [
                   l && /* @__PURE__ */ r(
-                    M,
+                    O,
                     {
                       prefix: e,
                       tabIndex: 0,
                       role: "button",
                       className: `${e}-back`,
                       onClick: a.onBack,
-                      ...C({
+                      ...R({
                         onPressEnter: a.onBack
                       }),
-                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? h ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(B, {}) : l })
+                      children: /* @__PURE__ */ r("span", { className: `${e}-back-icon`, children: l === !0 ? p ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ r(W, {}) : l })
                     }
                   ),
-                  n && /* @__PURE__ */ r("div", { className: `${e}-title`, children: n }),
-                  o && /* @__PURE__ */ c(H, { children: [
+                  s && /* @__PURE__ */ r("div", { className: `${e}-title`, children: s }),
+                  n && /* @__PURE__ */ c(T, { children: [
                     /* @__PURE__ */ r("div", { className: `${e}-divider` }),
-                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: o })
+                    /* @__PURE__ */ r("div", { className: `${e}-sub-title`, children: n })
                   ] })
                 ]
               }
             ),
-            s && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: s })
-          ] })
+            o && /* @__PURE__ */ r("div", { className: `${e}-head-extra`, children: o })
+          ] }),
+          !!u && /* @__PURE__ */ r("div", { className: `${e}-head-descriptions`, children: u })
         ] }),
         m && /* @__PURE__ */ r("div", { className: `${e}-content`, children: m }),
-        d && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: d })
+        f && /* @__PURE__ */ r("div", { className: `${e}-footer`, children: f })
       ]
     }
   );
 }
-p.displayName = "PageHeader";
-const oe = T.forwardRef(p);
+g.displayName = "PageHeader";
+const oe = z.forwardRef(g);
 export {
   oe as default
 };

package/pagination/PageItem.js

@@ -3,20 +3,19 @@ import M from "@unicom-cloud/icons/IconUiLeft";
 import R from "@unicom-cloud/icons/IconUiMore";
 import j from "@unicom-cloud/icons/IconUiRight";
 import K, { useContext as h } from "react";
-import "../config-provider/ConfigProvider.js";
-import N from "../components/common/hooks/useKeyboardEvent.js";
-import S from "@unicom-cloud/utils/class-name";
+import { a as S } from "../chunk/DXlwLh0Y.js";
+import { u as N } from "../chunk/C6Aw3qIJ.js";
+import $ from "@unicom-cloud/utils/class-name";
 import { StepType as b } from "./interface.js";
-import $ from "../config-provider/context.js";
 function T(t) {
-  const { locale: e } = h($), u = N(), {
+  const { locale: e } = h(S), u = N(), {
     pageNum: n,
     current: g,
     rootPrefixCls: r,
     pageItemStyle: l,
     activePageItemStyle: o,
     itemRender: c
-  } = t, m = `${r}-item`, p = g === n, d = S(m, p ? `${m}-active` : "");
+  } = t, m = `${r}-item`, p = g === n, d = $(m, p ? `${m}-active` : "");
   let a = l;
   p && (a = { ...a, ...o });
   const P = p ? { "aria-current": !0 } : {}, f = (i) => {
@@ -49,8 +48,8 @@ function I(t, e) {
       return null;
   }
 }
-const F = (t) => {
-  const { locale: e } = h($), {
+const B = (t) => {
+  const { locale: e } = h(S), {
     rootPrefixCls: u,
     current: n,
     allPages: g,
@@ -59,7 +58,7 @@ const F = (t) => {
     disabled: o,
     pageItemStyle: c,
     itemRender: m
-  } = t, p = g > 0 ? 1 : 0, d = Math.min(g, Math.max(p, n + r)), a = `${u}-item ${u}-item-jumper`, P = S(a), f = () => {
+  } = t, p = g > 0 ? 1 : 0, d = Math.min(g, Math.max(p, n + r)), a = `${u}-item ${u}-item-jumper`, P = $(a), f = () => {
     !o && t.onClick?.(d);
   }, i = I("more", l), s = r > 0 ? e?.Pagination?.nextSomePages?.replace?.("{0}", r) : e?.Pagination?.prevSomePages?.replace?.("{0}", -r);
   return /* @__PURE__ */ x(
@@ -72,8 +71,8 @@ const F = (t) => {
       children: m ? m(void 0, "more", i) : i
     }
   );
-}, G = (t) => {
-  const { locale: e, rtl: u } = h($), n = N(), {
+}, F = (t) => {
+  const { locale: e, rtl: u } = h(S), n = N(), {
     rootPrefixCls: g,
     current: r,
     allPages: l,
@@ -88,7 +87,7 @@ const F = (t) => {
   const v = m || s;
   let C = r + (o === b.previous ? -1 : 1);
   C = Math.max(0, Math.min(l, C));
-  const y = b.previous === o ? "prev" : "next", E = S(a, `${a}-${y}`, {
+  const y = b.previous === o ? "prev" : "next", E = $(a, `${a}-${y}`, {
     [`${a}-disabled`]: v
   }), k = () => {
     v || t.onClick?.(C);
@@ -107,9 +106,9 @@ const F = (t) => {
       children: d ? d(void 0, y, i) : i
     }
   );
-}, H = K.memo(T);
+}, G = K.memo(T);
 export {
-  F as JumpPager,
-  G as StepPager,
-  H as default
+  B as JumpPager,
+  F as StepPager,
+  G as default
 };