element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/carousel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 export declare const ElCarousel: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
     initialIndex: {
         type: NumberConstructor;
@@ -53,13 +52,7 @@ export declare const ElCarousel: import("../../utils/types").SFCWithInstall<impo
     data: {
         activeIndex: number;
         containerWidth: number;
-        timer: {
-            hasRef: () => boolean;
-            refresh: () => NodeJS.Timer;
-            [Symbol.toPrimitive]: () => number;
-            ref: () => NodeJS.Timer;
-            unref: () => NodeJS.Timer;
-        } | null;
+        timer: number | null;
         hover: boolean;
     };
     props: import("./src/carousel").ICarouselProps;

package/es/components/carousel/index.mjs

@@ -1,8 +1,8 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/main.mjs';
 import './src/item.mjs';
-import script from './src/main.vue_vue&type=script&lang.mjs';
-import script$1 from './src/item.vue_vue&type=script&lang.mjs';
+import script from './src/main.vue_vue_type_script_lang.mjs';
+import script$1 from './src/item.vue_vue_type_script_lang.mjs';
 
 const ElCarousel = withInstall(script, {
   CarouselItem: script$1

package/es/components/carousel/src/item.mjs

@@ -1,6 +1,6 @@
-import script from './item.vue_vue&type=script&lang.mjs';
-export { default } from './item.vue_vue&type=script&lang.mjs';
-import { render } from './item.vue_vue&type=template&id=3d2e4fb8&lang.mjs';
+import script from './item.vue_vue_type_script_lang.mjs';
+export { default } from './item.vue_vue_type_script_lang.mjs';
+import { render } from './item.vue_vue_type_template_id_3d2e4fb8_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/carousel/src/item.vue";

package/es/components/carousel/src/item.vue_vue_type_script_lang.mjs

@@ -0,0 +1,123 @@
+import { defineComponent, getCurrentInstance, reactive, inject, computed, onMounted, toRefs, onUnmounted } from 'vue';
+import { autoprefixer } from '../../../utils/util.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+
+const CARD_SCALE = 0.83;
+var script = defineComponent({
+  name: "ElCarouselItem",
+  props: {
+    name: { type: String, default: "" },
+    label: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  setup(props) {
+    const instance = getCurrentInstance();
+    instance.uid;
+    const data = reactive({
+      hover: false,
+      translate: 0,
+      scale: 1,
+      active: false,
+      ready: false,
+      inStage: false,
+      animating: false
+    });
+    const injectCarouselScope = inject("injectCarouselScope");
+    const parentDirection = computed(() => {
+      return injectCarouselScope.direction;
+    });
+    const itemStyle = computed(() => {
+      const translateType = parentDirection.value === "vertical" ? "translateY" : "translateX";
+      const value = `${translateType}(${data.translate}px) scale(${data.scale})`;
+      const style = {
+        transform: value
+      };
+      return autoprefixer(style);
+    });
+    function processIndex(index, activeIndex, length) {
+      if (activeIndex === 0 && index === length - 1) {
+        return -1;
+      } else if (activeIndex === length - 1 && index === 0) {
+        return length;
+      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
+        return length + 1;
+      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
+        return -2;
+      }
+      return index;
+    }
+    function calcCardTranslate(index, activeIndex) {
+      var _a;
+      const parentWidth = ((_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+      if (data.inStage) {
+        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+      } else if (index < activeIndex) {
+        return -(1 + CARD_SCALE) * parentWidth / 4;
+      } else {
+        return (3 + CARD_SCALE) * parentWidth / 4;
+      }
+    }
+    function calcTranslate(index, activeIndex, isVertical) {
+      var _a, _b;
+      const distance = (isVertical ? (_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetHeight : (_b = injectCarouselScope.root.value) == null ? void 0 : _b.offsetWidth) || 0;
+      return distance * (index - activeIndex);
+    }
+    const translateItem = (index, activeIndex, oldIndex) => {
+      const parentType = injectCarouselScope.type;
+      const length = injectCarouselScope.items.value.length;
+      if (parentType !== "card" && oldIndex !== void 0) {
+        data.animating = index === activeIndex || index === oldIndex;
+      }
+      if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {
+        index = processIndex(index, activeIndex, length);
+      }
+      if (parentType === "card") {
+        if (parentDirection.value === "vertical") {
+          debugWarn("Carousel", "vertical direction is not supported in card mode");
+        }
+        data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
+        data.active = index === activeIndex;
+        data.translate = calcCardTranslate(index, activeIndex);
+        data.scale = data.active ? 1 : CARD_SCALE;
+      } else {
+        data.active = index === activeIndex;
+        const isVertical = parentDirection.value === "vertical";
+        data.translate = calcTranslate(index, activeIndex, isVertical);
+      }
+      data.ready = true;
+    };
+    function handleItemClick() {
+      if (injectCarouselScope && injectCarouselScope.type === "card") {
+        const index = injectCarouselScope.items.value.map((d) => d.uid).indexOf(instance.uid);
+        injectCarouselScope.setActiveItem(index);
+      }
+    }
+    onMounted(() => {
+      if (injectCarouselScope.addItem) {
+        injectCarouselScope.addItem({
+          uid: instance.uid,
+          ...props,
+          ...toRefs(data),
+          translateItem
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (injectCarouselScope.removeItem) {
+        injectCarouselScope.removeItem(instance.uid);
+      }
+    });
+    return {
+      data,
+      itemStyle,
+      translateItem,
+      type: injectCarouselScope.type,
+      handleItemClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=item.vue_vue_type_script_lang.mjs.map

package/es/components/carousel/src/item.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/carousel/src/item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"data.ready\"\n    class=\"el-carousel__item\"\n    :class=\"{\n      'is-active': data.active,\n      'el-carousel__item--card': type === 'card',\n      'is-in-stage': data.inStage,\n      'is-hover': data.hover,\n      'is-animating': data.animating,\n    }\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div\n      v-if=\"type === 'card'\"\n      v-show=\"!data.active\"\n      class=\"el-carousel__mask\"\n    ></div>\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  onMounted,\n  inject,\n  computed,\n  toRefs,\n  getCurrentInstance,\n  onUnmounted,\n} from 'vue'\nimport { autoprefixer } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { CSSProperties } from 'vue'\nimport type { InjectCarouselScope, ICarouselItemProps } from './carousel'\n\nconst CARD_SCALE = 0.83\nexport default defineComponent({\n  name: 'ElCarouselItem',\n  props: {\n    name: { type: String, default: '' },\n    label: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props: ICarouselItemProps) {\n    // instance\n    const instance = getCurrentInstance()\n    instance.uid\n\n    // data\n    const data = reactive({\n      hover: false,\n      translate: 0,\n      scale: 1,\n      active: false,\n      ready: false,\n      inStage: false,\n      animating: false,\n    })\n\n    // inject\n    const injectCarouselScope: InjectCarouselScope = inject(\n      'injectCarouselScope'\n    )\n\n    // computed\n    const parentDirection = computed(() => {\n      return injectCarouselScope.direction\n    })\n\n    const itemStyle = computed(() => {\n      const translateType =\n        parentDirection.value === 'vertical' ? 'translateY' : 'translateX'\n      const value = `${translateType}(${data.translate}px) scale(${data.scale})`\n      const style: CSSProperties = {\n        transform: value,\n      }\n      return autoprefixer(style)\n    })\n\n    // methods\n\n    function processIndex(index, activeIndex, length) {\n      if (activeIndex === 0 && index === length - 1) {\n        return -1\n      } else if (activeIndex === length - 1 && index === 0) {\n        return length\n      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {\n        return length + 1\n      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {\n        return -2\n      }\n      return index\n    }\n\n    function calcCardTranslate(index, activeIndex) {\n      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0\n      if (data.inStage) {\n        return (\n          (parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1)) / 4\n        )\n      } else if (index < activeIndex) {\n        return (-(1 + CARD_SCALE) * parentWidth) / 4\n      } else {\n        return ((3 + CARD_SCALE) * parentWidth) / 4\n      }\n    }\n\n    function calcTranslate(index, activeIndex, isVertical) {\n      const distance =\n        (isVertical\n          ? injectCarouselScope.root.value?.offsetHeight\n          : injectCarouselScope.root.value?.offsetWidth) || 0\n      return distance * (index - activeIndex)\n    }\n\n    const translateItem = (\n      index: number,\n      activeIndex: number,\n      oldIndex: number\n    ) => {\n      const parentType = injectCarouselScope.type\n      const length = injectCarouselScope.items.value.length\n      if (parentType !== 'card' && oldIndex !== undefined) {\n        data.animating = index === activeIndex || index === oldIndex\n      }\n      if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {\n        index = processIndex(index, activeIndex, length)\n      }\n      if (parentType === 'card') {\n        if (parentDirection.value === 'vertical') {\n          debugWarn(\n            'Carousel',\n            'vertical direction is not supported in card mode'\n          )\n        }\n        data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1\n        data.active = index === activeIndex\n        data.translate = calcCardTranslate(index, activeIndex)\n        data.scale = data.active ? 1 : CARD_SCALE\n      } else {\n        data.active = index === activeIndex\n        const isVertical = parentDirection.value === 'vertical'\n        data.translate = calcTranslate(index, activeIndex, isVertical)\n      }\n      data.ready = true\n    }\n\n    function handleItemClick() {\n      if (injectCarouselScope && injectCarouselScope.type === 'card') {\n        const index = injectCarouselScope.items.value\n          .map((d) => d.uid)\n          .indexOf(instance.uid)\n        injectCarouselScope.setActiveItem(index)\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (injectCarouselScope.addItem) {\n        injectCarouselScope.addItem({\n          uid: instance.uid,\n          ...props,\n          ...toRefs(data),\n          translateItem,\n        })\n      }\n    })\n\n    onUnmounted(() => {\n      if (injectCarouselScope.removeItem) {\n        injectCarouselScope.removeItem(instance.uid)\n      }\n    })\n\n    return {\n      data,\n      itemStyle,\n      translateItem,\n      type: injectCarouselScope.type,\n      handleItemClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/carousel/src/item.vue_vue_type_template_id_3d2e4fb8_lang.mjs

@@ -0,0 +1,29 @@
+import { withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-carousel__mask"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-carousel__item", {
+      "is-active": _ctx.data.active,
+      "el-carousel__item--card": _ctx.type === "card",
+      "is-in-stage": _ctx.data.inStage,
+      "is-hover": _ctx.data.hover,
+      "is-animating": _ctx.data.animating
+    }]),
+    style: normalizeStyle(_ctx.itemStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
+  }, [
+    _ctx.type === "card" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, null, 512)), [
+      [vShow, !_ctx.data.active]
+    ]) : createCommentVNode("v-if", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 6)), [
+    [vShow, _ctx.data.ready]
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=item.vue_vue_type_template_id_3d2e4fb8_lang.mjs.map

package/es/components/carousel/src/item.vue_vue_type_template_id_3d2e4fb8_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_template_id_3d2e4fb8_lang.mjs","sources":["../../../../../../packages/components/carousel/src/item.vue?vue&type=template&id=3d2e4fb8&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"data.ready\"\n    class=\"el-carousel__item\"\n    :class=\"{\n      'is-active': data.active,\n      'el-carousel__item--card': type === 'card',\n      'is-in-stage': data.inStage,\n      'is-hover': data.hover,\n      'is-animating': data.animating,\n    }\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div\n      v-if=\"type === 'card'\"\n      v-show=\"!data.active\"\n      class=\"el-carousel__mask\"\n    ></div>\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  onMounted,\n  inject,\n  computed,\n  toRefs,\n  getCurrentInstance,\n  onUnmounted,\n} from 'vue'\nimport { autoprefixer } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { CSSProperties } from 'vue'\nimport type { InjectCarouselScope, ICarouselItemProps } from './carousel'\n\nconst CARD_SCALE = 0.83\nexport default defineComponent({\n  name: 'ElCarouselItem',\n  props: {\n    name: { type: String, default: '' },\n    label: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props: ICarouselItemProps) {\n    // instance\n    const instance = getCurrentInstance()\n    instance.uid\n\n    // data\n    const data = reactive({\n      hover: false,\n      translate: 0,\n      scale: 1,\n      active: false,\n      ready: false,\n      inStage: false,\n      animating: false,\n    })\n\n    // inject\n    const injectCarouselScope: InjectCarouselScope = inject(\n      'injectCarouselScope'\n    )\n\n    // computed\n    const parentDirection = computed(() => {\n      return injectCarouselScope.direction\n    })\n\n    const itemStyle = computed(() => {\n      const translateType =\n        parentDirection.value === 'vertical' ? 'translateY' : 'translateX'\n      const value = `${translateType}(${data.translate}px) scale(${data.scale})`\n      const style: CSSProperties = {\n        transform: value,\n      }\n      return autoprefixer(style)\n    })\n\n    // methods\n\n    function processIndex(index, activeIndex, length) {\n      if (activeIndex === 0 && index === length - 1) {\n        return -1\n      } else if (activeIndex === length - 1 && index === 0) {\n        return length\n      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {\n        return length + 1\n      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {\n        return -2\n      }\n      return index\n    }\n\n    function calcCardTranslate(index, activeIndex) {\n      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0\n      if (data.inStage) {\n        return (\n          (parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1)) / 4\n        )\n      } else if (index < activeIndex) {\n        return (-(1 + CARD_SCALE) * parentWidth) / 4\n      } else {\n        return ((3 + CARD_SCALE) * parentWidth) / 4\n      }\n    }\n\n    function calcTranslate(index, activeIndex, isVertical) {\n      const distance =\n        (isVertical\n          ? injectCarouselScope.root.value?.offsetHeight\n          : injectCarouselScope.root.value?.offsetWidth) || 0\n      return distance * (index - activeIndex)\n    }\n\n    const translateItem = (\n      index: number,\n      activeIndex: number,\n      oldIndex: number\n    ) => {\n      const parentType = injectCarouselScope.type\n      const length = injectCarouselScope.items.value.length\n      if (parentType !== 'card' && oldIndex !== undefined) {\n        data.animating = index === activeIndex || index === oldIndex\n      }\n      if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {\n        index = processIndex(index, activeIndex, length)\n      }\n      if (parentType === 'card') {\n        if (parentDirection.value === 'vertical') {\n          debugWarn(\n            'Carousel',\n            'vertical direction is not supported in card mode'\n          )\n        }\n        data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1\n        data.active = index === activeIndex\n        data.translate = calcCardTranslate(index, activeIndex)\n        data.scale = data.active ? 1 : CARD_SCALE\n      } else {\n        data.active = index === activeIndex\n        const isVertical = parentDirection.value === 'vertical'\n        data.translate = calcTranslate(index, activeIndex, isVertical)\n      }\n      data.ready = true\n    }\n\n    function handleItemClick() {\n      if (injectCarouselScope && injectCarouselScope.type === 'card') {\n        const index = injectCarouselScope.items.value\n          .map((d) => d.uid)\n          .indexOf(instance.uid)\n        injectCarouselScope.setActiveItem(index)\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (injectCarouselScope.addItem) {\n        injectCarouselScope.addItem({\n          uid: instance.uid,\n          ...props,\n          ...toRefs(data),\n          translateItem,\n        })\n      }\n    })\n\n    onUnmounted(() => {\n      if (injectCarouselScope.removeItem) {\n        injectCarouselScope.removeItem(instance.uid)\n      }\n    })\n\n    return {\n      data,\n      itemStyle,\n      translateItem,\n      type: injectCarouselScope.type,\n      handleItemClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;EAiBM,OAAM;AAAA;;sCAhBVA;IAEE,uBAAM;;;;;;;IAQL,sBAAO;IACP,gDAAO;;IAGA,oDADRA,0BAAA;eAEW,UAAK;AAAA;IAGhBC;;YAjBQ,UAAK;AAAA;AAAA;;;;"}

package/es/components/carousel/src/main.mjs

@@ -1,6 +1,6 @@
-import script from './main.vue_vue&type=script&lang.mjs';
-export { default } from './main.vue_vue&type=script&lang.mjs';
-import { render } from './main.vue_vue&type=template&id=1303d144&lang.mjs';
+import script from './main.vue_vue_type_script_lang.mjs';
+export { default } from './main.vue_vue_type_script_lang.mjs';
+import { render } from './main.vue_vue_type_template_id_1303d144_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/carousel/src/main.vue";

package/es/components/carousel/src/main.vue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { ICarouselProps } from './carousel';
 declare const _default: import("vue").DefineComponent<{
     initialIndex: {
@@ -54,13 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     data: {
         activeIndex: number;
         containerWidth: number;
-        timer: {
-            hasRef: () => boolean;
-            refresh: () => NodeJS.Timer;
-            [Symbol.toPrimitive]: () => number;
-            ref: () => NodeJS.Timer;
-            unref: () => NodeJS.Timer;
-        } | null;
+        timer: null | ReturnType<typeof setInterval>;
         hover: boolean;
     };
     props: ICarouselProps;

package/es/components/carousel/src/main.vue_vue_type_script_lang.mjs

@@ -0,0 +1,267 @@
+import { defineComponent, reactive, ref, computed, watch, onMounted, nextTick, onBeforeUnmount, provide } from 'vue';
+import throttle from 'lodash/throttle';
+import { addResizeListener, removeResizeListener } from '../../../utils/resize-event.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons';
+import { debugWarn } from '../../../utils/error.mjs';
+
+var script = defineComponent({
+  name: "ElCarousel",
+  components: {
+    ElIcon,
+    ArrowLeft,
+    ArrowRight
+  },
+  props: {
+    initialIndex: {
+      type: Number,
+      default: 0
+    },
+    height: { type: String, default: "" },
+    trigger: {
+      type: String,
+      default: "hover"
+    },
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    interval: {
+      type: Number,
+      default: 3e3
+    },
+    indicatorPosition: { type: String, default: "" },
+    indicator: {
+      type: Boolean,
+      default: true
+    },
+    arrow: {
+      type: String,
+      default: "hover"
+    },
+    type: { type: String, default: "" },
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    direction: {
+      type: String,
+      default: "horizontal",
+      validator(val) {
+        return ["horizontal", "vertical"].includes(val);
+      }
+    },
+    pauseOnHover: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["change"],
+  setup(props, { emit }) {
+    const data = reactive({
+      activeIndex: -1,
+      containerWidth: 0,
+      timer: null,
+      hover: false
+    });
+    const root = ref(null);
+    const items = ref([]);
+    const arrowDisplay = computed(() => props.arrow !== "never" && props.direction !== "vertical");
+    const hasLabel = computed(() => {
+      return items.value.some((item) => item.label.toString().length > 0);
+    });
+    const carouselClasses = computed(() => {
+      const classes = ["el-carousel", `el-carousel--${props.direction}`];
+      if (props.type === "card") {
+        classes.push("el-carousel--card");
+      }
+      return classes;
+    });
+    const indicatorsClasses = computed(() => {
+      const classes = [
+        "el-carousel__indicators",
+        `el-carousel__indicators--${props.direction}`
+      ];
+      if (hasLabel.value) {
+        classes.push("el-carousel__indicators--labels");
+      }
+      if (props.indicatorPosition === "outside" || props.type === "card") {
+        classes.push("el-carousel__indicators--outside");
+      }
+      return classes;
+    });
+    const throttledArrowClick = throttle((index) => {
+      setActiveItem(index);
+    }, 300, { trailing: true });
+    const throttledIndicatorHover = throttle((index) => {
+      handleIndicatorHover(index);
+    }, 300);
+    function pauseTimer() {
+      if (data.timer) {
+        clearInterval(data.timer);
+        data.timer = null;
+      }
+    }
+    function startTimer() {
+      if (props.interval <= 0 || !props.autoplay || data.timer)
+        return;
+      data.timer = setInterval(() => playSlides(), props.interval);
+    }
+    const playSlides = () => {
+      if (data.activeIndex < items.value.length - 1) {
+        data.activeIndex = data.activeIndex + 1;
+      } else if (props.loop) {
+        data.activeIndex = 0;
+      }
+    };
+    function setActiveItem(index) {
+      if (typeof index === "string") {
+        const filteredItems = items.value.filter((item) => item.name === index);
+        if (filteredItems.length > 0) {
+          index = items.value.indexOf(filteredItems[0]);
+        }
+      }
+      index = Number(index);
+      if (isNaN(index) || index !== Math.floor(index)) {
+        debugWarn("Carousel", "index must be an integer.");
+        return;
+      }
+      const length = items.value.length;
+      const oldIndex = data.activeIndex;
+      if (index < 0) {
+        data.activeIndex = props.loop ? length - 1 : 0;
+      } else if (index >= length) {
+        data.activeIndex = props.loop ? 0 : length - 1;
+      } else {
+        data.activeIndex = index;
+      }
+      if (oldIndex === data.activeIndex) {
+        resetItemPosition(oldIndex);
+      }
+    }
+    function resetItemPosition(oldIndex) {
+      items.value.forEach((item, index) => {
+        item.translateItem(index, data.activeIndex, oldIndex);
+      });
+    }
+    function addItem(item) {
+      items.value.push(item);
+    }
+    function removeItem(uid) {
+      const index = items.value.findIndex((item) => item.uid === uid);
+      if (index !== -1) {
+        items.value.splice(index, 1);
+        if (data.activeIndex === index)
+          next();
+      }
+    }
+    function itemInStage(item, index) {
+      const length = items.value.length;
+      if (index === length - 1 && item.inStage && items.value[0].active || item.inStage && items.value[index + 1] && items.value[index + 1].active) {
+        return "left";
+      } else if (index === 0 && item.inStage && items.value[length - 1].active || item.inStage && items.value[index - 1] && items.value[index - 1].active) {
+        return "right";
+      }
+      return false;
+    }
+    function handleMouseEnter() {
+      data.hover = true;
+      if (props.pauseOnHover) {
+        pauseTimer();
+      }
+    }
+    function handleMouseLeave() {
+      data.hover = false;
+      startTimer();
+    }
+    function handleButtonEnter(arrow) {
+      if (props.direction === "vertical")
+        return;
+      items.value.forEach((item, index) => {
+        if (arrow === itemInStage(item, index)) {
+          item.hover = true;
+        }
+      });
+    }
+    function handleButtonLeave() {
+      if (props.direction === "vertical")
+        return;
+      items.value.forEach((item) => {
+        item.hover = false;
+      });
+    }
+    function handleIndicatorClick(index) {
+      data.activeIndex = index;
+    }
+    function handleIndicatorHover(index) {
+      if (props.trigger === "hover" && index !== data.activeIndex) {
+        data.activeIndex = index;
+      }
+    }
+    function prev() {
+      setActiveItem(data.activeIndex - 1);
+    }
+    function next() {
+      setActiveItem(data.activeIndex + 1);
+    }
+    watch(() => data.activeIndex, (current, prev2) => {
+      resetItemPosition(prev2);
+      if (prev2 > -1) {
+        emit("change", current, prev2);
+      }
+    });
+    watch(() => props.autoplay, (current) => {
+      current ? startTimer() : pauseTimer();
+    });
+    watch(() => props.loop, () => {
+      setActiveItem(data.activeIndex);
+    });
+    onMounted(() => {
+      nextTick(() => {
+        addResizeListener(root.value, resetItemPosition);
+        if (props.initialIndex < items.value.length && props.initialIndex >= 0) {
+          data.activeIndex = props.initialIndex;
+        }
+        startTimer();
+      });
+    });
+    onBeforeUnmount(() => {
+      if (root.value)
+        removeResizeListener(root.value, resetItemPosition);
+      pauseTimer();
+    });
+    provide("injectCarouselScope", {
+      root,
+      direction: props.direction,
+      type: props.type,
+      items,
+      loop: props.loop,
+      addItem,
+      removeItem,
+      setActiveItem
+    });
+    return {
+      data,
+      props,
+      items,
+      arrowDisplay,
+      carouselClasses,
+      indicatorsClasses,
+      hasLabel,
+      handleMouseEnter,
+      handleMouseLeave,
+      handleIndicatorClick,
+      throttledArrowClick,
+      throttledIndicatorHover,
+      handleButtonEnter,
+      handleButtonLeave,
+      prev,
+      next,
+      setActiveItem,
+      root
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=main.vue_vue_type_script_lang.mjs.map

package/es/components/carousel/src/main.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/carousel/src/main.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <div class=\"el-carousel__container\" :style=\"{ height: height }\">\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex > 0)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--left\"\n          @mouseenter=\"handleButtonEnter('left')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex - 1)\"\n        >\n          <el-icon>\n            <arrow-left />\n          </el-icon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--right\"\n          @mouseenter=\"handleButtonEnter('right')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex + 1)\"\n        >\n          <el-icon>\n            <arrow-right />\n          </el-icon>\n        </button>\n      </transition>\n      <slot></slot>\n    </div>\n    <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        :class=\"[\n          'el-carousel__indicator',\n          'el-carousel__indicator--' + direction,\n          { 'is-active': index === data.activeIndex },\n        ]\"\n        @mouseenter=\"throttledIndicatorHover(index)\"\n        @click.stop=\"handleIndicatorClick(index)\"\n      >\n        <button class=\"el-carousel__button\">\n          <span v-if=\"hasLabel\">{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  provide,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  nextTick,\n} from 'vue'\nimport throttle from 'lodash/throttle'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport type {\n  ICarouselProps,\n  CarouselItem,\n  InjectCarouselScope,\n} from './carousel'\n\nexport default defineComponent({\n  name: 'ElCarousel',\n  components: {\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n  props: {\n    initialIndex: {\n      type: Number,\n      default: 0,\n    },\n    height: { type: String, default: '' },\n    trigger: {\n      type: String,\n      default: 'hover',\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    interval: {\n      type: Number,\n      default: 3000,\n    },\n    indicatorPosition: { type: String, default: '' },\n    indicator: {\n      type: Boolean,\n      default: true,\n    },\n    arrow: {\n      type: String,\n      default: 'hover',\n    },\n    type: { type: String, default: '' },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator(val: string) {\n        return ['horizontal', 'vertical'].includes(val)\n      },\n    },\n    pauseOnHover: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: ['change'],\n  setup(props: ICarouselProps, { emit }) {\n    // data\n    const data = reactive<{\n      activeIndex: number\n      containerWidth: number\n      timer: null | ReturnType<typeof setInterval>\n      hover: boolean\n    }>({\n      activeIndex: -1,\n      containerWidth: 0,\n      timer: null,\n      hover: false,\n    })\n\n    // refs\n    const root = ref(null)\n    const items = ref<CarouselItem[]>([])\n\n    // computed\n    const arrowDisplay = computed(\n      () => props.arrow !== 'never' && props.direction !== 'vertical'\n    )\n\n    const hasLabel = computed(() => {\n      return items.value.some((item) => item.label.toString().length > 0)\n    })\n\n    const carouselClasses = computed(() => {\n      const classes = ['el-carousel', `el-carousel--${props.direction}`]\n      if (props.type === 'card') {\n        classes.push('el-carousel--card')\n      }\n      return classes\n    })\n\n    const indicatorsClasses = computed(() => {\n      const classes = [\n        'el-carousel__indicators',\n        `el-carousel__indicators--${props.direction}`,\n      ]\n      if (hasLabel.value) {\n        classes.push('el-carousel__indicators--labels')\n      }\n      if (props.indicatorPosition === 'outside' || props.type === 'card') {\n        classes.push('el-carousel__indicators--outside')\n      }\n      return classes\n    })\n\n    // methods\n    const throttledArrowClick = throttle(\n      (index) => {\n        setActiveItem(index)\n      },\n      300,\n      { trailing: true }\n    )\n\n    const throttledIndicatorHover = throttle((index) => {\n      handleIndicatorHover(index)\n    }, 300)\n\n    function pauseTimer() {\n      if (data.timer) {\n        clearInterval(data.timer)\n        data.timer = null\n      }\n    }\n\n    function startTimer() {\n      if (props.interval <= 0 || !props.autoplay || data.timer) return\n      data.timer = setInterval(() => playSlides(), props.interval)\n    }\n\n    const playSlides = () => {\n      if (data.activeIndex < items.value.length - 1) {\n        data.activeIndex = data.activeIndex + 1\n      } else if (props.loop) {\n        data.activeIndex = 0\n      }\n    }\n\n    function setActiveItem(index) {\n      if (typeof index === 'string') {\n        const filteredItems = items.value.filter((item) => item.name === index)\n        if (filteredItems.length > 0) {\n          index = items.value.indexOf(filteredItems[0])\n        }\n      }\n      index = Number(index)\n      if (isNaN(index) || index !== Math.floor(index)) {\n        debugWarn('Carousel', 'index must be an integer.')\n        return\n      }\n      const length = items.value.length\n      const oldIndex = data.activeIndex\n      if (index < 0) {\n        data.activeIndex = props.loop ? length - 1 : 0\n      } else if (index >= length) {\n        data.activeIndex = props.loop ? 0 : length - 1\n      } else {\n        data.activeIndex = index\n      }\n      if (oldIndex === data.activeIndex) {\n        resetItemPosition(oldIndex)\n      }\n    }\n\n    function resetItemPosition(oldIndex) {\n      items.value.forEach((item, index) => {\n        item.translateItem(index, data.activeIndex, oldIndex)\n      })\n    }\n\n    function addItem(item) {\n      items.value.push(item)\n    }\n\n    function removeItem(uid) {\n      const index = items.value.findIndex((item) => item.uid === uid)\n      if (index !== -1) {\n        items.value.splice(index, 1)\n        if (data.activeIndex === index) next()\n      }\n    }\n\n    function itemInStage(item, index) {\n      const length = items.value.length\n      if (\n        (index === length - 1 && item.inStage && items.value[0].active) ||\n        (item.inStage &&\n          items.value[index + 1] &&\n          items.value[index + 1].active)\n      ) {\n        return 'left'\n      } else if (\n        (index === 0 && item.inStage && items.value[length - 1].active) ||\n        (item.inStage &&\n          items.value[index - 1] &&\n          items.value[index - 1].active)\n      ) {\n        return 'right'\n      }\n      return false\n    }\n\n    function handleMouseEnter() {\n      data.hover = true\n      if (props.pauseOnHover) {\n        pauseTimer()\n      }\n    }\n\n    function handleMouseLeave() {\n      data.hover = false\n      startTimer()\n    }\n\n    function handleButtonEnter(arrow) {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item, index) => {\n        if (arrow === itemInStage(item, index)) {\n          item.hover = true\n        }\n      })\n    }\n\n    function handleButtonLeave() {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item) => {\n        item.hover = false\n      })\n    }\n\n    function handleIndicatorClick(index) {\n      data.activeIndex = index\n    }\n\n    function handleIndicatorHover(index) {\n      if (props.trigger === 'hover' && index !== data.activeIndex) {\n        data.activeIndex = index\n      }\n    }\n\n    function prev() {\n      setActiveItem(data.activeIndex - 1)\n    }\n\n    function next() {\n      setActiveItem(data.activeIndex + 1)\n    }\n\n    // watch\n    watch(\n      () => data.activeIndex,\n      (current, prev) => {\n        resetItemPosition(prev)\n        if (prev > -1) {\n          emit('change', current, prev)\n        }\n      }\n    )\n    watch(\n      () => props.autoplay,\n      (current) => {\n        current ? startTimer() : pauseTimer()\n      }\n    )\n    watch(\n      () => props.loop,\n      () => {\n        setActiveItem(data.activeIndex)\n      }\n    )\n\n    // lifecycle\n    onMounted(() => {\n      nextTick(() => {\n        addResizeListener(root.value, resetItemPosition)\n        if (\n          props.initialIndex < items.value.length &&\n          props.initialIndex >= 0\n        ) {\n          data.activeIndex = props.initialIndex\n        }\n        startTimer()\n      })\n    })\n\n    onBeforeUnmount(() => {\n      if (root.value) removeResizeListener(root.value, resetItemPosition)\n      pauseTimer()\n    })\n\n    // provide\n    provide<InjectCarouselScope>('injectCarouselScope', {\n      root,\n      direction: props.direction,\n      type: props.type,\n      items,\n      loop: props.loop,\n      addItem,\n      removeItem,\n      setActiveItem,\n    })\n\n    return {\n      data,\n      props,\n      items,\n\n      arrowDisplay,\n      carouselClasses,\n      indicatorsClasses,\n      hasLabel,\n\n      handleMouseEnter,\n      handleMouseLeave,\n      handleIndicatorClick,\n      throttledArrowClick,\n      throttledIndicatorHover,\n      handleButtonEnter,\n      handleButtonLeave,\n\n      prev,\n      next,\n      setActiveItem,\n\n      root,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/carousel/src/main.vue_vue_type_template_id_1303d144_lang.mjs

@@ -0,0 +1,101 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, createVNode, vShow, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["onMouseenter", "onClick"];
+const _hoisted_2 = { class: "el-carousel__button" };
+const _hoisted_3 = { key: 0 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_left = resolveComponent("arrow-left");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_arrow_right = resolveComponent("arrow-right");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.carouselClasses),
+    onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args), ["stop"])),
+    onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
+  }, [
+    createElementVNode("div", {
+      class: "el-carousel__container",
+      style: normalizeStyle({ height: _ctx.height })
+    }, [
+      _ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
+        key: 0,
+        name: "carousel-arrow-left"
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("button", {
+            type: "button",
+            class: "el-carousel__arrow el-carousel__arrow--left",
+            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.handleButtonEnter("left")),
+            onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex - 1), ["stop"]))
+          }, [
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                createVNode(_component_arrow_left)
+              ]),
+              _: 1
+            })
+          ], 544), [
+            [
+              vShow,
+              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex > 0)
+            ]
+          ])
+        ]),
+        _: 1
+      })) : createCommentVNode("v-if", true),
+      _ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
+        key: 1,
+        name: "carousel-arrow-right"
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("button", {
+            type: "button",
+            class: "el-carousel__arrow el-carousel__arrow--right",
+            onMouseenter: _cache[3] || (_cache[3] = ($event) => _ctx.handleButtonEnter("right")),
+            onMouseleave: _cache[4] || (_cache[4] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
+            onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex + 1), ["stop"]))
+          }, [
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                createVNode(_component_arrow_right)
+              ]),
+              _: 1
+            })
+          ], 544), [
+            [
+              vShow,
+              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex < _ctx.items.length - 1)
+            ]
+          ])
+        ]),
+        _: 1
+      })) : createCommentVNode("v-if", true),
+      renderSlot(_ctx.$slots, "default")
+    ], 4),
+    _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
+      key: 0,
+      class: normalizeClass(_ctx.indicatorsClasses)
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+        return openBlock(), createElementBlock("li", {
+          key: index,
+          class: normalizeClass([
+            "el-carousel__indicator",
+            "el-carousel__indicator--" + _ctx.direction,
+            { "is-active": index === _ctx.data.activeIndex }
+          ]),
+          onMouseenter: ($event) => _ctx.throttledIndicatorHover(index),
+          onClick: withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
+        }, [
+          createElementVNode("button", _hoisted_2, [
+            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+          ])
+        ], 42, _hoisted_1);
+      }), 128))
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 34);
+}
+
+export { render };
+//# sourceMappingURL=main.vue_vue_type_template_id_1303d144_lang.mjs.map