@unicom-cloud/ui 0.8.98 → 0.8.100

package/marquee/index.js

@@ -0,0 +1,283 @@
+import { jsxs as S, jsx as l, Fragment as A } from "react/jsx-runtime";
+import { useContext as U, useRef as k, useState as u, useEffect as N } 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 V from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import "@unicom-cloud/utils/case-name";
+import Z from "@unicom-cloud/utils/class-name";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "lodash/isPlainObject";
+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 "../dist/react-transition-group/src/TransitionGroup.js";
+import { resizeObserver as _ } from "../components/common/utils/resizeObserver.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import "@unicom-cloud/utils/is";
+import "uuid";
+import "../dist/validate/src/index.js";
+import tt from "../config-provider/context.js";
+const et = {
+  speed: 50,
+  // 默认50像素/秒（数值越大越快）
+  direction: "left",
+  pauseOnHover: !1,
+  gradient: !0,
+  loop: 0,
+  // 0表示无限循环
+  gradientSize: 50
+}, ae = (q) => {
+  const { getPrefixCls: O, componentConfig: P } = U(tt), s = O?.("marquee"), R = V(
+    q,
+    et,
+    P?.Marquee
+  );
+  let {
+    children: $,
+    style: L,
+    className: D,
+    speed: E,
+    // 默认50像素/秒（数值越大越快）
+    direction: c,
+    pauseOnHover: H,
+    gradient: W,
+    loop: a,
+    // 0表示无限循环
+    gradientSize: d,
+    onComplete: b
+  } = R;
+  const h = k(null), T = k(null), w = k(null), n = k(), [F, j] = u({ width: 0, height: 0 }), [rt, B] = u({ width: 0, height: 0 }), [y, I] = u(!1), [M, m] = u(!0), [x, p] = u(0), [X, g] = u(0), o = c === "left" || c === "right";
+  d = o ? 50 : 20;
+  const z = () => {
+    if (w.current && h.current) {
+      const r = w.current.scrollWidth, t = w.current.scrollHeight, i = h.current.offsetWidth, e = h.current.offsetHeight;
+      j({ width: r, height: t }), B({ width: i, height: e });
+      const f = o ? r > i : t > e;
+      if (I(f), f) {
+        const v = c === "right" ? -r : c === "down" ? -t : 0;
+        p(v);
+      }
+    }
+  };
+  N(() => {
+    const r = _(
+      [h.current],
+      z
+    );
+    return () => r();
+  }, []), N(() => {
+    z(), g(0);
+  }, [$]), N(() => {
+    if (!M || !y)
+      return;
+    let r = null, t = x;
+    const i = o ? F.width : F.height;
+    let e = X;
+    const f = (v) => {
+      if (!r) {
+        r = v, n.current = requestAnimationFrame(f);
+        return;
+      }
+      const Q = (v - r) / 1e3;
+      r = v;
+      const C = E * Q;
+      switch (c) {
+        case "left":
+          if (t -= C, t <= -i && (t += i, e += 1, g(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(n.current), m(!1), p(0), b?.();
+            return;
+          }
+          break;
+        case "right":
+          if (t += C, t >= 0 && (t -= i, e += 1, g(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(n.current), m(!1), p(-i), b?.();
+            return;
+          }
+          break;
+        case "up":
+          if (t -= C, t <= -i && (t += i, e += 1, g(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(n.current), m(!1), p(0), b?.();
+            return;
+          }
+          break;
+        case "down":
+          if (t += C, t >= 0 && (t -= i, e += 1, g(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(n.current), m(!1), p(-i), b?.();
+            return;
+          }
+          break;
+      }
+      p(t), n.current = requestAnimationFrame(f);
+    };
+    return n.current = requestAnimationFrame(f), () => {
+      n.current && cancelAnimationFrame(n.current);
+    };
+  }, [M, E, c, F, y, a]), N(() => (z(), () => {
+    n.current && cancelAnimationFrame(n.current);
+  }), []);
+  const Y = () => {
+    H && m(!1);
+  }, G = () => {
+    H && m(!0);
+  }, J = () => o ? `translateX(${x}px)` : `translateY(${x}px)`, K = () => {
+    const r = {
+      display: o ? "inline-block" : "block",
+      whiteSpace: o ? "nowrap" : "normal",
+      // 消除元素间默认间距
+      marginRight: o ? 0 : void 0,
+      marginBottom: o ? void 0 : 0
+    }, t = /* @__PURE__ */ l(
+      "div",
+      {
+        ref: w,
+        style: r,
+        className: `${s}-children`,
+        children: $
+      }
+    );
+    return y ? /* @__PURE__ */ S(A, { children: [
+      t,
+      /* @__PURE__ */ l("div", { style: r, className: `${s}-children`, children: $ })
+    ] }) : t;
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: h,
+      className: Z(
+        s,
+        `${s}-${c}`,
+        D
+      ),
+      style: {
+        overflow: "hidden",
+        position: "relative",
+        ...L
+      },
+      onMouseEnter: Y,
+      onMouseLeave: G,
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            ref: T,
+            style: {
+              display: o ? "inline-block" : "block",
+              whiteSpace: "nowrap",
+              willChange: "transform",
+              // 启用GPU加速
+              transform: J()
+            },
+            className: `${s}-content`,
+            children: K()
+          }
+        ),
+        W && y && (o ? /* @__PURE__ */ S(A, { children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: d,
+                height: "100%",
+                background: "linear-gradient(to right, #fff, transparent)",
+                pointerEvents: "none"
+              },
+              className: `${s}-linear-gradient-to-right`
+            }
+          ),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                right: 0,
+                width: d,
+                height: "100%",
+                background: "linear-gradient(to left, #fff, transparent)",
+                pointerEvents: "none"
+              },
+              className: `${s}-linear-gradient-to-left`
+            }
+          )
+        ] }) : /* @__PURE__ */ S(A, { children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: d,
+                background: "linear-gradient(to bottom, #fff, transparent)",
+                pointerEvents: "none"
+              },
+              className: `${s}-linear-gradient-to-bottom`
+            }
+          ),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: 0,
+                left: 0,
+                width: "100%",
+                height: d,
+                background: "linear-gradient(to top, #fff, transparent)",
+                pointerEvents: "none"
+              },
+              className: `${s}-linear-gradient-to-top`
+            }
+          )
+        ] }))
+      ]
+    }
+  );
+};
+export {
+  ae as default
+};

