@unicom-cloud/ui 0.8.101 → 0.8.103

package/marquee-/index.js

@@ -0,0 +1,260 @@
+import { jsxs as z, jsx as m, Fragment as x } from "react/jsx-runtime";
+import { useContext as V, useRef as C, useState as d, useEffect as F } 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 Z from "lodash/merge";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import _ from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import tt from "@unicom-cloud/utils/class-name";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+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 et } from "../components/common/utils/resizeObserver.js";
+import "uuid";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isPlainObject as q } from "@unicom-cloud/utils/is";
+import "../dist/validate/src/index.js";
+import rt from "../config-provider/context.js";
+const ot = {
+  speed: 50,
+  direction: "left",
+  pauseOnHover: !1,
+  loop: 0
+}, me = (R) => {
+  const { getPrefixCls: L, componentConfig: D } = V(rt), s = L?.("marquee"), E = _(
+    R,
+    ot,
+    D?.Marquee
+  ), {
+    children: N,
+    style: W,
+    className: j,
+    speed: A = 50,
+    direction: l = "left",
+    pauseOnHover: P = !1,
+    loop: a = 0,
+    gradient: T = { color: "#fff" },
+    onComplete: h
+  } = E, g = C(null), B = C(null), $ = C(null), c = C(), [S, I] = d({ width: 0, height: 0 }), [it, X] = d({ width: 0, height: 0 }), [y, Y] = d(!1), [H, p] = d(!0), [k, f] = d(0), [M, b] = d(0), i = l === "left" || l === "right";
+  let o = T;
+  q(o) && (o = Z(
+    { size: i ? 50 : 20, color: "#fff" },
+    o
+  ));
+  const O = () => {
+    if ($.current && g.current) {
+      const r = $.current.scrollWidth, t = $.current.scrollHeight, n = g.current.offsetWidth, e = g.current.offsetHeight;
+      I({ width: r, height: t }), X({ width: n, height: e });
+      const u = i ? r > n : t > e;
+      if (Y(u), u) {
+        const v = l === "right" ? -r : l === "down" ? -t : 0;
+        f(v);
+      }
+    }
+  };
+  F(() => {
+    const r = g.current;
+    if (!r)
+      return;
+    const t = et([r], O);
+    return () => t();
+  }, []), F(() => {
+    O(), b(0);
+  }, [N]), F(() => {
+    if (!H || !y)
+      return;
+    let r = null, t = k;
+    const n = i ? S.width : S.height;
+    let e = M;
+    const u = (v) => {
+      if (!r) {
+        r = v, c.current = requestAnimationFrame(u);
+        return;
+      }
+      const U = (v - r) / 1e3;
+      r = v;
+      const w = A * U;
+      switch (l) {
+        case "left":
+          if (t -= w, t <= -n && (t += n, e += 1, b(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(c.current), p(!1), f(0), h?.();
+            return;
+          }
+          break;
+        case "right":
+          if (t += w, t >= 0 && (t -= n, e += 1, b(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(c.current), p(!1), f(-n), h?.();
+            return;
+          }
+          break;
+        case "up":
+          if (t -= w, t <= -n && (t += n, e += 1, b(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(c.current), p(!1), f(0), h?.();
+            return;
+          }
+          break;
+        case "down":
+          if (t += w, t >= 0 && (t -= n, e += 1, b(e), a > 0 && e >= a)) {
+            cancelAnimationFrame(c.current), p(!1), f(-n), h?.();
+            return;
+          }
+          break;
+      }
+      f(t), c.current = requestAnimationFrame(u);
+    };
+    return c.current = requestAnimationFrame(u), () => {
+      c.current && cancelAnimationFrame(c.current);
+    };
+  }, [
+    H,
+    A,
+    l,
+    S,
+    y,
+    a,
+    M,
+    k,
+    i,
+    h
+  ]);
+  const G = () => {
+    P && p(!1);
+  }, J = () => {
+    P && p(!0);
+  }, K = () => i ? `translateX(${k}px)` : `translateY(${k}px)`, Q = () => {
+    const r = {
+      display: i ? "inline-block" : "block",
+      whiteSpace: i ? "nowrap" : "normal",
+      marginRight: i ? 0 : void 0,
+      marginBottom: i ? void 0 : 0
+    }, t = /* @__PURE__ */ m(
+      "div",
+      {
+        ref: $,
+        style: r,
+        className: `${s}-children`,
+        children: N
+      }
+    );
+    return y ? /* @__PURE__ */ z(x, { children: [
+      t,
+      /* @__PURE__ */ m("div", { style: r, className: `${s}-children`, children: N })
+    ] }) : t;
+  };
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      ref: g,
+      style: W,
+      className: tt(
+        s,
+        `${s}-${l}`,
+        j
+      ),
+      onMouseEnter: G,
+      onMouseLeave: J,
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            ref: B,
+            style: {
+              display: i ? "inline-block" : "block",
+              transform: K()
+            },
+            className: `${s}-content`,
+            children: Q()
+          }
+        ),
+        q(o) && y && (i ? /* @__PURE__ */ z(x, { children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                width: o.size,
+                background: `linear-gradient(to right, ${o.color}, transparent)`
+              },
+              className: `${s}-linear-gradient-to-right`
+            }
+          ),
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                width: o.size,
+                background: `linear-gradient(to left, ${o.color}, transparent)`
+              },
+              className: `${s}-linear-gradient-to-left`
+            }
+          )
+        ] }) : /* @__PURE__ */ z(x, { children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                height: o.size,
+                background: `linear-gradient(to top, ${o.color}, transparent)`
+              },
+              className: `${s}-linear-gradient-to-bottom`
+            }
+          ),
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                height: o.size,
+                background: `linear-gradient(to bottom, ${o.color}, transparent)`
+              },
+              className: `${s}-linear-gradient-to-top`
+            }
+          )
+        ] }))
+      ]
+    }
+  );
+};
+export {
+  me as default
+};

