@unicom-cloud/ui 0.8.124 → 0.8.125

package/carousel/index.js

@@ -1,18 +1,18 @@
-/* 2025-11-19 10:00:13 */
-import { jsxs as ye, jsx as N } from "react/jsx-runtime";
-import P, { useContext as Ne, useRef as L, useState as m, useEffect as Z, useImperativeHandle as Ie } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as ye, jsx as y } from "react/jsx-runtime";
+import M, { forwardRef as Ne, useContext as Ie, useRef as j, useState as m, useEffect as Z, useImperativeHandle as Pe } from "react";
 import "../config-provider/ConfigProvider.js";
-import Pe from "@unicom-cloud/ui-common/hooks/use-interval";
-import $e from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Te from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import I from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as O, isObjectLike as X, isNaN as We } from "@unicom-cloud/ui-common/utils/is";
-import Se from "@unicom-cloud/ui-common/utils/omit";
-import we from "@unicom-cloud/ui-common/utils/warning";
-import be from "./Arrow.js";
-import Ae from "./Indicator.js";
-import Re from "../config-provider/context.js";
-const Me = 3e3, De = {
+import $e from "@unicom-cloud/ui-common/hooks/use-interval";
+import Te from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import We from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import N from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as D, isObjectLike as X, isNaN as Se } from "@unicom-cloud/ui-common/utils/is";
+import we from "@unicom-cloud/ui-common/utils/omit";
+import be from "@unicom-cloud/ui-common/utils/warning";
+import Ae from "./Arrow.js";
+import Re from "./Indicator.js";
+import Ee from "../config-provider/context.js";
+const Le = 3e3, Me = {
   animation: "slide",
   indicatorType: "dot",
   indicatorPosition: "bottom",
@@ -22,15 +22,15 @@ const Me = 3e3, De = {
   moveSpeed: 500,
   timingFunc: "cubic-bezier(0.34, 0.69, 0.1, 1)"
 };
-function Ee(q, j) {
+function je(q, H) {
   const {
-    prefixCls: Oe,
+    prefixCls: He,
     getPrefixCls: B,
     componentConfig: G,
-    rtl: H
-  } = Ne(Re), v = $e(
+    rtl: O
+  } = Ie(Ee), v = Te(
     q,
-    De,
+    Me,
     G?.Carousel
   ), {
     style: J,
@@ -39,11 +39,11 @@ function Ee(q, j) {
     currentIndex: h,
     animation: C,
     trigger: ee,
-    direction: $,
-    moveSpeed: T,
+    direction: I,
+    moveSpeed: P,
     timingFunc: k,
     indicatorType: F,
-    indicatorPosition: W,
+    indicatorPosition: $,
     indicatorClassName: te,
     showArrow: z,
     miniRender: re,
@@ -56,36 +56,37 @@ function Ee(q, j) {
   let o = v.autoPlay;
   o && v.autoPlaySpeed && (o = {
     interval: v.autoPlaySpeed
-  }, we(
+  }, be(
     !0,
     "[Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead."
   ));
-  const V = P.Children.toArray(Q).filter(
-    (e) => P.isValidElement(e)
-  ), d = V.length, x = L(null), p = L(null), y = L(null), [S, le] = m(
-    O(h) ? f(h) : 0
-  ), [ce, ue] = m(S), [de, _] = m(!1), [w, U] = m(!1), [b, me] = m(
+  const V = M.Children.toArray(Q).filter(
+    (e) => M.isValidElement(e)
+  ), d = V.length, T = j(null), p = j(null), x = j(null), [W, le] = m(
+    D(h) ? f(h) : 0
+  ), [ce, ue] = m(W), [de, _] = m(!1), [S, U] = m(!1), [w, me] = m(
     null
-  ), [Y, A] = m({
+  ), [Y, b] = m({
     sliderWrapper: null,
     indicatorWrapper: null
-  }), s = O(h) ? f(h) : S, R = f(s - 1), M = f(s + 1), pe = X(o) && o.interval ? o.interval : Me;
-  Z(() => () => y.current && clearTimeout(y.current), []), Z(() => {
+  }), s = D(h) ? f(h) : W, A = f(s - 1), R = f(s + 1), pe = X(o) && o.interval ? o.interval : Le;
+  Z(() => () => x.current && clearTimeout(x.current), []), Z(() => {
     c({
       targetIndex: s
     });
   }, [s]);
-  const fe = Pe(
+  const fe = $e(
     () => {
       c({
-        targetIndex: M
+        targetIndex: R
       });
     },
     o && !de && d > 1 ? pe : null
   );
-  Ie(ie, () => ({
-    dom: x.current,
-    getRootDOMNode: () => x.current,
+  Pe(ie, () => ({
+    getRootElement() {
+      return T.current;
+    },
     goto: ({ index: e, isNegative: t, isManual: r, resetAutoPlayInterval: i }) => {
       c({
         targetIndex: f(e),
@@ -97,7 +98,7 @@ function Ee(q, j) {
   }));
   function f(e) {
     const t = +e;
-    return O(t) && !We(t) ? (t + d) % d : e;
+    return D(t) && !Se(t) ? (t + d) % d : e;
   }
   function c({
     targetIndex: e,
@@ -105,18 +106,18 @@ function Ee(q, j) {
     isManual: r = !1,
     resetAutoPlayInterval: i = !1
   }) {
-    !w && e !== s && (U(!0), le(e), ue(S), me(t ? "negative" : "positive"), se?.(e, s, r), o && i && fe(), y.current = setTimeout(() => {
-      U(!1), y.current = null;
-    }, T));
+    !S && e !== s && (U(!0), le(e), ue(W), me(t ? "negative" : "positive"), se?.(e, s, r), o && i && fe(), x.current = setTimeout(() => {
+      U(!1), x.current = null;
+    }, P));
   }
   function ge() {
     if (C === "card") {
       if (p.current) {
         const e = p.current.children[0];
         if (!e) return;
-        if ($ === "horizontal") {
+        if (I === "horizontal") {
           const t = p.current.clientWidth, r = e.clientWidth, i = (t - r) / 2, a = 200, l = t / 2, u = r, g = l + 50 >= u ? a * 4 : a * l / (u - l);
-          A({
+          b({
             sliderWrapper: {
               perspective: g
             },
@@ -128,7 +129,7 @@ function Ee(q, j) {
           });
         } else {
           const t = p.current.clientHeight, r = e.clientHeight, i = (t - r) / 2, a = 200, l = t / 2, u = r, g = l + 50 >= u ? a * 4 : a * l / (u - l);
-          A({
+          b({
             sliderWrapper: {
               perspective: g
             },
@@ -141,16 +142,16 @@ function Ee(q, j) {
         }
       }
     } else
-      A({
+      b({
         sliderWrapper: null,
         indicatorWrapper: null
       });
   }
-  const n = B?.("carousel"), ve = I(
+  const n = B?.("carousel"), ve = N(
     n,
-    `${n}-indicator-position-${W}`,
+    `${n}-indicator-position-${$}`,
     {
-      [`${n}-rtl`]: H
+      [`${n}-rtl`]: O
     },
     K
   ), he = Object.assign(
@@ -160,47 +161,48 @@ function Ee(q, j) {
       onMouseLeave: () => _(!1)
     } : null
   );
-  let [D, E] = [
+  let [E, L] = [
     () => c({
-      targetIndex: R,
+      targetIndex: A,
       isNegative: !0,
       isManual: !0
     }),
     () => c({
-      targetIndex: M,
+      targetIndex: R,
       isManual: !0
     })
   ];
-  return H && ([D, E] = [E, D]), Te(
+  return O && ([E, L] = [L, E]), We(
     (e) => {
       ge();
     },
-    [x.current]
+    [T.current],
+    { immediate: !0 }
   ), /* @__PURE__ */ ye(
     "div",
     {
       ref: (e) => {
-        j = e, x.current = j;
+        H = e, T.current = H;
       },
       className: ve,
       style: J,
-      ...Se(ae, ["autoplay", "autoPlaySpeed"]),
+      ...we(ae, ["autoplay", "autoPlaySpeed"]),
       ...he,
       children: [
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ y(
           "div",
           {
             ref: p,
             style: Y.sliderWrapper,
-            className: I(
+            className: N(
               `${n}-${C}`,
-              `${n}-${$}`,
+              `${n}-${I}`,
               {
-                [`${n}-negative`]: b === "negative"
+                [`${n}-negative`]: w === "negative"
               }
             ),
             children: V.map((e, t) => {
-              const r = t === s, i = t === R, a = t === M;
+              const r = t === s, i = t === A, a = t === R;
               if (!(!re || r || i || a))
                 return null;
               const {
@@ -208,28 +210,28 @@ function Ee(q, j) {
                 className: g,
                 onClick: Ce
               } = e.props;
-              return P.cloneElement(e, {
+              return M.cloneElement(e, {
                 "aria-hidden": !r,
                 style: Object.assign(
                   {
                     transitionTimingFunction: k,
-                    transitionDuration: `${T}ms`,
+                    transitionDuration: `${P}ms`,
                     animationTimingFunction: k,
-                    animationDuration: `${T}ms`
+                    animationDuration: `${P}ms`
                   },
                   u
                 ),
-                className: I(g, {
+                className: N(g, {
                   [`${n}-item-prev`]: i,
                   [`${n}-item-next`]: a,
                   [`${n}-item-current`]: r,
-                  [`${n}-item-slide-in`]: C === "slide" && b && w && r,
-                  [`${n}-item-slide-out`]: C === "slide" && b && w && t === ce
+                  [`${n}-item-slide-in`]: C === "slide" && w && S && r,
+                  [`${n}-item-slide-out`]: C === "slide" && w && S && t === ce
                 }),
                 onClick: (xe) => {
                   Ce?.(xe), c({
                     targetIndex: t,
-                    isNegative: t === R,
+                    isNegative: t === A,
                     isManual: !0
                   });
                 }
@@ -237,22 +239,22 @@ function Ee(q, j) {
             })
           }
         ),
-        F !== "never" && d > 1 && /* @__PURE__ */ N(
+        F !== "never" && d > 1 && /* @__PURE__ */ y(
           "div",
           {
             style: Y.indicatorWrapper,
-            className: I(
+            className: N(
               `${n}-indicator-wrapper`,
-              `${n}-indicator-wrapper-${W}`
+              `${n}-indicator-wrapper-${$}`
             ),
-            children: /* @__PURE__ */ N(
-              Ae,
+            children: /* @__PURE__ */ y(
+              Re,
               {
                 className: te,
                 type: F,
                 count: d,
                 activeIndex: s,
-                position: W,
+                position: $,
                 trigger: ee,
                 onSelectIndex: (e) => c({
                   targetIndex: e,
@@ -263,23 +265,23 @@ function Ee(q, j) {
             )
           }
         ),
-        z !== "never" && d > 1 && /* @__PURE__ */ N(
-          be,
+        z !== "never" && d > 1 && /* @__PURE__ */ y(
+          Ae,
           {
             className: ne,
-            direction: $,
+            direction: I,
             showArrow: z,
             icons: oe,
-            prev: D,
-            next: E
+            prev: E,
+            next: L
           }
         )
       ]
     }
   );
 }
-const Le = P.forwardRef(Ee);
-Le.displayName = "Carousel";
+const De = Ne(je);
+De.displayName = "Carousel";
 export {
-  Le as default
+  De as default
 };