@unicom-cloud/ui 0.8.100 → 0.8.101

package/loading/index.js

@@ -1,61 +1,80 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import m from "./style/index.module.less.js";
-import u, { useImperativeHandle as f, useEffect as x } from "react";
-function $(a, o) {
-  const d = ["#FF5F57", "#FEBC2E", "#28C840"], i = a.colors || d;
-  let s = 12, l = 25, e = 25, c = 4, r = "0.5 0 0.5 1;0.5 0 0.5 1", n = "0.7s";
-  return f(o, () => ({})), x(() => () => {
-  }, []), /* @__PURE__ */ p(
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as d, useContext as g, useMemo as u } from "react";
+import "../config-provider/ConfigProvider.js";
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import A from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import E from "@unicom-cloud/utils/class-name";
+import I from "../config-provider/context.js";
+const v = ["#FF5F57", "#FEBC2E", "#28C840"], e = 50, o = e / 2, S = 4, t = 7, c = 12, T = "0.7s", w = "0.5 0 0.5 1;0.5 0 0.5 1", D = (l, M) => {
+  const { getPrefixCls: m, componentConfig: p, rtl: a } = g(I), f = A(
+    l,
+    {},
+    p?.Loading
+  ), { colors: s = v, style: x, className: $, ...O } = f, n = m?.("mentions"), C = u(
+    () => [
+      {
+        cx: o - c,
+        fill: s[0],
+        values: `${o + t};${o};${o + t}`
+      },
+      {
+        cx: o,
+        fill: s[1],
+        values: `${o - t};${o};${o - t}`
+      },
+      {
+        cx: o + c,
+        fill: s[2],
+        values: `${o + t};${o};${o + t}`
+      }
+    ],
+    [s]
+  );
+  return /* @__PURE__ */ r(
     "svg",
     {
-      className: m.module,
+      style: { ...x },
+      className: E(`${n}`, !!a && `${n}-rtl`, $),
       xmlns: "http://www.w3.org/2000/svg",
-      width: "50px",
-      height: "50px",
-      viewBox: "0 0 50 50",
+      width: `${e}px`,
+      height: `${e}px`,
+      viewBox: `0 0 ${e} ${e}`,
       preserveAspectRatio: "xMidYMid",
-      children: [
-        /* @__PURE__ */ t("circle", { cx: l - s, cy: e, r: c, fill: i[0], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e + 7};${e};${e + 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) }),
-        /* @__PURE__ */ t("circle", { cx: l, cy: e, r: c, fill: i[1], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e - 7};${e};${e - 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) }),
-        /* @__PURE__ */ t("circle", { cx: l + s, cy: e, r: c, fill: i[2], children: /* @__PURE__ */ t(
-          "animate",
-          {
-            attributeName: "cy",
-            values: `${e + 7};${e};${e + 7}`,
-            dur: n,
-            calcMode: "spline",
-            keySplines: r,
-            begin: "0s",
-            repeatCount: "indefinite"
-          }
-        ) })
-      ]
+      children: C.map((i, N) => /* @__PURE__ */ r(
+        "circle",
+        {
+          cx: i.cx,
+          cy: o,
+          r: S,
+          fill: i.fill,
+          children: /* @__PURE__ */ r(
+            "animate",
+            {
+              attributeName: "cy",
+              values: i.values,
+              dur: T,
+              calcMode: "spline",
+              keySplines: w,
+              begin: "0s",
+              repeatCount: "indefinite"
+            }
+          )
+        },
+        N
+      ))
     }
   );
-}
-const w = u.forwardRef($);
+}, L = d(D);
+L.displayName = "Loading";
 export {
-  w as default
+  L as default
 };

package/loading/interface.js

@@ -0,0 +1 @@
+

package/modal/Modal.js

@@ -1,13 +1,13 @@
-import { jsxs as T, jsx as r, Fragment as Ke } from "react/jsx-runtime";
+import { jsxs as E, jsx as o, Fragment as Ke } from "react/jsx-runtime";
 import _e from "@unicom-cloud/icons/IconUiClose";
 import ue from "lodash/isFunction";
-import Ge, { forwardRef as Je, useRef as a, useContext as Qe, useState as k, useCallback as y, useEffect as q } from "react";
+import Ge, { forwardRef as Je, useContext as Qe, useRef as i, useState as T, useCallback as k, useEffect as q } from "react";
 import de from "../button/index.js";
 import en from "../config-provider/ConfigProvider.js";
 import nn from "../components/common/hooks/useIsFirstRender.js";
 import tn from "../components/common/hooks/useMergeProps.js";