package/marquee-/interface.js

@@ -0,0 +1 @@
+

package/menu/Item.js

@@ -5,11 +5,11 @@ import U from "../components/common/hooks/useIsFirstRender.js";
 import z from "../tooltip/index.js";
 import A from "@unicom-cloud/utils/class-name";
 import { Enter as H } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as h } from "../components/common/utils/omit.js";
+import { omit as b } from "../components/common/utils/omit.js";
 import V from "./Indent.js";
 import W from "./context.js";
 import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";
-function G(b, c) {
+function G(C, c) {
   const {
     _key: a,
     children: i,
@@ -21,7 +21,7 @@ function G(b, c) {
     onClick: _,
     renderItemInTooltip: d,
     ...$
-  } = b, {
+  } = C, {
     prefixCls: t,
     mode: p,
     collapse: m,
@@ -74,7 +74,7 @@ function G(b, c) {
       onKeyDown: (e) => {
         e.key === H.key && k(e);
       },
-      ...h(
+      ...b(
         $,
         ["key", "_key"].concat(q)
       ),
@@ -113,14 +113,14 @@ function G(b, c) {
         className: `${t}-item-tooltip`,
         ...y?.triggerProps || {}
       },
-      ...h(y, ["triggerProps"]),
+      ...b(y, ["triggerProps"]),
       children: g
     }
   ) : g;
 }
-const J = O(G), C = J;
-C.displayName = "MenuItem";
-C.menuType = "MenuItem";
+const J = O(G), h = J;
+h.displayName = "MenuItem";
+h.menuType = "MenuItem";
 export {
-  C as default
+  h as default
 };

package/package.json

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

package/qr-code/index.js

@@ -13,12 +13,11 @@ 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/date";
 import "@unicom-cloud/utils/case-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 "@unicom-cloud/utils/file/fileToURL";
@@ -47,13 +46,15 @@ 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 "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 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 h from "../config-provider/context.js";
 const q = {
@@ -65,7 +66,7 @@ const q = {
   bgColor: "#ffffff",
   marginSize: 0,
   value: "qr-code"
-}, $o = (e) => {
+}, jo = (e) => {
   const { getPrefixCls: s, componentConfig: n } = Q(h), d = R(
     e,
     q,
@@ -113,5 +114,5 @@ const q = {
   );
 };
 export {
-  $o as default
+  jo as default
 };

package/splitter/SplitBar.js

@@ -1,127 +1,129 @@
-import { jsxs as H, jsx as l } from "react/jsx-runtime";
-import J from "@unicom-cloud/icons/IconUiDown";
-import K from "@unicom-cloud/icons/IconUiLeft";
-import Q from "@unicom-cloud/icons/IconUiRight";
-import W from "@unicom-cloud/icons/IconUiUp";
-import x from "react";
+import { jsxs as G, jsx as l } from "react/jsx-runtime";
+import H from "@unicom-cloud/icons/IconUiDown";
+import J from "@unicom-cloud/icons/IconUiLeft";
+import K from "@unicom-cloud/icons/IconUiRight";
+import Q from "@unicom-cloud/icons/IconUiUp";
+import E from "react";
 import "../config-provider/ConfigProvider.js";
-import d from "@unicom-cloud/utils/class-name";
-import y from "./hooks/useEvent.js";
-import Z from "../config-provider/context.js";
-function L(f) {
-  return typeof f == "number" && !Number.isNaN(f) ? Math.round(f) : 0;
+import f from "@unicom-cloud/utils/class-name";
+import Y from "./hooks/useEvent.js";
+import W from "../config-provider/context.js";
+function O(d) {
+  return typeof d == "number" && !Number.isNaN(d) ? Math.round(d) : 0;
 }
-const le = (f) => {
-  const { getPrefixCls: z } = x.useContext(Z), {
+const ie = (d) => {
+  const { getPrefixCls: y } = E.useContext(W), {
     prefixCls: I,
-    vertical: n,
-    index: s,
-    active: T,
+    vertical: s,
+    index: n,
+    active: z,
     ariaNow: $,
-    ariaMin: C,
-    ariaMax: E,
-    resizable: M,
-    startCollapsible: j,
-    endCollapsible: k,
-    onOffsetStart: O,
-    onOffsetUpdate: N,
-    onOffsetEnd: b,
-    onCollapse: S,
+    ariaMin: M,
+    ariaMax: N,
+    startCollapsible: T,
+    endCollapsible: j,
+    onOffsetStart: S,
+    onOffsetUpdate: v,
+    onOffsetEnd: h,
+    onCollapse: P,
     lazy: a,
     containerSize: m
-  } = f, e = z?.("bar", I), [r, v] = x.useState(
+  } = d, e = y?.("bar", I), [r, w] = E.useState(
     null
-  ), [h, P] = x.useState(0), A = n ? 0 : h, D = n ? h : 0, R = (t) => {
-    M && t.currentTarget && (v([t.pageX, t.pageY]), O(s));
-  }, V = (t) => {
-    if (M && t.touches.length === 1) {
+  ), [g, U] = E.useState(0), k = s ? 0 : g, A = s ? g : 0, D = (t) => {
+    t.currentTarget && (w([t.pageX, t.pageY]), S(n));
+  }, R = (t) => {
+    if (t.touches.length === 1) {
       const o = t.touches[0];
-      v([o.pageX, o.pageY]), O(s);
+      w([o.pageX, o.pageY]), S(n);
     }
-  }, B = (t) => {
-    const o = m * $ / 100, c = o + t, w = Math.max(0, m * C / 100), i = Math.min(m, m * E / 100);
-    return Math.max(w, Math.min(i, c)) - o;
-  }, U = y((t, o) => {
-    const c = B(
-      n ? o : t
+  }, V = (t) => {
+    const o = m * $ / 100, c = o + t, x = Math.max(0, m * M / 100), i = Math.min(m, m * N / 100);
+    return Math.max(x, Math.min(i, c)) - o;
+  }, L = Y((t, o) => {
+    const c = V(
+      s ? o : t
     );
-    P(c);
-  }), X = y(() => {
-    N(s, A, D, !0), P(0), b(!0);
+    U(c);
+  }), b = Y(() => {
+    v(n, k, A, !0), U(0), h(!0);
   });
-  x.useEffect(() => {
+  E.useEffect(() => {
     if (r) {
       const t = (i) => {
-        const { pageX: u, pageY: g } = i, p = u - r[0], Y = g - r[1];
-        a ? U(p, Y) : N(s, p, Y);
+        const { pageX: u, pageY: C } = i, p = u - r[0], X = C - r[1];
+        a ? L(p, X) : v(n, p, X);
       }, o = () => {
-        a ? X() : b(), v(null);
+        a ? b() : h(), w(null);
       }, c = (i) => {
         if (i.touches.length === 1) {
-          const u = i.touches[0], g = u.pageX - r[0], p = u.pageY - r[1];
-          a ? U(g, p) : N(s, g, p);
+          const u = i.touches[0], C = u.pageX - r[0], p = u.pageY - r[1];
+          a ? L(C, p) : v(n, C, p);
         }
-      }, w = () => {
-        a ? X() : b(), v(null);
+      }, x = () => {
+        a ? b() : h(), w(null);
       };
-      return window.addEventListener("touchmove", c), window.addEventListener("touchend", w), window.addEventListener("mousemove", t), window.addEventListener("mouseup", o), () => {
-        window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", w);
+      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", t), window.addEventListener("mouseup", o), () => {
+        window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
       };
     }
   }, [
     r,
     a,
-    n,
     s,
+    n,
     m,
     $,
-    C,
-    E
+    M,
+    N,
+    L,
+    v,
+    b,
+    h
   ]);
-  const q = {
-    [`--${e}-preview-offset`]: `${h}px`
-  }, F = n ? W : K, G = n ? J : Q;
-  return /* @__PURE__ */ H(
+  const B = {
+    [`--${e}-preview-offset`]: `${g}px`
+  }, q = s ? Q : J, F = s ? H : K;
+  return /* @__PURE__ */ G(
     "div",
     {
       className: e,
       role: "separator",
-      "aria-valuenow": L($),
-      "aria-valuemin": L(C),
-      "aria-valuemax": L(E),
+      "aria-valuenow": O($),
+      "aria-valuemin": O(M),
+      "aria-valuemax": O(N),
       children: [
         a && /* @__PURE__ */ l(
           "div",
           {
-            className: d(`${e}-preview`, {
-              [`${e}-preview-active`]: !!h
+            className: f(`${e}-preview`, {
+              [`${e}-preview-active`]: !!g
             }),
-            style: q
+            style: B
           }
         ),
         /* @__PURE__ */ l(
           "div",
           {
-            className: d(`${e}-dragger`, {
-              [`${e}-dragger-disabled`]: !M,
-              [`${e}-dragger-active`]: T
+            className: f(`${e}-dragger`, {
+              [`${e}-dragger-active`]: z
             }),
-            onMouseDown: R,
-            onTouchStart: V
+            onMouseDown: D,
+            onTouchStart: R
           }
         ),
-        j && /* @__PURE__ */ l(
+        T && /* @__PURE__ */ l(
           "div",
           {
-            className: d(
+            className: f(
               `${e}-collapse-bar`,
               `${e}-collapse-bar-start`
             ),
-            onClick: () => S(s, "start"),
+            onClick: () => P(n, "start"),
             children: /* @__PURE__ */ l(
-              F,
+              q,
               {
-                className: d(
+                className: f(
                   `${e}-collapse-icon`,
                   `${e}-collapse-start`
                 )
@@ -129,18 +131,18 @@ const le = (f) => {
             )
           }
         ),
-        k && /* @__PURE__ */ l(
+        j && /* @__PURE__ */ l(
           "div",
           {
-            className: d(
+            className: f(
               `${e}-collapse-bar`,
               `${e}-collapse-bar-end`
             ),
-            onClick: () => S(s, "end"),
+            onClick: () => P(n, "end"),
             children: /* @__PURE__ */ l(
-              G,
+              F,
               {
-                className: d(
+                className: f(
                   `${e}-collapse-icon`,
                   `${e}-collapse-end`
                 )
@@ -153,5 +155,5 @@ const le = (f) => {
   );
 };
 export {
-  le as default
+  ie as default
 };