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

package/es/components/calendar/src/index.vue_vue&type=template&id=819aa44a&lang.mjs

@@ -1,98 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock } from 'vue';
-
-const _hoisted_1 = { class: "el-calendar" };
-const _hoisted_2 = { class: "el-calendar__header" };
-const _hoisted_3 = { class: "el-calendar__title" };
-const _hoisted_4 = {
-  key: 0,
-  class: "el-calendar__button-group"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "el-calendar__body"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "el-calendar__body"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_button_group = resolveComponent("el-button-group");
-  const _component_date_table = resolveComponent("date-table");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      renderSlot(_ctx.$slots, "header", { date: _ctx.i18nDate }, () => [
-        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.i18nDate), 1),
-        _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(_component_el_button_group, null, {
-            default: withCtx(() => [
-              createVNode(_component_el_button, {
-                size: "mini",
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.selectDate("prev-month"))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.prevMonth")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                size: "mini",
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.selectDate("today"))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.today")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                size: "mini",
-                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.selectDate("next-month"))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.t("el.datepicker.nextMonth")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("v-if", true)
-      ])
-    ]),
-    _ctx.validatedRange.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      createVNode(_component_date_table, {
-        date: _ctx.date,
-        "selected-day": _ctx.realSelectedDay,
-        onPick: _ctx.pickDay
-      }, createSlots({ _: 2 }, [
-        _ctx.$slots.dateCell ? {
-          name: "dateCell",
-          fn: withCtx((data) => [
-            renderSlot(_ctx.$slots, "dateCell", normalizeProps(guardReactiveProps(data)))
-          ])
-        } : void 0
-      ]), 1032, ["date", "selected-day", "onPick"])
-    ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.validatedRange, (range_, index) => {
-        return openBlock(), createBlock(_component_date_table, {
-          key: index,
-          date: range_[0],
-          "selected-day": _ctx.realSelectedDay,
-          range: range_,
-          "hide-header": index !== 0,
-          onPick: _ctx.pickDay
-        }, createSlots({ _: 2 }, [
-          _ctx.$slots.dateCell ? {
-            name: "dateCell",
-            fn: withCtx((data) => [
-              renderSlot(_ctx.$slots, "dateCell", normalizeProps(guardReactiveProps(data)))
-            ])
-          } : void 0
-        ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
-      }), 128))
-    ]))
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue&type=template&id=819aa44a&lang.mjs.map

package/es/components/calendar/src/index.vue_vue&type=template&id=819aa44a&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=819aa44a&lang.mjs","sources":["../../../../../../packages/components/calendar/src/index.vue?vue&type=template&id=819aa44a&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-calendar\">\n    <div class=\"el-calendar__header\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n        <div\n          v-if=\"validatedRange.length === 0\"\n          class=\"el-calendar__button-group\"\n        >\n          <el-button-group>\n            <el-button size=\"mini\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n    <div v-else class=\"el-calendar__body\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\n\nimport ElButton from '@element-plus/components/button'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport type { PropType, ComputedRef } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: {\n    modelValue: {\n      type: Date,\n    },\n    range: {\n      type: Array as PropType<Array<Date>>,\n      validator: (range: Date): boolean => {\n        if (Array.isArray(range)) {\n          return (\n            range.length === 2 && range.every((item) => item instanceof Date)\n          )\n        }\n        return false\n      },\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n  setup(props, ctx) {\n    const { t, lang } = useLocaleInject()\n    const selectedDay = ref(null)\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month')\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month')\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year')\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year')\n    })\n\n    const i18nDate = computed(() => {\n      const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n      return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n    })\n\n    const realSelectedDay = computed({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val: Dayjs) {\n        selectedDay.value = val\n        const result = val.toDate()\n\n        ctx.emit('input', result)\n        ctx.emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: dayjs.Dayjs,\n      endDayjs: dayjs.Dayjs\n    ) => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode","_createBlock"],"mappings":";;qBACO,OAAM;qBACJ,OAAM;qBAEF,OAAM;;;EAGT,OAAM;AAAA;;;EAgB4B,OAAM;AAAA;;;EAOlC,OAAM;AAAA;;;;;sBA7BpBA,0BAAA;IACEC,0BAAA;MACEC,oCAAqB,MAAM,iBAA3B;QACED,0BAAA,4BAAmC;QAE3B,oBAAe,6BADvBD,0BAAA;UAIEG;6BACE;cAAAA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;;;;;;;IAMF,oBAAe,6BAA1BH,0BAAA;MACEG;QAAa,MAAM;QAAO,gBAAc;QAAkB,QAAM;;QAC9C,YAAO;gBAAW;AAAA,sBAChC,CAD0C;YAC1CD,sEAA8B;AAAA;AAAA;;wBAIpCF,0BAAA;wBACEA,8CAC4B,sBAAlB,QAAQ;4BADlBI;UAEG,KAAK;AAAA,UACL,MAAM;UACN,gBAAc;UACd,OAAO;AAAA,UACP,eAAa;UACb,QAAM;;UAES,YAAO;kBAAW;AAAA,wBAChC,CAD0C;cAC1CF,sEAA8B;AAAA;AAAA;;;;;;;;;"}

