@element-plus/nightly 0.0.20250510 → 0.0.20250512

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250510 */
+/*! Element Plus v0.0.20250512 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11722,7 +11722,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250510";
+  const version$1 = "0.0.20250512";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -21650,8 +21650,6 @@
     const root = vue.ref();
     const containerHeight = vue.ref(0);
     const isItemsTwoLength = vue.ref(true);
-    const isFirstCall = vue.ref(true);
-    const isTransitioning = vue.ref(false);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
@@ -21692,23 +21690,13 @@
       timer.value = setInterval(() => playSlides(), props.interval);
     }
     const playSlides = () => {
-      if (!isFirstCall.value) {
-        isTransitioning.value = true;
-      }
-      isFirstCall.value = false;
       if (activeIndex.value < items.value.length - 1) {
         activeIndex.value = activeIndex.value + 1;
       } else if (props.loop) {
         activeIndex.value = 0;
-      } else {
-        isTransitioning.value = false;
       }
     };
     function setActiveItem(index) {
-      if (!isFirstCall.value) {
-        isTransitioning.value = true;
-      }
-      isFirstCall.value = false;
       if (isString$1(index)) {
         const filteredItems = items.value.filter((item) => item.props.name === index);
         if (filteredItems.length > 0) {
@@ -21768,9 +21756,6 @@
       hover.value = false;
       startTimer();
     }
-    function handleTransitionEnd() {
-      isTransitioning.value = false;
-    }
     function handleButtonEnter(arrow) {
       if (vue.unref(isVertical))
         return;
@@ -21788,19 +21773,11 @@
       });
     }
     function handleIndicatorClick(index) {
-      if (index !== activeIndex.value) {
-        if (!isFirstCall.value) {
-          isTransitioning.value = true;
-        }
-      }
       activeIndex.value = index;
     }
     function handleIndicatorHover(index) {
       if (props.trigger === "hover" && index !== activeIndex.value) {
         activeIndex.value = index;
-        if (!isFirstCall.value) {
-          isTransitioning.value = true;
-        }
       }
     }
     function prev() {
@@ -21891,13 +21868,11 @@
       hasLabel,
       hover,
       isCardType,
-      isTransitioning,
       items,
       isVertical,
       containerStyle,
       isItemsTwoLength,
       handleButtonEnter,
-      handleTransitionEnd,
       handleButtonLeave,
       handleIndicatorClick,
       handleMouseEnter,
@@ -21934,11 +21909,9 @@
         containerStyle,
         handleButtonEnter,
         handleButtonLeave,
-        isTransitioning,
         handleIndicatorClick,
         handleMouseEnter,
         handleMouseLeave,
-        handleTransitionEnd,
         setActiveItem,
         prev,
         next,
@@ -21956,13 +21929,6 @@
         }
         return classes;
       });
-      const carouselContainer = vue.computed(() => {
-        const classes = [ns.e("container")];
-        if (props.motionBlur && vue.unref(isTransitioning) && items.value.length > 1) {
-          classes.push(vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
-        }
-        return classes;
-      });
       const indicatorsClasses = vue.computed(() => {
         const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
         if (vue.unref(hasLabel)) {
@@ -21976,6 +21942,18 @@
         }
         return classes;
       });
+      function handleTransitionStart(e) {
+        if (!props.motionBlur)
+          return;
+        const kls = vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+        e.currentTarget.classList.add(kls);
+      }
+      function handleTransitionEnd(e) {
+        if (!props.motionBlur)
+          return;
+        const kls = vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+        e.currentTarget.classList.remove(kls);
+      }
       expose({
         activeIndex,
         setActiveItem,
@@ -22049,13 +22027,14 @@
             _: 1
           })) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(carouselContainer)),
+            class: vue.normalizeClass(vue.unref(ns).e("container")),
             style: vue.normalizeStyle(vue.unref(containerStyle)),
-            onTransitionend: vue.unref(handleTransitionEnd)
+            onTransitionstart: handleTransitionStart,
+            onTransitionend: handleTransitionEnd
           }, [
             vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
-          ], 46, ["onTransitionend"]),
+          ], 38),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
             key: 2,
             class: vue.normalizeClass(vue.unref(indicatorsClasses))