@unicom-cloud/ui 0.8.101 → 0.8.103

package/input/Textarea.js

@@ -49,7 +49,7 @@ const ge = (e, A) => {
     beforeTriggerValueChangeCallback: (t) => {
       !("value" in e) && (n === void 0 || t.length <= n) && U(t);
     }
-  }), S = F || l || "", { getPrefixCls: J, rtl: g } = ne(de), o = J?.("textarea"), z = s || e.resize === "none" || C(e.autoSize) && !w(e.autoSize.minRows) && !w(e.autoSize.maxRows) && e.autoSize?.minRows === e.autoSize?.maxRows || !w(e.rows);
+  }), S = F || l || "", { getPrefixCls: J, rtl: g } = ne(de), o = J?.("textarea"), z = s || e.resize === "none" || !w(e.rows) || C(e.autoSize) && !w(e.autoSize.minRows) && !w(e.autoSize.maxRows) && e.autoSize?.minRows === e.autoSize?.maxRows;
   z ? f.resize = "none" : e.resize && (f.resize = e.resize);
   const y = () => {
     if (r.current && r.current.focus) {

package/input/autoSizeTextAreaHeight.js

@@ -32,11 +32,11 @@ function y(n) {
   r || (r = document.createElement("textarea"), document.body.appendChild(r));
   const t = window.getComputedStyle(n), m = w.map((a) => `${a}:${t.getPropertyValue(a)}`).join(";");
   r.setAttribute("style", u + m);
-  const e = parseFloat(t.getPropertyValue("padding-top")) + parseFloat(t.getPropertyValue("padding-bottom")), i = t.getPropertyValue("box-sizing"), l = parseFloat(t.getPropertyValue("border-top-width")) + parseFloat(t.getPropertyValue("border-bottom-width"));
+  const e = parseFloat(t.getPropertyValue("padding-top")) + parseFloat(t.getPropertyValue("padding-bottom")), i = t.getPropertyValue("box-sizing"), g = parseFloat(t.getPropertyValue("border-top-width")) + parseFloat(t.getPropertyValue("border-bottom-width"));
   return {
     paddingSize: e,
     boxSizing: i,
-    borderSize: l
+    borderSize: g
   };
 }
 function H(n, t) {
@@ -48,16 +48,16 @@ function H(n, t) {
     };
   };
   if (n) {
-    const { minRows: e, maxRows: i } = m(), l = t, { paddingSize: a, boxSizing: x, borderSize: p } = y(l);
-    r.value = l.value || l.placeholder || "";
-    let d = r.scrollHeight + p, g, o, h;
+    const { minRows: e, maxRows: i } = m(), g = t, { paddingSize: a, boxSizing: x, borderSize: p } = y(g);
+    r.value = g.value || g.placeholder || "";
+    let d = r.scrollHeight + p, l, o, h;
     if (e || i) {
       r.value = "";
       const f = r.scrollHeight - a;
-      c(e) && (g = f * e, x === "border-box" && (g += a, g += p), d = Math.max(d, g)), c(i) && (o = f * i, x === "border-box" && (o += a, o += p), h = d > o ? "auto" : "", o = Math.min(d, o));
+      c(e) && (l = f * e, x === "border-box" && (l += a, l += p), d = Math.max(d, l)), c(i) && (o = f * i, x === "border-box" && (o += a, o += p), h = d > o ? "auto" : "", o = Math.min(d, o));
     }
     const s = {};
-    return s.height = d, g && (s.minHeight = g), o && (s.maxHeight = o), h && (s.overflowY = h), s;
+    return s.height = d, l && (s.minHeight = l), o && (s.maxHeight = o), h && (s.overflowY = h), s;
   }
 }
 export {

package/liquid-fill/index.js

@@ -13,12 +13,11 @@ import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import mt from "../components/common/hooks/useUpdateEffect.js";
 import "lodash/debounce";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import lt 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 { v4 as A } from "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 { isNumber as ct } from "@unicom-cloud/utils/is";
-import { v4 as A } from "uuid";
 import "../dist/validate/src/index.js";
 import pt from "../config-provider/context.js";
 const dt = {
@@ -73,7 +74,7 @@ const dt = {
   decimalPlaces: 0,
   percentFontScale: 0.5,
   waveSpeedVariation: 0.5
-}, ge = (E) => {
+}, we = (E) => {
   const { getPrefixCls: I, componentConfig: _ } = at(pt), i = I?.("liquid-fill"), H = st(
     E,
     dt,
@@ -254,5 +255,5 @@ const dt = {
   );
 };
 export {
-  ge as default
+  we as default
 };

package/liquid-fill/interface.js

@@ -0,0 +1 @@
+

package/list/index.js

@@ -10,7 +10,7 @@ import Tt from "../spin/index.js";
 import x from "@unicom-cloud/utils/class-name";
 import { omit as Bt } from "../components/common/utils/omit.js";
 import { pickDataAttributes as Vt } from "../components/common/utils/pick.js";
-import { scrollIntoView as _t } from "../components/common/utils/scrollIntoView.js";
+import { scrollIntoView as _t } from "../components/common/utils/scrollIntoViewIfNeeded.js";
 import kt from "../virtual-list/VirtualList.js";
 import Gt from "./Item.js";
 import Ot from "../config-provider/context.js";

package/marquee/index.js

@@ -1,23 +1,22 @@
-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 { jsx as s, Fragment as et, jsxs as j } from "react/jsx-runtime";
+import { forwardRef as rt, useContext as it, useState as y, useRef as k, useCallback as A, useEffect as R, useMemo as f, Fragment as ot, Children as H } 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 nt from "lodash/merge";
 import "../components/common/utils/dom.js";
 import "../components/common/hooks/useIntersectionObserver.js";
-import V from "../components/common/hooks/useMergeProps.js";
+import st 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 Z from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import mt from "@unicom-cloud/utils/class-name";
 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";
@@ -46,238 +45,157 @@ 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 { resizeObserver as at } 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 "@unicom-cloud/utils/is";
-import "uuid";
+import { isPlainObject as lt } from "@unicom-cloud/utils/is";
 import "../dist/validate/src/index.js";
-import tt from "../config-provider/context.js";
-const et = {
+import pt from "../config-provider/context.js";
+const ct = {
   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);
+  loop: 0
+}, ye = rt(
+  function(B, E) {
+    const { getPrefixCls: z, componentConfig: I } = it(pt), i = z?.("marquee"), t = z?.("marquee-var"), V = st(
+      B,
+      ct,
+      I?.Marquee
+    ), {
+      style: W = {},
+      className: _,
+      autoFill: m = !1,
+      play: p = !0,
+      pauseOnHover: C = !1,
+      pauseOnClick: v = !1,
+      direction: e = "left",
+      speed: M = 50,
+      delay: F = 0,
+      loop: q = 0,
+      gradient: D,
+      onFinish: G,
+      onCycleComplete: J,
+      onMount: x,
+      children: h
+    } = V, K = e === "left" || e === "right";
+    let r = D;
+    r === !0 && (r = {}), lt(r) && (r = nt(
+      { size: K ? 50 : 20, color: "#fff" },
+      r
+    ));
+    const [O, L] = y(0), [g, Q] = y(0), [$, T] = y(1), [w, U] = y(!1), X = k(null), a = E || X, c = k(null), u = A(() => {
+      if (c.current && a.current) {
+        const o = a.current.getBoundingClientRect(), d = c.current.getBoundingClientRect();
+        let n = o.width, l = d.width;
+        (e === "up" || e === "down") && (n = o.height, l = d.height), T(
+          m && n && l ? Math.max(2, Math.ceil(n / l)) : 1
+        ), L(n), Q(l);
       }
-    }
-  };
-  N(() => {
-    const r = _(
-      [h.current],
-      z
+    }, [m, a, e]);
+    R(() => {
+      if (!w) return;
+      u();
+      const o = at(
+        [a.current, c.current],
+        u
+      );
+      return () => {
+        o();
+      };
+    }, [u, a, c, w]), R(() => (u(), () => {
+    }), [u, h]), R(() => (U(!0), x && x(), () => {
+    }), [x]);
+    const P = f(() => g ? m ? g * $ / M : Math.max(O, g) / M : 0, [m, O, g, $, M]), Y = f(
+      () => ({
+        ...W,
+        [`--${t}-pause-on-hover`]: !p || C ? "paused" : "running",
+        [`--${t}-pause-on-click`]: !p || C && !v || v ? "paused" : "running",
+        [`--${t}-width`]: e === "up" || e === "down" ? "100vh" : "100%",
+        [`--${t}-transform`]: e === "up" ? "rotate(-90deg)" : e === "down" ? "rotate(90deg)" : "none"
+      }),
+      [W, t, p, C, v, e]
+    ), Z = f(
+      () => ({
+        [`--${t}-gradient-color`]: r?.color,
+        [`--${t}-gradient-width`]: typeof r?.size == "number" ? `${r?.size}px` : r?.size
+      }),
+      [r?.color, r?.size, t]
+    ), S = f(
+      () => ({
+        [`--${t}-play`]: p ? "running" : "paused",
+        [`--${t}-direction`]: e === "left" ? "normal" : "reverse",
+        [`--${t}-duration`]: `${P}s`,
+        [`--${t}-delay`]: `${F}s`,
+        [`--${t}-iteration-count`]: q ? `${q}` : "infinite",
+        [`--${t}-min-width`]: m ? "auto" : "100%"
+      }),
+      [t, p, e, P, F, q, m]
+    ), N = f(
+      () => ({
+        [`--${t}-transform`]: e === "up" ? "rotate(90deg)" : e === "down" ? "rotate(-90deg)" : "none"
+      }),
+      [e, t]
+    ), b = A(
+      (o) => Array.from({ length: o }).map((d, n) => /* @__PURE__ */ s(ot, { children: H.map(h, (l, tt) => /* @__PURE__ */ s(
+        "div",
+        {
+          style: N,
+          className: `${i}-child`,
+          children: l
+        },
+        `child-${n}-${tt}`
+      )) }, n)),
+      [h, N, i]
     );
-    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(
+    return w ? /* @__PURE__ */ s(et, { children: /* @__PURE__ */ j(
       "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(
+        ref: a,
+        style: Y,
+        className: mt(i, `${i}-${e}`, _),
+        children: [
+          !!r && /* @__PURE__ */ s("div", { style: Z, className: `${i}-overlay` }),
+          /* @__PURE__ */ j(
             "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`
+              style: S,
+              className: `${i}-item`,
+              onAnimationIteration: J,
+              onAnimationEnd: G,
+              children: [
+                /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: c,
+                    className: `${i}-initial-child-container`,
+                    children: H.map(h, (o, d) => /* @__PURE__ */ s(
+                      "div",
+                      {
+                        style: N,
+                        className: `${i}-child`,
+                        children: o
+                      },
+                      `original-${d}`
+                    ))
+                  }
+                ),
+                b($ - 1)
+              ]
             }
           ),
-          /* @__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`
-            }
-          )
-        ] }))
-      ]
-    }
-  );
-};
+          /* @__PURE__ */ s("div", { style: S, className: `${i}-item`, children: b($) })
+        ]
+      }
+    ) }) : null;
+  }
+);
 export {
-  ae as default
+  ye as default
 };

package/marquee/interface.js

@@ -0,0 +1 @@
+