package/menu/Item.js

@@ -1,4 +1,4 @@
-import { jsxs as N, jsx as o, Fragment as D } from "react/jsx-runtime";
+import { jsxs as N, jsx as r, Fragment as D } from "react/jsx-runtime";
 import F from "../dist/scroll-into-view-if-needed/src/index.js";
 import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";
 import U from "../components/common/hooks/useIsFirstRender.js";
@@ -12,8 +12,8 @@ import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";
 function G(b, c) {
   const {
     _key: a,
-    children: s,
-    level: i,
+    children: i,
+    level: s,
     disabled: l,
     className: x,
     style: E,
@@ -32,14 +32,15 @@ function G(b, c) {
     scrollConfig: S,
     tooltipProps: y,
     onClickMenuItem: w
-  } = j(W), r = B(null), R = U(), I = p === "vertical" && i > 1, v = m && !M && i === 1, n = f && ~f.indexOf(a);
+  } = j(W), o = B(null), R = U(), I = p === "vertical" && s > 1, v = m && !M && s === 1, n = f && ~f.indexOf(a);
   K(() => {
     const e = n && u;
-    r.current && e && setTimeout(
+    o.current && e && setTimeout(
       () => {
-        r.current && F(r.current, {
+        o.current && F(o.current, {
           behavior: "smooth",
           block: "start",
+          inline: "start",
           scrollMode: "if-needed",
           boundary: document.body,
           ...S
@@ -47,7 +48,7 @@ function G(b, c) {
       },
       R ? 500 : 0
     );
-  }, [n, u]);
+  }, [n, u, o.current]);
   const k = (e) => {
     l || (w?.(a, e), _?.(e));
   }, g = /* @__PURE__ */ N(
@@ -56,7 +57,7 @@ function G(b, c) {
       tabIndex: l ? -1 : 0,
       role: "menuitem",
       ref: (e) => {
-        c = e, r.current = c;
+        c = e, o.current = c;
       },
       style: E,
       className: A(
@@ -79,35 +80,35 @@ function G(b, c) {
       ),
       children: [
         I && !m ? /* @__PURE__ */ N(D, { children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             V,
             {
               prefixCls: t,
               levelIndent: P,
-              level: i
+              level: s
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "span",
             {
               className: `${t}-item-inner`,
               style: {
                 display: "block"
               },
-              children: s
+              children: i
             }
           )
-        ] }) : s,
-        n && p === "horizontal" ? /* @__PURE__ */ o("div", { className: `${t}-selected-label` }) : null
+        ] }) : i,
+        n && p === "horizontal" ? /* @__PURE__ */ r("div", { className: `${t}-selected-label` }) : null
       ]
     }
   );
-  return v ? /* @__PURE__ */ o(
+  return v ? /* @__PURE__ */ r(
     z,
     {
       trigger: "hover",
       position: "right",
-      content: typeof d == "function" ? d() : /* @__PURE__ */ o("span", { children: s }),
+      content: typeof d == "function" ? d() : /* @__PURE__ */ r("span", { children: i }),
       triggerProps: {
         className: `${t}-item-tooltip`,
         ...y?.triggerProps || {}

package/package.json

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

package/qr-code/index.js

@@ -1,29 +1,35 @@
 import { jsx as r } from "react/jsx-runtime";
-import Q from "lodash/merge";
-import { QRCodeCanvas as R, QRCodeSVG as h } from "qrcode.react";
-import { useContext as z } from "react";
+import { QRCodeCanvas as b, QRCodeSVG as P } from "qrcode.react";
+import { useContext as Q } 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 R from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
 import "@unicom-cloud/utils/case-name";
-import N from "@unicom-cloud/utils/class-name";
+import S from "@unicom-cloud/utils/class-name";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
 import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../components/common/utils/dayjs.js";
-import "../components/common/utils/dom.js";
 import "@unicom-cloud/utils/file/fileToURL";
 import "lodash/escapeRegExp";
 import "lodash/isArray";
-import "lodash/isNumber";
 import "lodash/isString";
 import "lodash/isFunction";
 import "lodash/throttle";
-import "../components/common/utils/is.js";
 import "lodash/camelCase";
 import "lodash/capitalize";
 import "lodash/cloneDeep";
-import "lodash/debounce";
 import "lodash/get";
 import "lodash/has";
 import "lodash/kebabCase";
@@ -41,48 +47,60 @@ 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 "../dist/react-transition-group/src/TransitionGroup.js";
-import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
 import "uuid";
 import "../dist/validate/src/index.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import S from "../config-provider/context.js";
-const bo = (e) => {
-  const { getPrefixCls: s, componentConfig: n } = z(S), {
-    value: f,
-    renderAs: t = "svg",
-    size: o = 160,
-    bordered: m = !0,
-    errorLevel: a = "M",
-    fgColor: c = "#000000",
-    bgColor: d = "#ffffff",
-    marginSize: l = 0,
-    imageSettings: C,
-    className: g,
+import h from "../config-provider/context.js";
+const q = {
+  renderAs: "svg",
+  size: 160,
+  bordered: !0,
+  errorLevel: "M",
+  fgColor: "#000000",
+  bgColor: "#ffffff",
+  marginSize: 0,
+  value: "qr-code"
+}, $o = (e) => {
+  const { getPrefixCls: s, componentConfig: n } = Q(h), d = R(
+    e,
+    q,
+    n?.QRCode
+  ), {
+    value: l,
+    renderAs: t,
+    size: o,
+    bordered: i,
+    errorLevel: a,
+    fgColor: c,
+    bgColor: f,
+    marginSize: C = 0,
+    imageSettings: g,
+    className: u,
     style: v
-  } = Q({}, n?.QRCode, e), i = s?.("qrcode"), u = o - (m ? 12 : 0), x = () => {
+  } = d, m = s?.("qrcode"), x = o - (i ? 12 : 0), z = () => {
     const p = {
-      value: f,
-      size: u,
+      value: l,
+      size: x,
       level: a,
       fgColor: c,
-      bgColor: d,
-      marginSize: l,
-      imageSettings: C
+      bgColor: f,
+      marginSize: C,
+      imageSettings: g
     };
-    return t === "canvas" ? /* @__PURE__ */ r(R, { ...p }) : /* @__PURE__ */ r(h, { ...p });
+    return t === "canvas" ? /* @__PURE__ */ r(b, { ...p }) : /* @__PURE__ */ r(P, { ...p });
   };
   return /* @__PURE__ */ r(
     "div",
     {
-      className: N(
-        i,
-        m && `${i}-bordered`,
-        g,
+      className: S(
+        m,
+        i && `${m}-bordered`,
+        u,
         `qrcode-${t}`
       ),
       style: {
@@ -90,10 +108,10 @@ const bo = (e) => {
         height: o,
         ...v
       },
-      children: x()
+      children: z()
     }
   );
 };
 export {
-  bo as default
+  $o as default
 };

package/rate/index.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as Y } from "react/jsx-runtime";
 import Z from "@unicom-cloud/icons/IconUiFaceFrownFill";
-import A from "@unicom-cloud/icons/IconUiFaceMehFill";
+import R from "@unicom-cloud/icons/IconUiFaceMehFill";
 import x from "@unicom-cloud/icons/IconUiFaceSmileFill";
 import ee from "@unicom-cloud/icons/IconUiStarFill";
 import { times as oe, div as te } from "@unicom-cloud/utils/math";
@@ -49,30 +49,30 @@ function ie(H, U) {
   }, w = (e, s) => {
     const o = s && a ? e + 0.5 : e + 1;
     o !== f && (P(o), F?.(o));
-  }, R = (e, s) => {
+  }, V = (e, s) => {
     const o = s && a ? e + 0.5 : e + 1;
     M(!0), o !== c ? (I(o), y?.(o)) : T && (I(0), y?.(0), b());
   }, G = (e) => {
     const s = a ? oe(+te(c || 0, 0.5).toFixed(0), 0.5) : Math.round(c), o = f || s;
     let n = typeof l == "function" ? l(e) : l;
-    N && (o <= 2 ? n = /* @__PURE__ */ r(Z, {}) : o <= 3 ? n = /* @__PURE__ */ r(A, {}) : n = /* @__PURE__ */ r(x, {}), o <= e && (n = /* @__PURE__ */ r(A, {})));
+    N && (o <= 2 ? n = /* @__PURE__ */ r(Z, {}) : o <= 3 ? n = /* @__PURE__ */ r(R, {}) : n = /* @__PURE__ */ r(x, {}), o <= e && (n = /* @__PURE__ */ r(R, {})));
     const J = k(`${t}-character`, {
       [`${t}-character-half`]: a && e + 0.5 === o,
       [`${t}-character-full`]: e + 1 <= o,
       [`${t}-character-scale`]: p && e + 1 < c
     }), K = i || m ? {} : {
       onMouseEnter: w.bind(this, e, !0),
-      onClick: R.bind(this, e, !0)
+      onClick: V.bind(this, e, !0)
     }, O = i || m ? {} : {
       onMouseEnter: w.bind(this, e, !1),
-      onClick: R.bind(this, e, !1)
+      onClick: V.bind(this, e, !1)
     }, u = $ && $[e], Q = u ? se : E.Fragment, X = u ? { content: u } : {};
-    function h(V) {
+    function h(A) {
       return {
         role: "radio",
-        "aria-checked": e + (V ? 0.5 : 1) <= o,
+        "aria-checked": e + (A ? 0.5 : 1) <= o,
         "aria-setsize": v,
-        "aria-posinset": e + (V ? 0.5 : 1)
+        "aria-posinset": e + (A ? 0.5 : 1)
       };
     }
     return /* @__PURE__ */ r(Q, { ...X, children: /* @__PURE__ */ Y(