@unicom-cloud/ui 0.8.96 → 0.8.98

package/carousel/index.js

@@ -1,11 +1,11 @@
-import { jsxs as ye, jsx as I } from "react/jsx-runtime";
-import P, { useContext as Ne, useRef as z, useState as m, useEffect as O, useImperativeHandle as xe } from "react";
+import { jsxs as ye, jsx as N } from "react/jsx-runtime";
+import P, { useContext as Ce, useRef as E, useState as m, useEffect as H, useImperativeHandle as xe } from "react";
 import "../config-provider/ConfigProvider.js";
-import Ie from "../components/common/hooks/useInterval.js";
-import Ce from "../components/common/hooks/useMergeProps.js";
-import C from "@unicom-cloud/utils/class-name";
+import Ne from "../components/common/hooks/useInterval.js";
+import Ie from "../components/common/hooks/useMergeProps.js";
+import I from "@unicom-cloud/utils/class-name";
 import { omit as Pe } from "../components/common/utils/omit.js";
-import { resizeObserverEffect as $e } from "../components/common/utils/resizeObserverEffect.js";
+import { resizeObserver as $e } from "../components/common/utils/resizeObserver.js";
 import { warning as be } from "../components/common/utils/warning.js";
 import Te from "./Arrow.js";
 import We from "./Indicator.js";
@@ -20,31 +20,31 @@ const we = 3e3, Ae = {
   moveSpeed: 500,
   timingFunc: "cubic-bezier(0.34, 0.69, 0.1, 1)"
 };
