@fecp/designer 5.5.35 → 5.5.36

package/lib/node_modules/element-plus/es/components/carousel/src/carousel.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ const index$2 = require("../../icon/index.js");
 const carousel = require("./carousel.js");
 const useCarousel = require("./use-carousel.js");
 const index$3 = require("../../../../../@element-plus/icons-vue/dist/index.js");
-const vue = require("vue");
+const Vue = require("vue");
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["onMouseenter", "onClick"];
@@ -19,7 +19,7 @@ const _hoisted_6 = {
   style: { "display": "none" }
 };
 const COMPONENT_NAME = "ElCarousel";
-var carousel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
+var carousel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Vue.defineComponent({
   name: COMPONENT_NAME,
   __name: "carousel",
   props: carousel.carouselProps,
@@ -29,27 +29,27 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.d
     const { root, activeIndex, exposeActiveIndex, arrowDisplay, hasLabel, hover, isCardType, items, isVertical, containerStyle, handleButtonEnter, handleButtonLeave, handleIndicatorClick, handleMouseEnter, handleMouseLeave, setActiveItem, prev, next, PlaceholderItem, isTwoLengthShow, ItemsSorter, throttledArrowClick, throttledIndicatorHover } = useCarousel.useCarousel(props, __emit, COMPONENT_NAME);
     const ns = index.useNamespace("carousel");
     const { t } = index$1.useLocale();
-    const carouselClasses = vue.computed(() => {
+    const carouselClasses = Vue.computed(() => {
       const classes = [ns.b(), ns.m(props.direction)];
-      if (vue.unref(isCardType)) classes.push(ns.m("card"));
-      classes.push(ns.is("vertical-outside", vue.unref(isVertical) && props.indicatorPosition === "outside"));
+      if (Vue.unref(isCardType)) classes.push(ns.m("card"));
+      classes.push(ns.is("vertical-outside", Vue.unref(isVertical) && props.indicatorPosition === "outside"));
       return classes;
     });
-    const indicatorsClasses = vue.computed(() => {
+    const indicatorsClasses = Vue.computed(() => {
       const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
-      if (vue.unref(hasLabel)) classes.push(ns.em("indicators", "labels"));
+      if (Vue.unref(hasLabel)) classes.push(ns.em("indicators", "labels"));
       if (props.indicatorPosition === "outside") classes.push(ns.em("indicators", "outside"));
-      if (vue.unref(isVertical)) classes.push(ns.em("indicators", "right"));
+      if (Vue.unref(isVertical)) classes.push(ns.em("indicators", "right"));
       return classes;
     });
     function handleTransitionStart(e) {
       if (!props.motionBlur) return;
-      const kls = vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+      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`;
+      const kls = Vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
       e.currentTarget.classList.remove(kls);
     }
     __expose({
@@ -59,83 +59,83 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.d
       next
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
         ref_key: "root",
         ref: root,
-        class: vue.normalizeClass(carouselClasses.value),
-        onMouseenter: _cache[6] || (_cache[6] = vue.withModifiers((...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args), ["stop"])),
-        onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers((...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args), ["stop"]))
+        class: Vue.normalizeClass(carouselClasses.value),
+        onMouseenter: _cache[6] || (_cache[6] = Vue.withModifiers((...args) => Vue.unref(handleMouseEnter) && Vue.unref(handleMouseEnter)(...args), ["stop"])),
+        onMouseleave: _cache[7] || (_cache[7] = Vue.withModifiers((...args) => Vue.unref(handleMouseLeave) && Vue.unref(handleMouseLeave)(...args), ["stop"]))
       }, [
-        vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+        Vue.unref(arrowDisplay) ? (Vue.openBlock(), Vue.createBlock(Vue.Transition, {
           key: 0,
           name: "carousel-arrow-left",
           persisted: ""
         }, {
-          default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("button", {
+          default: Vue.withCtx(() => [Vue.withDirectives(Vue.createElementVNode("button", {
             type: "button",
-            class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
-            "aria-label": vue.unref(t)("el.carousel.leftArrow"),
-            onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
-            onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-            onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
-          }, [vue.createVNode(vue.unref(index$2.ElIcon), null, {
-            default: vue.withCtx(() => [vue.createVNode(vue.unref(index$3.ArrowLeft))]),
+            class: Vue.normalizeClass([Vue.unref(ns).e("arrow"), Vue.unref(ns).em("arrow", "left")]),
+            "aria-label": Vue.unref(t)("el.carousel.leftArrow"),
+            onMouseenter: _cache[0] || (_cache[0] = ($event) => Vue.unref(handleButtonEnter)("left")),
+            onMouseleave: _cache[1] || (_cache[1] = (...args) => Vue.unref(handleButtonLeave) && Vue.unref(handleButtonLeave)(...args)),
+            onClick: _cache[2] || (_cache[2] = Vue.withModifiers(($event) => Vue.unref(throttledArrowClick)(Vue.unref(activeIndex) - 1), ["stop"]))
+          }, [Vue.createVNode(Vue.unref(index$2.ElIcon), null, {
+            default: Vue.withCtx(() => [Vue.createVNode(Vue.unref(index$3.ArrowLeft))]),
             _: 1
-          })], 42, _hoisted_1), [[vue.vShow, (__props.arrow === "always" || vue.unref(hover)) && (__props.loop || vue.unref(activeIndex) > 0)]])]),
+          })], 42, _hoisted_1), [[Vue.vShow, (__props.arrow === "always" || Vue.unref(hover)) && (__props.loop || Vue.unref(activeIndex) > 0)]])]),
           _: 1
-        })) : vue.createCommentVNode("v-if", true),
-        vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+        })) : Vue.createCommentVNode("v-if", true),
+        Vue.unref(arrowDisplay) ? (Vue.openBlock(), Vue.createBlock(Vue.Transition, {
           key: 1,
           name: "carousel-arrow-right",
           persisted: ""
         }, {
-          default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("button", {
+          default: Vue.withCtx(() => [Vue.withDirectives(Vue.createElementVNode("button", {
             type: "button",
-            class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
-            "aria-label": vue.unref(t)("el.carousel.rightArrow"),
-            onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
-            onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-            onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
-          }, [vue.createVNode(vue.unref(index$2.ElIcon), null, {
-            default: vue.withCtx(() => [vue.createVNode(vue.unref(index$3.ArrowRight))]),
+            class: Vue.normalizeClass([Vue.unref(ns).e("arrow"), Vue.unref(ns).em("arrow", "right")]),
+            "aria-label": Vue.unref(t)("el.carousel.rightArrow"),
+            onMouseenter: _cache[3] || (_cache[3] = ($event) => Vue.unref(handleButtonEnter)("right")),
+            onMouseleave: _cache[4] || (_cache[4] = (...args) => Vue.unref(handleButtonLeave) && Vue.unref(handleButtonLeave)(...args)),
+            onClick: _cache[5] || (_cache[5] = Vue.withModifiers(($event) => Vue.unref(throttledArrowClick)(Vue.unref(activeIndex) + 1), ["stop"]))
+          }, [Vue.createVNode(Vue.unref(index$2.ElIcon), null, {
+            default: Vue.withCtx(() => [Vue.createVNode(Vue.unref(index$3.ArrowRight))]),
             _: 1
-          })], 42, _hoisted_2), [[vue.vShow, (__props.arrow === "always" || vue.unref(hover)) && (__props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)]])]),
+          })], 42, _hoisted_2), [[Vue.vShow, (__props.arrow === "always" || Vue.unref(hover)) && (__props.loop || Vue.unref(activeIndex) < Vue.unref(items).length - 1)]])]),
           _: 1
-        })) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("container")),
-          style: vue.normalizeStyle(vue.unref(containerStyle)),
+        })) : Vue.createCommentVNode("v-if", true),
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(Vue.unref(ns).e("container")),
+          style: Vue.normalizeStyle(Vue.unref(containerStyle)),
           onTransitionstart: handleTransitionStart,
           onTransitionend: handleTransitionEnd
-        }, [vue.createVNode(vue.unref(PlaceholderItem)), vue.renderSlot(_ctx.$slots, "default")], 38),
-        vue.createVNode(vue.unref(ItemsSorter), null, {
-          default: vue.withCtx(() => [__props.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
+        }, [Vue.createVNode(Vue.unref(PlaceholderItem)), Vue.renderSlot(_ctx.$slots, "default")], 38),
+        Vue.createVNode(Vue.unref(ItemsSorter), null, {
+          default: Vue.withCtx(() => [__props.indicatorPosition !== "none" ? (Vue.openBlock(), Vue.createElementBlock("ul", {
             key: 0,
-            class: vue.normalizeClass(indicatorsClasses.value)
-          }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index2) => {
-            return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+            class: Vue.normalizeClass(indicatorsClasses.value)
+          }, [(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(items), (item, index2) => {
+            return Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("li", {
               key: index2,
-              class: vue.normalizeClass([
-                vue.unref(ns).e("indicator"),
-                vue.unref(ns).em("indicator", __props.direction),
-                vue.unref(ns).is("active", index2 === vue.unref(activeIndex))
+              class: Vue.normalizeClass([
+                Vue.unref(ns).e("indicator"),
+                Vue.unref(ns).em("indicator", __props.direction),
+                Vue.unref(ns).is("active", index2 === Vue.unref(activeIndex))
               ]),
-              onMouseenter: ($event) => vue.unref(throttledIndicatorHover)(index2),
-              onClick: vue.withModifiers(($event) => vue.unref(handleIndicatorClick)(index2), ["stop"])
-            }, [vue.createElementVNode("button", {
-              class: vue.normalizeClass(vue.unref(ns).e("button")),
-              "aria-label": vue.unref(t)("el.carousel.indicator", { index: index2 + 1 })
-            }, [vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)], 10, _hoisted_4)], 42, _hoisted_3)), [[vue.vShow, vue.unref(isTwoLengthShow)(index2)]]);
-          }), 128))], 2)) : vue.createCommentVNode("v-if", true)]),
+              onMouseenter: ($event) => Vue.unref(throttledIndicatorHover)(index2),
+              onClick: Vue.withModifiers(($event) => Vue.unref(handleIndicatorClick)(index2), ["stop"])
+            }, [Vue.createElementVNode("button", {
+              class: Vue.normalizeClass(Vue.unref(ns).e("button")),
+              "aria-label": Vue.unref(t)("el.carousel.indicator", { index: index2 + 1 })
+            }, [Vue.unref(hasLabel) ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_5, Vue.toDisplayString(item.props.label), 1)) : Vue.createCommentVNode("v-if", true)], 10, _hoisted_4)], 42, _hoisted_3)), [[Vue.vShow, Vue.unref(isTwoLengthShow)(index2)]]);
+          }), 128))], 2)) : Vue.createCommentVNode("v-if", true)]),
           _: 1
         }),
-        __props.motionBlur ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, [..._cache[8] || (_cache[8] = [vue.createElementVNode("defs", null, [vue.createElementVNode("filter", { id: "elCarouselHorizontal" }, [vue.createElementVNode("feGaussianBlur", {
+        __props.motionBlur ? (Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_6, [..._cache[8] || (_cache[8] = [Vue.createElementVNode("defs", null, [Vue.createElementVNode("filter", { id: "elCarouselHorizontal" }, [Vue.createElementVNode("feGaussianBlur", {
           in: "SourceGraphic",
           stdDeviation: "12,0"
-        })]), vue.createElementVNode("filter", { id: "elCarouselVertical" }, [vue.createElementVNode("feGaussianBlur", {
+        })]), Vue.createElementVNode("filter", { id: "elCarouselVertical" }, [Vue.createElementVNode("feGaussianBlur", {
           in: "SourceGraphic",
           stdDeviation: "0,10"
-        })])], -1)])])) : vue.createCommentVNode("v-if", true)
+        })])], -1)])])) : Vue.createCommentVNode("v-if", true)
       ], 34);
     };
   }

package/lib/node_modules/element-plus/es/components/carousel/src/use-carousel-item.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("../../../utils/types.js");
 const error = require("../../../utils/error.js");
 const constants = require("./constants.js");
-const vue = require("vue");
+const Vue = require("vue");
 const useCarouselItem = (props) => {
-  const carouselContext = vue.inject(constants.carouselContextKey);
-  const instance = vue.getCurrentInstance();
+  const carouselContext = Vue.inject(constants.carouselContextKey);
+  const instance = Vue.getCurrentInstance();
   if (!carouselContext) error.debugWarn(constants.CAROUSEL_ITEM_NAME, "usage: <el-carousel></el-carousel-item></el-carousel>");
   if (!instance) error.debugWarn(constants.CAROUSEL_ITEM_NAME, "compositional hook can only be invoked inside setups");
-  const carouselItemRef = vue.ref();
-  const hover = vue.ref(false);
-  const translate = vue.ref(0);
-  const scale = vue.ref(1);
-  const active = vue.ref(false);
-  const ready = vue.ref(false);
-  const inStage = vue.ref(false);
-  const animating = vue.ref(false);
+  const carouselItemRef = Vue.ref();
+  const hover = Vue.ref(false);
+  const translate = Vue.ref(0);
+  const scale = Vue.ref(1);
+  const active = Vue.ref(false);
+  const ready = Vue.ref(false);
+  const inStage = Vue.ref(false);
+  const animating = Vue.ref(false);
   const { isCardType, isVertical, cardScale } = carouselContext;
   function processIndex(index, activeIndex, length) {
     const lastItemIndex = length - 1;
@@ -31,7 +31,7 @@ const useCarouselItem = (props) => {
   }
   function calcCardTranslate(index, activeIndex) {
     var _a, _b;
-    const parentWidth = vue.unref(isVertical) ? ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetHeight) || 0 : ((_b = carouselContext.root.value) == null ? void 0 : _b.offsetWidth) || 0;
+    const parentWidth = Vue.unref(isVertical) ? ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetHeight) || 0 : ((_b = carouselContext.root.value) == null ? void 0 : _b.offsetWidth) || 0;
     if (inStage.value) return parentWidth * ((2 - cardScale) * (index - activeIndex) + 1) / 4;
     else if (index < activeIndex) return -(1 + cardScale) * parentWidth / 4;
     else return (3 + cardScale) * parentWidth / 4;
@@ -42,30 +42,30 @@ const useCarouselItem = (props) => {
     return ((isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0) * (index - activeIndex);
   }
   const translateItem = (index, activeIndex, oldIndex) => {
-    const _isCardType = vue.unref(isCardType);
+    const _isCardType = Vue.unref(isCardType);
     const carouselItemLength = carouselContext.items.value.length ?? NaN;
     const isActive = index === activeIndex;
     if (!_isCardType && !types.isUndefined(oldIndex)) animating.value = isActive || index === oldIndex;
     if (!isActive && carouselItemLength > 2 && carouselContext.loop) index = processIndex(index, activeIndex, carouselItemLength);
-    const _isVertical = vue.unref(isVertical);
+    const _isVertical = Vue.unref(isVertical);
     active.value = isActive;
     if (_isCardType) {
       inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
       translate.value = calcCardTranslate(index, activeIndex);
-      scale.value = vue.unref(active) ? 1 : cardScale;
+      scale.value = Vue.unref(active) ? 1 : cardScale;
     } else translate.value = calcTranslate(index, activeIndex, _isVertical);
     ready.value = true;
     if (isActive && carouselItemRef.value) carouselContext.setContainerHeight(carouselItemRef.value.offsetHeight);
   };
   function handleItemClick() {
-    if (carouselContext && vue.unref(isCardType)) {
+    if (carouselContext && Vue.unref(isCardType)) {
       const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
       carouselContext.setActiveItem(index);
     }
   }
   const carouselItemContext = {
     props,
-    states: vue.reactive({
+    states: Vue.reactive({
       hover,
       translate,
       scale,
@@ -79,7 +79,7 @@ const useCarouselItem = (props) => {
     translateItem
   };
   carouselContext.addItem(carouselItemContext);
-  vue.onBeforeUnmount(() => {
+  Vue.onBeforeUnmount(() => {
     carouselContext.removeItem(carouselItemContext);
   });
   return {

package/lib/node_modules/element-plus/es/components/carousel/src/use-carousel.js

@@ -7,25 +7,25 @@ const vnode = require("../../../utils/vue/vnode.js");
 const index = require("../../../hooks/use-ordered-children/index.js");
 const constants = require("./constants.js");
 const index$1 = require("../../../../node_modules/@vueuse/core/index.js");
-const vue = require("vue");
+const Vue = require("vue");
 const throttle = require("../../../../../lodash-es/throttle.js");
 const THROTTLE_TIME = 300;
 const useCarousel = (props, emit, componentName) => {
-  const { children: items, addChild: addItem, removeChild: removeItem, ChildrenSorter: ItemsSorter } = index.useOrderedChildren(vue.getCurrentInstance(), constants.CAROUSEL_ITEM_NAME);
-  const slots = vue.useSlots();
-  const activeIndex = vue.ref(-1);
-  const timer = vue.ref(null);
-  const hover = vue.ref(false);
-  const root = vue.ref();
-  const containerHeight = vue.ref(0);
-  const isItemsTwoLength = vue.ref(true);
-  const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
-  const hasLabel = vue.computed(() => {
+  const { children: items, addChild: addItem, removeChild: removeItem, ChildrenSorter: ItemsSorter } = index.useOrderedChildren(Vue.getCurrentInstance(), constants.CAROUSEL_ITEM_NAME);
+  const slots = Vue.useSlots();
+  const activeIndex = Vue.ref(-1);
+  const timer = Vue.ref(null);
+  const hover = Vue.ref(false);
+  const root = Vue.ref();
+  const containerHeight = Vue.ref(0);
+  const isItemsTwoLength = Vue.ref(true);
+  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);
   });
-  const isCardType = vue.computed(() => props.type === "card");
-  const isVertical = vue.computed(() => props.direction === "vertical");
-  const containerStyle = vue.computed(() => {
+  const isCardType = Vue.computed(() => props.type === "card");
+  const isVertical = Vue.computed(() => props.direction === "vertical");
+  const containerStyle = Vue.computed(() => {
     if (props.height !== "auto") return { height: props.height };
     return {
       height: `${containerHeight.value}px`,
@@ -81,7 +81,7 @@ const useCarousel = (props, emit, componentName) => {
   }
   function itemInStage(item, index2) {
     var _a, _b, _c, _d;
-    const _items = vue.unref(items);
+    const _items = Vue.unref(items);
     const itemCount = _items.length;
     if (itemCount === 0 || !item.states.inStage) return false;
     const nextItemIndex = index2 + 1;
@@ -104,13 +104,13 @@ const useCarousel = (props, emit, componentName) => {
     startTimer();
   }
   function handleButtonEnter(arrow) {
-    if (vue.unref(isVertical)) return;
+    if (Vue.unref(isVertical)) return;
     items.value.forEach((item, index2) => {
       if (arrow === itemInStage(item, index2)) item.states.hover = true;
     });
   }
   function handleButtonLeave() {
-    if (vue.unref(isVertical)) return;
+    if (Vue.unref(isVertical)) return;
     items.value.forEach((item) => {
       item.states.hover = false;
     });
@@ -140,7 +140,7 @@ const useCarousel = (props, emit, componentName) => {
     const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
     if (!defaultSlots) return null;
     const normalizeSlots = vnode.flattedChildren(defaultSlots).filter((slot) => {
-      return vue.isVNode(slot) && slot.type.name === constants.CAROUSEL_ITEM_NAME;
+      return Vue.isVNode(slot) && slot.type.name === constants.CAROUSEL_ITEM_NAME;
     });
     if ((normalizeSlots == null ? void 0 : normalizeSlots.length) === 2 && props.loop && !isCardType.value) {
       isItemsTwoLength.value = true;
@@ -149,7 +149,7 @@ const useCarousel = (props, emit, componentName) => {
     isItemsTwoLength.value = false;
     return null;
   }
-  vue.watch(() => activeIndex.value, (current, prev2) => {
+  Vue.watch(() => activeIndex.value, (current, prev2) => {
     resetItemPosition(prev2);
     if (isItemsTwoLength.value) {
       current = current % 2;
@@ -157,24 +157,24 @@ const useCarousel = (props, emit, componentName) => {
     }
     if (prev2 > -1) emit(event.CHANGE_EVENT, current, prev2);
   });
-  const exposeActiveIndex = vue.computed({
+  const exposeActiveIndex = Vue.computed({
     get: () => {
       return isItemsTwoLength.value ? activeIndex.value % 2 : activeIndex.value;
     },
     set: (value) => activeIndex.value = value
   });
-  vue.watch(() => props.autoplay, (autoplay) => {
+  Vue.watch(() => props.autoplay, (autoplay) => {
     autoplay ? startTimer() : pauseTimer();
   });
-  vue.watch(() => props.loop, () => {
+  Vue.watch(() => props.loop, () => {
     setActiveItem(activeIndex.value);
   });
-  vue.watch(() => props.interval, () => {
+  Vue.watch(() => props.interval, () => {
     resetTimer();
   });
-  const resizeObserver = vue.shallowRef();
-  vue.onMounted(() => {
-    vue.watch(() => items.value, () => {
+  const resizeObserver = Vue.shallowRef();
+  Vue.onMounted(() => {
+    Vue.watch(() => items.value, () => {
       if (items.value.length > 0) setActiveItem(props.initialIndex);
     }, { immediate: true });
     resizeObserver.value = index$1.useResizeObserver(root.value, () => {
@@ -182,11 +182,11 @@ const useCarousel = (props, emit, componentName) => {
     });
     startTimer();
   });
-  vue.onBeforeUnmount(() => {
+  Vue.onBeforeUnmount(() => {
     pauseTimer();
     if (root.value && resizeObserver.value) resizeObserver.value.stop();
   });
-  vue.provide(constants.carouselContextKey, {
+  Vue.provide(constants.carouselContextKey, {
     root,
     isCardType,
     isVertical,