@unicom-cloud/ui 0.8.95 → 0.8.97

package/modal/use-modal/Hook.js

@@ -1,52 +1,50 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as p, useState as a, useImperativeHandle as k } from "react";
-import x from "../Modal.js";
-function C(l, i) {
-  const [f, t] = a(!0), [o, n] = a(l);
-  k(i, () => ({
-    update: (e) => {
-      n(e);
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as d, useState as i, useImperativeHandle as p } from "react";
+import g from "../Modal.js";
+function k(s, f) {
+  const [a, e] = i(!0), [n, t] = i(s);
+  p(f, () => ({
+    update: (o) => {
+      t(o);
     },
     close: () => {
-      t(!1);
+      e(!1);
     }
   }));
-  function u() {
-    var s;
-    const e = (s = o.onOk) == null ? void 0 : s.call(o);
-    e && e.then && (n((r) => ({
+  function l() {
+    const o = n.onOk?.();
+    o && o.then && (t((r) => ({
       ...r,
       confirmLoading: !0
-    })), e.then(
+    })), o.then(
       () => {
-        t(!1);
+        e(!1);
       },
       (r) => {
-        console.error(r), n((m) => ({
-          ...m,
+        console.error(r), t((u) => ({
+          ...u,
           confirmLoading: !1
         }));
       }
-    )), e || t(!1);
+    )), o || e(!1);
   }
   function c() {
-    var e;
-    (e = o.onCancel) == null || e.call(o), t(!1);
+    n.onCancel?.(), e(!1);
   }
-  return /* @__PURE__ */ d(
-    x,
+  return /* @__PURE__ */ m(
+    g,
     {
       unmountOnExit: !0,
       simple: !0,
-      ...o,
-      visible: f,
-      onOk: u,
+      ...n,
+      visible: a,
+      onOk: l,
       onCancel: c,
-      children: o.content
+      children: n.content
     }
   );
 }
-const O = p(C);
+const H = d(k);
 export {
-  O as default
+  H as default
 };

package/modal/use-modal/index.js

@@ -1,68 +1,65 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useRef as M } from "react";
-import { normalizeConfig as d } from "../Confirm.js";
-import { destroyList as w } from "../config.js";
-import { ContextHolderElement as E } from "../../utils/contextHolder.js";
-import H from "./Hook.js";
-function z() {
-  const t = M(), p = /* @__PURE__ */ m(E, { ref: t });
-  let u = 0;
-  function s(e) {
-    var f;
-    u += 1;
-    let o, n = { ...e };
-    function C() {
-      var r;
-      (r = e.afterClose) == null || r.call(e), h();
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { normalizeConfig as m } from "../Confirm.js";
+import { destroyList as M } from "../config.js";
+import { ContextHolderElement as w } from "../../utils/contextHolder.js";
+import E from "./Hook.js";
+function j() {
+  const r = x(), d = /* @__PURE__ */ l(w, { ref: r });
+  let c = 0;
+  function u(o) {
+    c += 1;
+    let e, t = { ...o };
+    function p() {
+      o.afterClose?.(), C();
     }
-    const a = /* @__PURE__ */ m(
-      H,
+    const i = /* @__PURE__ */ l(
+      E,
       {
-        ref: (r) => {
-          o = r;
+        ref: (n) => {
+          e = n;
         },
-        ...d({ ...e }),
-        afterClose: C
+        ...m({ ...o }),
+        afterClose: p
       },
-      u
+      c
     );
-    (f = t.current) == null || f.addInstance(a);
-    function h() {
-      var r;
-      (r = t.current) == null || r.removeInstance(a);
+    r.current?.addInstance(i);
+    function C() {
+      r.current?.removeInstance(i);
     }
-    function l() {
-      o == null || o.close();
+    function a() {
+      e?.close();
     }
-    function x(r) {
-      n = {
-        ...n,
-        ...r
-      }, o == null || o.update(d({ ...n }));
+    function h(n) {
+      t = {
+        ...t,
+        ...n
+      }, e?.update(m({ ...t }));
     }
-    return w.push(l), {
-      close: l,
-      update: x
+    return M.push(a), {
+      close: a,
+      update: h
     };
   }
-  function c(e) {
-    return s({
-      ...e
+  function f(o) {
+    return u({
+      ...o
     });
   }
-  const i = {
-    confirm: c,
-    show: c
+  const s = {
+    confirm: f,
+    show: f
     // 潘启宝添加于 2023年10月18日 星期三 10时31分58秒 CST
   };
-  return ["info", "success", "warning", "error"].forEach((e) => {
-    i[e] = (o) => s({
-      ...o,
+  return ["info", "success", "warning", "error"].forEach((o) => {
+    s[o] = (e) => u({
+      ...e,
       isNotice: !0,
-      noticeType: e
+      noticeType: o
     });
-  }), [i, p];
+  }), [s, d];
 }
 export {
-  z as default
+  j as default
 };

package/notice/index.js

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

package/notification/index.js

@@ -1,11 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+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/C6QwjD4L.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 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";
@@ -22,32 +22,32 @@ const Q = [
   "loading",
   "normal"
 ];
-let a = {}, x = [], E, $, w, g, u;
-function P(t, e) {
-  return y(t) && (t = e || u ? "topLeft" : "topRight"), t;
+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: r, getContainer: o, notices: l } = t, d = y(r) ? u : r, f = P(t.position, d), n = e || $, h = n ? `${n}-notification` : "pqb-notification";
+  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;
-  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);
+  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(m);
+      t.remove(s);
     }, 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(
+  const N = /* @__PURE__ */ m("div", { className: P, children: /* @__PURE__ */ m(L, { component: null, children: r.map((s) => /* @__PURE__ */ m(
     q,
     {
       timeout: {
@@ -62,73 +62,68 @@ function U(t) {
         i && (i.style.height = 0);
       },
       onExited: (i) => {
-        var p;
-        i && (i.style.height = 0, (p = m.onClose) == null || p.call(m));
+        i && (i.style.height = 0, s.onClose?.());
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ m(
         O,
         {
-          ...m,
-          onClose: I,
-          prefixCls: h,
-          iconPrefix: n,
-          classPrefixCls: n,
+          ...s,
+          onClose: j,
+          prefixCls: p,
+          iconPrefix: l,
+          classPrefixCls: l,
           noticeType: "notification",
-          rtl: d
+          rtl: c
         }
       )
     },
-    m.id
+    s.id
   )) }) });
-  return N ? T(v, N) : v;
+  return x ? T(N, x) : N;
 }
-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);
-    }
+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 = {});
 };
-c.clear = () => {
+f.clear = () => {
   Object.values(a).forEach((t) => {
-    t == null || t.clear();
+    t?.clear();
   });
 };
-c.remove = (t) => {
+f.remove = (t) => {
   Object.values(a).forEach((e) => {
-    e == null || e.remove(t);
+    e?.remove(t);
   });
 };
-c.addInstance = (t) => {
-  const e = P(t.position, u), r = a[e], o = {
-    duration: w,
+f.addInstance = (t) => {
+  const e = w(t.position, d), o = a[e], u = {
+    duration: $,
     ...t
   };
-  if (r) {
-    const l = r.notices.find(
-      (f) => f.id === t.id
-    ), d = {
-      ...o,
-      update: l
+  if (o) {
+    const r = o.notices.find(
+      (n) => n.id === t.id
+    ), c = {
+      ...u,
+      update: r
     };
-    r.notices.length >= E && (l ? d.id = l.id : r.shift()), r.add({ ...d });
+    o.notices.length >= y && (r ? c.id = r.id : o.shift()), o.add({ ...c });
   }
-  if (r === null && x.push(t), r === void 0) {
-    const l = document.createElement("div");
-    (g || document.body).appendChild(l), _(l).render(
-      /* @__PURE__ */ s(
-        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,
         {
-          ...o,
-          ref: (f) => {
-            if (f) {
-              for (let n = 0; n < x.length; n++)
-                f.add(x[n]);
-              x = [], a[e] = f;
+          ...u,
+          ref: (n) => {
+            if (n) {
+              for (let l = 0; l < h.length; l++)
+                n.add(h[l]);
+              h = [], a[e] = n;
             }
           }
         }
@@ -138,14 +133,14 @@ c.addInstance = (t) => {
   return a[e];
 };
 Q.forEach((t) => {
-  c[t] = (e) => c.addInstance({
+  f[t] = (e) => f.addInstance({
     ...e,
     type: t
   });
 });
 export {
-  c as default,
-  P as getPosition,
+  f as default,
+  w as getPosition,
   Q as notificationTypes,
   k as useNotification
 };