package/es/components/card/src/card.vue_vue&type=script&lang.mjs

@@ -1,10 +0,0 @@
-import { defineComponent } from 'vue';
-import { cardProps } from './card.mjs';
-
-var script = defineComponent({
-  name: "ElCard",
-  props: cardProps
-});
-
-export { script as default };
-//# sourceMappingURL=card.vue_vue&type=script&lang.mjs.map

package/es/components/card/src/card.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/card/src/card.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-card\"\n    :class=\"shadow ? 'is-' + shadow + '-shadow' : 'is-always-shadow'\"\n  >\n    <div v-if=\"$slots.header || header\" class=\"el-card__header\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div class=\"el-card__body\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { cardProps } from './card'\n\nexport default defineComponent({\n  name: 'ElCard',\n  props: cardProps,\n})\n</script>\n"],"names":[],"mappings":";;;AAiBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;;;;"}

package/es/components/card/src/card.vue_vue&type=template&id=7a6bdf05&lang.mjs

@@ -1,26 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-card__header"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-card", _ctx.shadow ? "is-" + _ctx.shadow + "-shadow" : "is-always-shadow"])
-  }, [
-    _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "header", {}, () => [
-        createTextVNode(toDisplayString(_ctx.header), 1)
-      ])
-    ])) : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      class: "el-card__body",
-      style: normalizeStyle(_ctx.bodyStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 4)
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=card.vue_vue&type=template&id=7a6bdf05&lang.mjs.map

package/es/components/card/src/card.vue_vue&type=template&id=7a6bdf05&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.vue_vue&type=template&id=7a6bdf05&lang.mjs","sources":["../../../../../../packages/components/card/src/card.vue?vue&type=template&id=7a6bdf05&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-card\"\n    :class=\"shadow ? 'is-' + shadow + '-shadow' : 'is-always-shadow'\"\n  >\n    <div v-if=\"$slots.header || header\" class=\"el-card__header\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div class=\"el-card__body\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { cardProps } from './card'\n\nexport default defineComponent({\n  name: 'ElCard',\n  props: cardProps,\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;EAKwC,OAAM;AAAA;;sBAJ5CA;IACE,uBAAM,WACE,sBAAiB;;IAEd,YAAO,UAAU,4BAA5BA,0BAAA;MACEC,sCAAA;wCAAuB;;;IAEzBC;MAAK,OAAM;AAAA,MAAiB,sBAAO;;MACjCD;;;;;;;"}

package/es/components/carousel/src/item.vue_vue&type=script&lang.mjs

@@ -1,123 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.vue_vue&type=script&lang.mjs

@@ -1,267 +0,0 @@
-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