-function Ee(G, V) {
-  const { getPrefixCls: $, componentConfig: b, rtl: _ } = Ne(Se), h = Ce(
-    G,
+function Me(Z, L) {
+  const { getPrefixCls: q, componentConfig: X, rtl: O } = Ce(Se), h = Ie(
+    Z,
     Ae,
-    b == null ? void 0 : b.Carousel
+    X?.Carousel
   ), {
-    style: J,
-    className: K,
-    children: Q,
+    style: B,
+    className: G,
+    children: J,
     currentIndex: y,
-    animation: N,
-    trigger: ee,
-    direction: T,
-    moveSpeed: W,
-    timingFunc: k,
-    indicatorType: U,
-    indicatorPosition: S,
-    indicatorClassName: te,
-    showArrow: Y,
-    miniRender: re,
-    arrowClassName: ne,
-    carousel: ie,
-    icons: oe,
-    onChange: w,
-    ...se
+    animation: C,
+    trigger: K,
+    direction: $,
+    moveSpeed: b,
+    timingFunc: F,
+    indicatorType: k,
+    indicatorPosition: T,
+    indicatorClassName: Q,
+    showArrow: z,
+    miniRender: ee,
+    arrowClassName: te,
+    carousel: re,
+    icons: ne,
+    onChange: ie,
+    ...oe
   } = h;
   let o = h.autoPlay;
   o && h.autoPlaySpeed && (o = {
@@ -53,42 +53,42 @@ function Ee(G, V) {
     !0,
     "[Pqb Carousel] The 'autoPlaySpeed' property will be removed in the next major version, please use 'autoPlay.interval' instead."
   ));
-  const Z = P.Children.toArray(Q).filter(
+  const V = P.Children.toArray(J).filter(
     (e) => P.isValidElement(e)
-  ), d = Z.length, p = z(null), f = z(null), x = z(null), [A, ae] = m(
-    typeof y == "number" ? v(y) : 0
-  ), [le, ce] = m(A), [ue, q] = m(!1), [E, X] = m(!1), [M, de] = m(
+  ), d = V.length, p = E(null), f = E(null), x = E(null), [W, se] = m(
+    typeof y == "number" ? g(y) : 0
+  ), [ae, le] = m(W), [ce, _] = m(!1), [S, U] = m(!1), [w, ue] = m(
     null
-  ), [B, R] = m({
+  ), [Y, A] = m({
     sliderWrapper: null,
     indicatorWrapper: null
-  }), s = typeof y == "number" ? v(y) : A, j = v(s - 1), D = v(s + 1), me = typeof o == "object" && o.interval ? o.interval : we;
-  O(() => () => x.current && clearTimeout(x.current), []), O(() => {
+  }), s = typeof y == "number" ? g(y) : W, M = g(s - 1), R = g(s + 1), de = typeof o == "object" && o.interval ? o.interval : we;
+  H(() => () => x.current && clearTimeout(x.current), []), H(() => {
     c({
       targetIndex: s
     });
   }, [s]);
-  const pe = Ie(
+  const me = Ne(
     () => {
       c({
-        targetIndex: D
+        targetIndex: R
       });
     },
-    o && !ue && d > 1 ? me : null
+    o && !ce && d > 1 ? de : null
   );
-  xe(ie, () => ({
+  xe(re, () => ({
     dom: p.current,
     getRootDOMNode: () => p.current,
     goto: ({ index: e, isNegative: t, isManual: r, resetAutoPlayInterval: i }) => {
       c({
-        targetIndex: v(e),
+        targetIndex: g(e),
         isNegative: t,
         isManual: r,
         resetAutoPlayInterval: i
       });
     }
   }));
-  function v(e) {
+  function g(e) {
     const t = +e;
     return typeof t == "number" && !isNaN(t) ? (t + d) % d : e;
   }
@@ -98,21 +98,21 @@ function Ee(G, V) {
     isManual: r = !1,
     resetAutoPlayInterval: i = !1
   }) {
-    !E && e !== s && (X(!0), ae(e), ce(A), de(t ? "negative" : "positive"), w == null || w(e, s, r), o && i && pe(), x.current = setTimeout(() => {
-      X(!1), x.current = null;
-    }, W));
+    !S && e !== s && (U(!0), se(e), le(W), ue(t ? "negative" : "positive"), ie?.(e, s, r), o && i && me(), x.current = setTimeout(() => {
+      U(!1), x.current = null;
+    }, b));
   }
-  function fe() {
-    if (N === "card") {
+  function pe() {
+    if (C === "card") {
       if (f.current) {
         const e = f.current.children[0];
         if (!e)
           return;
-        if (T === "horizontal") {
-          const t = f.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);
-          R({
+        if ($ === "horizontal") {
+          const t = f.current.clientWidth, r = e.clientWidth, i = (t - r) / 2, a = 200, l = t / 2, u = r, v = l + 50 >= u ? a * 4 : a * l / (u - l);
+          A({
             sliderWrapper: {
-              perspective: g
+              perspective: v
             },
             indicatorWrapper: {
               width: "auto",
@@ -121,10 +121,10 @@ function Ee(G, V) {
             }
           });
         } else {
-          const t = f.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);
-          R({
+          const t = f.current.clientHeight, r = e.clientHeight, i = (t - r) / 2, a = 200, l = t / 2, u = r, v = l + 50 >= u ? a * 4 : a * l / (u - l);
+          A({
             sliderWrapper: {
-              perspective: g
+              perspective: v
             },
             indicatorWrapper: {
               height: "auto",
@@ -135,38 +135,38 @@ function Ee(G, V) {
         }
       }
     } else
-      R({
+      A({
         sliderWrapper: null,
         indicatorWrapper: null
       });
   }
-  const n = $ == null ? void 0 : $("carousel"), ve = C(
+  const n = q?.("carousel"), fe = I(
     n,
-    `${n}-indicator-position-${S}`,
+    `${n}-indicator-position-${T}`,
     {
-      [`${n}-rtl`]: _
+      [`${n}-rtl`]: O
     },
-    K
+    G
   ), ge = Object.assign(
     {},
     o && (typeof o != "object" || o.hoverToPause !== !1) ? {
-      onMouseEnter: () => q(!0),
-      onMouseLeave: () => q(!1)
+      onMouseEnter: () => _(!0),
+      onMouseLeave: () => _(!1)
     } : null
   );
-  let [H, L] = [
+  let [j, D] = [
     () => c({
-      targetIndex: j,
+      targetIndex: M,
       isNegative: !0,
       isManual: !0
     }),
     () => c({
-      targetIndex: D,
+      targetIndex: R,
       isManual: !0
     })
   ];
-  return _ && ([H, L] = [L, H]), O(() => {
-    const e = $e([p.current], fe);
+  return O && ([j, D] = [D, j]), H(() => {
+    const e = $e([p.current], pe);
     return () => {
       e();
     };
@@ -174,56 +174,56 @@ function Ee(G, V) {
     "div",
     {
       ref: (e) => {
-        V = e, p.current = V;
+        L = e, p.current = L;
       },
-      className: ve,
-      style: J,
-      ...Pe(se, ["autoplay", "autoPlaySpeed"]),
+      className: fe,
+      style: B,
+      ...Pe(oe, ["autoplay", "autoPlaySpeed"]),
       ...ge,
       children: [
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ N(
           "div",
           {
             ref: f,
-            style: B.sliderWrapper,
-            className: C(
-              `${n}-${N}`,
-              `${n}-${T}`,
+            style: Y.sliderWrapper,
+            className: I(
+              `${n}-${C}`,
+              `${n}-${$}`,
               {
-                [`${n}-negative`]: M === "negative"
+                [`${n}-negative`]: w === "negative"
               }
             ),
-            children: Z.map((e, t) => {
-              const r = t === s, i = t === j, a = t === D;
-              if (!(!re || r || i || a))
+            children: V.map((e, t) => {
+              const r = t === s, i = t === M, a = t === R;
+              if (!(!ee || r || i || a))
                 return null;
               const {
                 style: u,
-                className: g,
-                onClick: F
+                className: v,
+                onClick: ve
               } = e.props;
               return P.cloneElement(e, {
                 "aria-hidden": !r,
                 style: Object.assign(
                   {
-                    transitionTimingFunction: k,
-                    transitionDuration: `${W}ms`,
-                    animationTimingFunction: k,
-                    animationDuration: `${W}ms`
+                    transitionTimingFunction: F,
+                    transitionDuration: `${b}ms`,
+                    animationTimingFunction: F,
+                    animationDuration: `${b}ms`
                   },
                   u
                 ),
-                className: C(g, {
+                className: I(v, {
                   [`${n}-item-prev`]: i,
                   [`${n}-item-next`]: a,
                   [`${n}-item-current`]: r,
-                  [`${n}-item-slide-in`]: N === "slide" && M && E && r,
-                  [`${n}-item-slide-out`]: N === "slide" && M && E && t === le
+                  [`${n}-item-slide-in`]: C === "slide" && w && S && r,
+                  [`${n}-item-slide-out`]: C === "slide" && w && S && t === ae
                 }),
                 onClick: (he) => {
-                  F == null || F(he), c({
+                  ve?.(he), c({
                     targetIndex: t,
-                    isNegative: t === j,
+                    isNegative: t === M,
                     isManual: !0
                   });
                 }
@@ -231,23 +231,23 @@ function Ee(G, V) {
             })
           }
         ),
-        U !== "never" && d > 1 && /* @__PURE__ */ I(
+        k !== "never" && d > 1 && /* @__PURE__ */ N(
           "div",
           {
-            style: B.indicatorWrapper,
-            className: C(
+            style: Y.indicatorWrapper,
+            className: I(
               `${n}-indicator-wrapper`,
-              `${n}-indicator-wrapper-${S}`
+              `${n}-indicator-wrapper-${T}`
             ),
-            children: /* @__PURE__ */ I(
+            children: /* @__PURE__ */ N(
               We,
               {
-                className: te,
-                type: U,
+                className: Q,
+                type: k,
                 count: d,
                 activeIndex: s,
-                position: S,
-                trigger: ee,
+                position: T,
+                trigger: K,
                 onSelectIndex: (e) => c({
                   targetIndex: e,
                   isNegative: e < s,
@@ -257,23 +257,23 @@ function Ee(G, V) {
             )
           }
         ),
-        Y !== "never" && d > 1 && /* @__PURE__ */ I(
+        z !== "never" && d > 1 && /* @__PURE__ */ N(
           Te,
           {
-            className: ne,
-            direction: T,
-            showArrow: Y,
-            icons: oe,
-            prev: H,
-            next: L
+            className: te,
+            direction: $,
+            showArrow: z,
+            icons: ne,
+            prev: j,
+            next: D
           }
         )
       ]
     }
   );
 }
-const Me = P.forwardRef(Ee);
-Me.displayName = "Carousel";
+const Re = P.forwardRef(Me);
+Re.displayName = "Carousel";
 export {
-  Me as default
+  Re as default
 };