-import on from "../components/common/hooks/useMergeValue.js";
-import rn from "../components/common/hooks/useOverflowHidden.js";
+import rn from "../components/common/hooks/useMergeValue.js";
+import on from "../components/common/hooks/useOverflowHidden.js";
 import ln from "../icon-hover/index.js";
 import sn from "../portal/index.js";
 import { PqbCSSTransition as me } from "../components/common/utils/PqbCSSTransition.js";
@@ -41,9 +41,8 @@ const bn = {
   getPopupContainer: () => document.body,
   alignCenter: !0
 };
-function xn(l, b) {
-  b ||= a();
-  const d = Qe(gn), o = tn(
+function xn(l, y) {
+  const d = Qe(gn), r = tn(
     l,
     bn,
     d.componentConfig?.Modal
@@ -52,7 +51,7 @@ function xn(l, b) {
     style: Ce,
     visible: s,
     simple: Z,
-    title: x,
+    title: b,
     subtitle: N,
     children: be,
     cancelText: xe,
@@ -60,7 +59,7 @@ function xn(l, b) {
     okButtonProps: ve,
     cancelButtonProps: Me,
     getPopupContainer: D = () => document.body,
-    footer: h,
+    footer: x,
     afterClose: we,
     confirmLoading: Ee,
     mountOnEnter: $,
@@ -68,7 +67,7 @@ function xn(l, b) {
     afterOpen: Te,
     hideCancel: ke,
     maskClosable: ye,
-    mask: v,
+    mask: h,
     alignCenter: Ne,
     getChildrenPopupContainer: j,
     wrapClassName: De,
@@ -80,31 +79,31 @@ function xn(l, b) {
     fullscreenable: hn,
     okButton: m,
     ..._
-  } = o, f = a(null), G = a(null), i = a(null), [J, Q] = k(), [ee, Re] = k(), M = a(null), p = a(!1), [Be, ne] = k(""), [te, oe] = k("");
+  } = r, f = i(null), G = i(null), a = i(null), [J, Q] = T(), [ee, Re] = T(), v = i(null), p = i(!1), [Be, ne] = T(""), [te, re] = T("");
   nn();
-  const B = a(!0);
+  const B = i(!0);
   s && B.current && (B.current = !1);
-  const w = a();
-  w.current || (w.current = Cn++);
-  const [Ie, I] = on(!1, {
+  const M = i();
+  M.current || (M.current = Cn++);
+  const [Ie, I] = rn(!1, {
     defaultValue: !1,
     value: Ee
-  }), t = d.getPrefixCls?.("modal", o.prefixCls), { locale: O, rtl: re } = d, Oe = !Z || _.noticeType === "show", Xe = "closable" in o ? o.closable : Oe, Ye = y(() => mn(D()), [D]);
-  rn(Ye, { hidden: s && v });
+  }), t = d.getPrefixCls?.("modal", r.prefixCls), { locale: O, rtl: oe } = d, Oe = !Z || _.noticeType === "show", Xe = "closable" in r ? r.closable : Oe, Ye = k(() => mn(D()), [D]);
+  on(Ye, { hidden: s && h });
   function X(e) {
     e.stopPropagation(), Y();
   }
   function Y() {
-    o.onCancel?.();
+    r.onCancel?.();
   }
   const Le = (e) => {
     R && s && e.key === un.key && (e.stopPropagation(), Y());
-  }, L = a(!1), Se = (e) => {
-    p.current && (p.current = !1, !L.current && ye && v && e.target === e.currentTarget && setTimeout(() => {
+  }, L = i(!1), Se = (e) => {
+    p.current && (p.current = !1, !L.current && ye && h && e.target === e.currentTarget && setTimeout(() => {
       Y();
     }, 100));
   }, He = (e) => {
-    const n = (o.onOk ?? o.onConfirm)?.(e);
+    const n = (r.onOk ?? r.onConfirm)?.(e);
     n?.then && (I(!0), n.then(
       () => {
         I(!1);
@@ -128,17 +127,17 @@ function xn(l, b) {
       isNaN(e) || Re(e + 1);
     }
   }, Ve = () => {
-    if (h === null)
+    if (x === null)
       return;
-    const e = o.cancelButton?.visible !== !1 && /* @__PURE__ */ r(
+    const e = r.cancelButton?.visible !== !1 && /* @__PURE__ */ o(
       de,
       {
         onClick: X,
         ...Me,
-        ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || xe || O?.Modal.cancelText
+        ...r.cancelButton?.props,
+        children: r.cancelButton?.props?.children || r.cancelButton?.label || r.cancelButton?.text || xe || O?.Modal.cancelText
       }
-    ), n = m?.visible !== !1 && /* @__PURE__ */ r(
+    ), n = m?.visible !== !1 && /* @__PURE__ */ o(
       de,
       {
         loading: Ie,
@@ -148,27 +147,27 @@ function xn(l, b) {
         ...m?.props,
         children: m?.props?.children || m?.label || m?.text || he || O?.Modal.okText
       }
-    ), c = ue(h) ? h(e, n) : h || /* @__PURE__ */ T(Ke, { children: [
+    ), c = ue(x) ? x(e, n) : x || /* @__PURE__ */ E(Ke, { children: [
       !ke && e,
       n
     ] });
-    return /* @__PURE__ */ r("div", { className: `${t}-footer`, children: c });
-  }, S = a(
+    return /* @__PURE__ */ o("div", { className: `${t}-footer`, children: c });
+  }, S = i(
     ae()
-  ), ze = y((e) => {
-    if (!i.current) return;
+  ), ze = k((e) => {
+    if (!a.current) return;
     e.preventDefault();
     const n = S.current;
-    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = i.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = i.current?.offsetParent?.getBoundingClientRect?.() ?? {}, E(), qe();
-  }, []), le = y((e) => {
+    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = a.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = a.current?.offsetParent?.getBoundingClientRect?.() ?? {}, w(), qe();
+  }, []), le = k((e) => {
     e.preventDefault();
     const n = S.current, { left: c, right: V, top: z, bottom: Ze } = n.boundingClientRect ?? {}, { width: je, height: Ae } = n.offsetParentBoundingClientRect ?? {};
     let g = Math.max(e.screenX - n.screenX, -c);
     g = Math.min(g, je - V);
     let C = Math.max(e.screenY - n.screenY, -z);
     C = Math.min(C, Ae - Ze), g += n.prewTranslateX, C += n.prewTranslateY, n.translateX = g, n.translateY = C, ne(`translate(${g}px, ${C}px)`);
-  }, []), se = y((e) => {
-    e.preventDefault(), E();
+  }, []), se = k((e) => {
+    e.preventDefault(), w();
   }, []);
   function qe() {
     document.documentElement.addEventListener(
@@ -179,7 +178,7 @@ function xn(l, b) {
       se
     );
   }
-  function E() {
+  function w() {
     document.documentElement.removeEventListener(
       "mousemove",
       le
@@ -201,36 +200,36 @@ function xn(l, b) {
     };
   }
   function H() {
-    S.current = ae(), ne(""), oe("");
+    S.current = ae(), ne(""), re("");
   }
   q(() => () => {
-    H(), E();
-  }, []), q(() => (i.current || (H(), E()), () => {
-  }), [i.current]);
-  const Ue = /* @__PURE__ */ T(
+    H(), w();
+  }, []), q(() => (a.current || (H(), w()), () => {
+  }), [a.current]);
+  const Ue = /* @__PURE__ */ E(
     en,
     {
       ...d,
       childrenName: "Modal",
-      prefixCls: o.prefixCls || d.prefixCls,
+      prefixCls: r.prefixCls || d.prefixCls,
       locale: O,
       zIndex: ee || 1050,
       getPopupContainer: (e) => typeof j == "function" ? j(e) : G.current,
       children: [
-        (!!x || !!N) && /* @__PURE__ */ T("div", { className: `${t}-header`, children: [
-          !!x && /* @__PURE__ */ r(
+        (!!b || !!N) && /* @__PURE__ */ E("div", { className: `${t}-header`, children: [
+          !!b && /* @__PURE__ */ o(
             "div",
             {
               className: `${t}-title`,
-              id: `pqb-dialog-${w.current}`,
-              children: x
+              id: `pqb-dialog-${M.current}`,
+              children: b
             }
           ),
-          !!N && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: N })
+          !!N && /* @__PURE__ */ o("div", { className: `${t}-subtitle`, children: N })
         ] }),
-        /* @__PURE__ */ r("div", { ref: G, className: `${t}-content`, children: be }),
+        /* @__PURE__ */ o("div", { ref: G, className: `${t}-content`, children: be }),
         Ve(),
-        !o.fullscreenable && o.draggable !== !1 && /* @__PURE__ */ r(
+        !r.fullscreenable && r.draggable !== !1 && /* @__PURE__ */ o(
           "div",
           {
             className: `${t}-drag-icon`,
@@ -238,14 +237,14 @@ function xn(l, b) {
             onDoubleClick: H
           }
         ),
-        (Xe || !!o.fullscreenable) && (K !== void 0 ? /* @__PURE__ */ r(
+        (Xe || !!r.fullscreenable) && (K !== void 0 ? /* @__PURE__ */ o(
           "span",
           {
             className: `${t}-close-icon`,
             onClick: X,
             children: K
           }
-        ) : /* @__PURE__ */ r(
+        ) : /* @__PURE__ */ o(
           ln,
           {
             tabIndex: -1,
@@ -253,12 +252,12 @@ function xn(l, b) {
             onClick: X,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(_e, {})
+            children: /* @__PURE__ */ o(_e, {})
           }
         ))
       ]
     }
-  ), We = x ? { "aria-labelledby": `pqb-dialog-${w.current}` } : {}, ie = /* @__PURE__ */ r(
+  ), We = b ? { "aria-labelledby": `pqb-dialog-${M.current}` } : {}, ie = /* @__PURE__ */ o(
     "div",
     {
       role: "dialog",
@@ -268,8 +267,8 @@ function xn(l, b) {
         t,
         {
           [`${t}-simple`]: Z,
-          [`${t}-rtl`]: re,
-          [`${t}-fullscreenable`]: o.fullscreenable
+          [`${t}-rtl`]: oe,
+          [`${t}-fullscreenable`]: r.fullscreenable
         },
         ge
       ),
@@ -278,32 +277,32 @@ function xn(l, b) {
         transform: Be,
         transformOrigin: te
       },
-      ref: i,
+      ref: a,
       children: Ue
     }
   ), F = (e) => {
     if (te)
       return;
     let n = "";
-    if (M.current) {
-      const c = e.getBoundingClientRect(), { left: V, top: z } = M.current;
+    if (v.current) {
+      const c = e.getBoundingClientRect(), { left: V, top: z } = v.current;
       n = `${V - c.left}px ${z - c.top}px`;
     }
-    oe(n);
-  }, ce = B.current ? !$ : !!i.current;
-  return s || ce ? /* @__PURE__ */ r(
+    re(n);
+  }, ce = B.current ? !$ : !!a.current;
+  return s || ce ? /* @__PURE__ */ o(
     sn,
     {
       visible: s,
       forceRender: ce,
       getContainer: D,
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ E(
         "div",
         {
-          ref: b,
+          ref: y,
           className: `${t}-container`,
           children: [
-            v ? /* @__PURE__ */ r(
+            h ? /* @__PURE__ */ o(
               me,
               {
                 in: s,
@@ -318,7 +317,7 @@ function xn(l, b) {
                 onExited: (e) => {
                   e && (e.style.display = "none");
                 },
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "div",
                   {
                     "aria-hidden": !0,
@@ -328,7 +327,7 @@ function xn(l, b) {
                 )
               }
             ) : null,
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               "div",
               {
                 ...dn(_, [
@@ -350,9 +349,9 @@ function xn(l, b) {
                 className: fe(
                   `${t}-wrapper`,
                   {
-                    [`${t}-wrapper-no-mask`]: !v,
+                    [`${t}-wrapper-no-mask`]: !h,
                     [`${t}-wrapper-align-center`]: Ne,
-                    [`${t}-wrapper-rtl`]: re
+                    [`${t}-wrapper-rtl`]: oe
                   },
                   De
                 ),
@@ -367,7 +366,7 @@ function xn(l, b) {
                   p.current = e.target === e.currentTarget;
                 },
                 onClick: Se,
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   me,
                   {
                     in: s,
@@ -377,16 +376,16 @@ function xn(l, b) {
                     unmountOnExit: P,
                     mountOnEnter: $,
                     onEnter: (e) => {
-                      e && (Q(!0), M.current = U, F(e), i.current = e);
+                      e && (Q(!0), v.current = U, F(e), a.current = e);
                     },
                     onEntered: (e) => {
-                      e && (F(e), M.current = null, Te?.());
+                      e && (F(e), v.current = null, Te?.());
                     },
                     onExit: () => {
                       L.current = !0;
                     },
                     onExited: (e) => {
-                      e && (Q(!1), F(e), we?.(), L.current = !1, P && (i.current = null));
+                      e && (Q(!1), F(e), we?.(), L.current = !1, P && (a.current = null));
                     },
                     children: Ge.cloneElement(
                       ue(A) ? A(ie) : ie,
@@ -418,8 +417,8 @@ u.show = (l) => W({ ...l, noticeType: "show" });
 u.confirm = (l) => W(l);
 u.useModal = pn;
 ["info", "success", "warning", "error"].forEach((l) => {
-  u[l] = (b) => W({
-    ...b,
+  u[l] = (y) => W({
+    ...y,
     isNotice: !0,
     noticeType: l
   });

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.100","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.101","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"}}

package/portal/interface.js

@@ -0,0 +1 @@
+