@unicom-cloud/ui 0.8.96 → 0.8.98

package/menu/sub-menu/Inline.js

@@ -1,103 +1,103 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { jsxs as S, jsx as n } from "react/jsx-runtime";
 import P from "@unicom-cloud/icons/IconUiDown";
 import { useContext as T } from "react";
 import H from "../../components/common/hooks/useId.js";
 import A from "../../components/common/hooks/useStateWithPromise.js";
-import U from "../Indent.js";
-import j from "../context.js";
-import { isChildrenSelected as z, processChildren as B, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as L } from "../util.js";
-import { PqbCSSTransition as R } from "../../components/common/utils/PqbCSSTransition.js";
-import d from "@unicom-cloud/utils/class-name";
-import { Enter as q } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as K } from "../../components/common/utils/omit.js";
+import K from "../Indent.js";
+import U from "../context.js";
+import { isChildrenSelected as j, processChildren as z, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as B } from "../util.js";
+import { PqbCSSTransition as L } from "../../components/common/utils/PqbCSSTransition.js";
+import m from "@unicom-cloud/utils/class-name";
+import { Enter as R } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as q } from "../../components/common/utils/omit.js";
 import { pick as W } from "../../components/common/utils/pick.js";
-const h = { height: 0, visibility: "hidden" }, re = (f) => {
+const d = { height: 0, visibility: "hidden" }, re = (h) => {
   const {
     _key: r,
-    children: u,
-    style: C,
-    className: E,
-    title: k,
+    children: f,
+    style: x,
+    className: C,
+    title: E,
     level: l,
-    forwardedRef: w,
+    forwardedRef: k,
     selectable: c,
-    ...p
-  } = f, {
-    id: I,
+    ...u
+  } = h, {
+    id: w,
     prefixCls: i,
-    levelIndent: _,
-    openKeys: a = [],
-    selectedKeys: y = [],
-    icons: m,
+    levelIndent: I,
+    openKeys: _ = [],
+    selectedKeys: p = [],
+    icons: a,
     onClickSubMenu: b,
     onClickMenuItem: g
-  } = T(j), o = `${i}-inline`, s = (a == null ? void 0 : a.indexOf(r)) > -1, D = c && y.indexOf(f._key) > -1 || z(u, y), [$, t] = A(
-    s ? { height: "auto" } : h
-  ), N = (e) => {
+  } = T(U), o = `${i}-inline`, s = _?.indexOf(r) > -1, D = c && p.indexOf(h._key) > -1 || j(f, p), [$, t] = A(
+    s ? { height: "auto" } : d
+  ), y = (e) => {
     b(r, l, "inline"), c && g(r, e);
-  }, S = H(`${I}-submenu-inline-`), M = B(u, {
-    ...W(p, L),
+  }, N = H(`${w}-submenu-inline-`), M = z(f, {
+    ...W(u, B),
     level: l + 1,
     selectable: c
-  }), O = /* @__PURE__ */ x(
+  }), O = /* @__PURE__ */ S(
     "div",
     {
       tabIndex: 0,
       "aria-expanded": s,
-      "aria-controls": S,
-      className: d(`${o}-header`, {
+      "aria-controls": N,
+      className: m(`${o}-header`, {
         [`${i}-selected`]: D
       }),
-      onClick: N,
+      onClick: y,
       onKeyDown: (e) => {
-        e.key === q.key && N(e);
+        e.key === R.key && y(e);
       },
       children: [
         /* @__PURE__ */ n(
-          U,
+          K,
           {
             level: l,
             prefixCls: i,
-            levelIndent: _
+            levelIndent: I
           }
         ),
-        /* @__PURE__ */ n("span", { children: k }),
-        /* @__PURE__ */ n("span", { className: `${i}-icon-suffix ${s ? "is-open" : ""}`, children: m && m.horizontalArrowDown ? m.horizontalArrowDown : /* @__PURE__ */ n(P, {}) })
+        /* @__PURE__ */ n("span", { children: E }),
+        /* @__PURE__ */ n("span", { className: `${i}-icon-suffix ${s ? "is-open" : ""}`, children: a && a.horizontalArrowDown ? a.horizontalArrowDown : /* @__PURE__ */ n(P, {}) })
       ]
     }
   ), v = /* @__PURE__ */ n(
     "div",
     {
-      id: S,
-      className: d(`${o}-content`),
+      id: N,
+      className: m(`${o}-content`),
       style: $,
       children: M
     }
   );
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ S(
     "div",
     {
-      ref: w,
-      className: d(o, E),
-      style: C,
-      ...K(p, ["key", "popup", "triggerProps"]),
+      ref: k,
+      className: m(o, C),
+      style: x,
+      ...q(u, ["key", "popup", "triggerProps"]),
       children: [
         O,
         /* @__PURE__ */ n(
-          R,
+          L,
           {
             in: s,
             timeout: 200,
             classNames: o,
             unmountOnExit: !1,
             onEnter: async (e) => {
-              e && (await t(h), await t({ height: e.scrollHeight }));
+              e && (await t(d), await t({ height: e.scrollHeight }));
             },
             onEntered: () => {
               t({ height: "auto" });
             },
             onExit: async (e) => {
-              e && (await t({ height: e.scrollHeight }), await t(h));
+              e && (await t({ height: e.scrollHeight }), await t(d));
             },
             children: v
           }

package/menu/util.js

@@ -1,54 +1,52 @@
 import u from "react";
-const C = [
+const M = [
   "popup",
   "triggerProps",
   "selectable"
-], i = (t) => {
+], f = (s) => {
   let r = [];
-  return u.Children.forEach(t, (e) => {
-    var p;
-    const o = (p = e == null ? void 0 : e.type) == null ? void 0 : p.menuType;
+  return u.Children.forEach(s, (e) => {
+    const o = e?.type?.menuType;
     o === "MenuItem" || o === "SubMenu" ? r.push(e) : o === "MenuGroup" && (r = r.concat(
-      i(e.props.children)
+      f(e.props.children)
     ));
   }), r;
-}, k = (t, r = [], e = {}) => {
-  const o = i(t);
+}, i = (s, r = [], e = {}) => {
+  const o = f(s);
   return o.forEach((p, n) => {
-    var f, h;
-    const s = p.key, l = p.type.menuType, c = [s, ...r], y = {
+    const t = p.key, l = p.type.menuType, c = [t, ...r], y = {
       keyPath: [],
-      prev: ((f = o[n - 1]) == null ? void 0 : f.key) || null,
-      next: ((h = o[n + 1]) == null ? void 0 : h.key) || null
+      prev: o[n - 1]?.key || null,
+      next: o[n + 1]?.key || null
     };
     if (n === 0 || n === o.length - 1) {
-      const a = c[1], d = n === 0 ? "firstChild" : "lastChild";
+      const a = c[1], h = n === 0 ? "firstChild" : "lastChild";
       a && (e[a] = {
         ...e[a],
-        [d]: s
+        [h]: t
       });
     }
     switch (l) {
       case "SubMenu":
-        y.keyPath = c, k(p.props.children, c, e);
+        y.keyPath = c, i(p.props.children, c, e);
         break;
       case "MenuItem":
         y.keyPath = c, y.disabled = p.props.disabled;
         break;
     }
-    e[s] = {
-      ...e[s],
+    e[t] = {
+      ...e[t],
       ...y
     };
   }), e;
-}, M = (t, r) => u.Children.map(t, (e, o) => {
+}, d = (s, r) => u.Children.map(s, (e, o) => {
   if (!e || !e.props)
     return e;
   const p = typeof e.type == "string";
   if (!(e.type && e.type.menuType) && e.props.children) {
-    const s = p ? {} : r, l = M(e.props.children, r);
+    const t = p ? {} : r, l = d(e.props.children, r);
     return u.cloneElement(e, {
-      ...s,
+      ...t,
       _key: e.key,
       children: l.length === 1 ? l[0] : l
     });
@@ -60,21 +58,21 @@ const C = [
     _key: e.key || `$menu-${o}`
   });
 });
-function E(t, r) {
+function b(s, r) {
   let e = !1;
   function o(p) {
     !p || e || u.Children.forEach(p, (n) => {
       if (n && n.props && n.type && !e) {
-        const s = n.type.menuType, l = n.props.selectable;
-        (s === "MenuItem" || s === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
+        const t = n.type.menuType, l = n.props.selectable;
+        (t === "MenuItem" || t === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
       }
     });
   }
-  return o(t), e;
+  return o(s), e;
 }
 export {
-  C as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
-  k as generateInfoMap,
-  E as isChildrenSelected,
-  M as processChildren
+  M as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
+  i as generateInfoMap,
+  b as isChildrenSelected,
+  d as processChildren
 };

package/message/index.js

@@ -3,147 +3,144 @@ 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 O from "../dist/react-transition-group/src/TransitionGroup.js";
-import C from "lodash/isNumber";
-import y from "lodash/isUndefined";
-import { useEffect as P } from "react";
-import { createRoot as R } from "react-dom/client";
-import S from "../notice/index.js";
-import { notificationTypes as k } from "../notification/index.js";
-import H from "../notification/withNotification.js";
-import { PqbCSSTransition as Q } from "../components/common/utils/PqbCSSTransition.js";
-import T from "@unicom-cloud/utils/class-name";
-import U from "./useMessage.js";
-const z = [...k];
-let m = {}, x = [], E, M, $, v, I, j;
-function A(e) {
+import w from "../dist/react-transition-group/src/TransitionGroup.js";
+import x from "lodash/isNumber";
+import b from "lodash/isUndefined";
+import { useEffect as q } from "react";
+import { createRoot as O } from "react-dom/client";
+import P from "../notice/index.js";
+import { notificationTypes as R } from "../notification/index.js";
+import S from "../notification/withNotification.js";
+import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
+import H from "@unicom-cloud/utils/class-name";
+import Q from "./useMessage.js";
+const U = [...R];
+let a = {}, g = [], N, T, E, y, _, M;
+function z(e) {
   const {
-    transitionClassNames: s,
-    transitionTimeout: t,
-    prefixCls: h,
-    rtl: g,
+    transitionClassNames: i,
+    transitionTimeout: o,
+    prefixCls: C,
+    rtl: p,
     closable: d,
-    notices: i,
-    position: N
+    notices: r,
+    position: v
   } = e;
-  function r(a) {
-    const l = e.notices.find((p) => p.id === a);
-    l && e.update({
-      ...l,
-      style: { ...l.style, opacity: 0 }
+  function n(f) {
+    const t = e.notices.find((j) => j.id === f);
+    t && e.update({
+      ...t,
+      style: { ...t.style, opacity: 0 }
     }), setTimeout(() => {
-      e.remove(a);
+      e.remove(f);
     }, 100);
   }
-  P(() => (e.add(e), () => {
+  q(() => (e.add(e), () => {
     e.clear();
   }), []);
-  const o = h || M, f = y(g) ? I : g, c = y(d) ? j : d, b = o ? `${o}-message` : "pqb-message", w = {
-    enter: C(t == null ? void 0 : t.enter) ? t == null ? void 0 : t.enter : 100,
-    exit: C(t == null ? void 0 : t.exit) ? t == null ? void 0 : t.exit : 300
-  }, q = T(
-    `${b}-wrapper`,
-    `${b}-wrapper-${N}`
+  const s = C || T, l = b(p) ? _ : p, c = b(d) ? M : d, h = s ? `${s}-message` : "pqb-message", $ = {
+    enter: x(o?.enter) ? o?.enter : 100,
+    exit: x(o?.exit) ? o?.exit : 300
+  }, I = H(
+    `${h}-wrapper`,
+    `${h}-wrapper-${v}`
   );
-  return /* @__PURE__ */ u("div", { className: q, children: /* @__PURE__ */ u(O, { component: null, children: i.map((a) => /* @__PURE__ */ u(
-    Q,
+  return /* @__PURE__ */ u("div", { className: I, children: /* @__PURE__ */ u(w, { component: null, children: r.map((f) => /* @__PURE__ */ u(
+    k,
     {
-      timeout: w,
-      classNames: s || "fadeMessage",
-      onExit: (l) => {
-        l && (l.style.height = `${l.scrollHeight}px`);
+      timeout: $,
+      classNames: i || "fadeMessage",
+      onExit: (t) => {
+        t && (t.style.height = `${t.scrollHeight}px`);
       },
-      onExiting: (l) => {
-        l && (l.style.height = 0);
+      onExiting: (t) => {
+        t && (t.style.height = 0);
       },
-      onExited: (l) => {
-        var p;
-        l && (l.style.height = 0, (p = a.onClose) == null || p.call(a));
+      onExited: (t) => {
+        t && (t.style.height = 0, f.onClose?.());
       },
       children: /* @__PURE__ */ u(
-        S,
+        P,
         {
-          ...a,
-          prefixCls: b,
-          classPrefixCls: o,
-          iconPrefix: o,
-          onClose: r,
+          ...f,
+          prefixCls: h,
+          classPrefixCls: s,
+          iconPrefix: s,
+          onClose: n,
           noticeType: "message",
-          rtl: f,
-          ...y(c) ? {} : { closable: c }
+          rtl: l,
+          ...b(c) ? {} : { closable: c }
         }
       )
     },
-    a.id
+    f.id
   )) }) });
 }
-const n = H(A);
-n.config = (e = {}) => {
-  var s;
-  C(e.maxCount) && (E = e.maxCount), e.prefixCls && (M = e.prefixCls), C(e.duration) && ($ = e.duration), typeof e.rtl == "boolean" && (I = e.rtl), typeof e.closable == "boolean" && (j = e.closable), ((s = e.getContainer) == null ? void 0 : s.call(e)) !== v && (v = e.getContainer(), Object.values(m).forEach((t) => t == null ? void 0 : t.clear()), m = {});
+const m = S(z);
+m.config = (e = {}) => {
+  x(e.maxCount) && (N = e.maxCount), e.prefixCls && (T = e.prefixCls), x(e.duration) && (E = e.duration), typeof e.rtl == "boolean" && (_ = e.rtl), typeof e.closable == "boolean" && (M = e.closable), e.getContainer?.() !== y && (y = e.getContainer(), Object.values(a).forEach((i) => i?.clear()), a = {});
 };
-n.clear = () => {
-  Object.values(m).forEach((e) => {
-    e == null || e.clear();
+m.clear = () => {
+  Object.values(a).forEach((e) => {
+    e?.clear();
   });
 };
-n.addInstance = (e) => {
-  const s = {
+m.addInstance = (e) => {
+  const i = {
     position: "top",
-    duration: $,
+    duration: E,
     ...e
-  }, { position: t, transitionClassNames: h, transitionTimeout: g } = s;
+  }, { position: o, transitionClassNames: C, transitionTimeout: p } = i;
   let d;
-  const i = m[t];
-  if (i) {
-    const r = i.notices.find(
-      (f) => f.id === e.id
-    ), o = {
-      ...s,
-      update: r
+  const r = a[o];
+  if (r) {
+    const n = r.notices.find(
+      (l) => l.id === e.id
+    ), s = {
+      ...i,
+      update: n
     };
-    i.notices.length >= E ? r ? i.add({
-      ...o,
-      id: r.id
-    }) : (i.shift(), i.add(o)) : d = i.add(o);
+    r.notices.length >= N ? n ? r.add({
+      ...s,
+      id: n.id
+    }) : (r.shift(), r.add(s)) : d = r.add(s);
   }
-  if (i === null && x.push(e), i === void 0) {
-    const r = document.createElement("div");
-    (v || document.body).appendChild(r), R(r).render(
+  if (r === null && g.push(e), r === void 0) {
+    const n = document.createElement("div");
+    (y || document.body).appendChild(n), O(n).render(
       /* @__PURE__ */ u(
-        n,
+        m,
         {
-          transitionClassNames: h,
-          transitionTimeout: g,
-          ...s,
-          ref: (f) => {
-            if (f) {
-              for (let c = 0; c < x.length; c++)
-                f.add(x[c]);
-              x = [], m[t] = f;
+          transitionClassNames: C,
+          transitionTimeout: p,
+          ...i,
+          ref: (l) => {
+            if (l) {
+              for (let c = 0; c < g.length; c++)
+                l.add(g[c]);
+              g = [], a[o] = l;
             }
           }
         }
       )
-    ), m[t] = null;
+    ), a[o] = null;
   }
   return () => {
-    var r, o;
-    (o = (r = m[t]) == null ? void 0 : r.remove) == null || o.call(r, d);
+    a[o]?.remove?.(d);
   };
 };
-z.forEach((e) => {
-  n[e] = (s) => {
-    const t = typeof s == "string" ? { content: s } : s;
-    return n.addInstance({
-      ...t,
+U.forEach((e) => {
+  m[e] = (i) => {
+    const o = typeof i == "string" ? { content: i } : i;
+    return m.addInstance({
+      ...o,
       type: e
     });
   };
 });
-n.useMessage = U;
+m.useMessage = Q;
 export {
-  n as default,
-  z as messageTypes,
-  U as useMessage
+  m as default,
+  U as messageTypes,
+  Q as useMessage
 };

package/message/useMessage.js

@@ -1,58 +1,57 @@
-import { jsx as p } from "react/jsx-runtime";
-import H from "lodash/isString";
-import { useRef as I, useMemo as N } from "react";
-import P, { messageTypes as R } from "./index.js";
-import { ContextHolderElement as j } from "../utils/contextHolder.js";
-function q(u = {}) {
-  const { maxCount: x, duration: C = 3e3, prefixCls: g } = u, s = I(), h = N(
-    () => /* @__PURE__ */ p(j, { ref: s }),
+import { jsx as m } from "react/jsx-runtime";
+import _ from "lodash/isString";
+import { useRef as H, useMemo as I } from "react";
+import N, { messageTypes as P } from "./index.js";
+import { ContextHolderElement as R } from "../utils/contextHolder.js";
+function q(p = {}) {
+  const { maxCount: u, duration: x = 3e3, prefixCls: C } = p, s = H(), g = I(
+    () => /* @__PURE__ */ m(R, { ref: s }),
     []
   ), f = {};
-  let d;
-  function E(n) {
+  let a;
+  function h(n) {
     let t, r;
     if (s.current) {
       const e = s.current.getContextConfig();
       r = e.rtl, t = e.prefixCls;
     }
-    const M = g || t, i = {
+    const E = C || t, i = {
       position: "top",
-      duration: C,
+      duration: x,
       ...n
-    }, { position: l, transitionClassNames: _ } = i;
+    }, { position: l, transitionClassNames: M } = i;
     let c;
     const o = f[l];
     if (o) {
       const e = o.notices;
-      e.length >= x ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
+      e.length >= u ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
     } else
-      d = /* @__PURE__ */ p(
-        P,
+      a = /* @__PURE__ */ m(
+        N,
         {
           ...i,
-          transitionClassNames: _,
-          prefixCls: M,
+          transitionClassNames: M,
+          prefixCls: E,
           rtl: r,
           ref: (e) => {
             f[l] = e;
           }
         }
-      ), s.current.addInstance(d);
+      ), s.current.addInstance(a);
     return () => {
-      var e, a;
-      (a = (e = f[l]) == null ? void 0 : e.remove) == null || a.call(e, c);
+      f[l]?.remove?.(c);
     };
   }
-  const m = {};
-  return R.forEach((n) => {
-    m[n] = (t) => {
-      const r = H(t) ? { content: t } : t;
-      return E({
+  const d = {};
+  return P.forEach((n) => {
+    d[n] = (t) => {
+      const r = _(t) ? { content: t } : t;
+      return h({
         ...r,
         type: n
       });
     };
-  }), [m, h];
+  }), [d, g];
 }
 export {
   q as default