@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/es/components/calendar/src/date-table.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-table.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AA0CA,KAAK,OAAO,CAAC,UAAU,EAAE;AACzB,eAAe,GAAG,MAAM,OAAO,EAAE;AACrB,MAAC;;AAEb,EAAE,OAAO,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ;AACtC,EAAE;AACU,MAAC;EACX,MAAM,IAAI,GAAG;AACf;;AAEA,MAAM,cAAc,CAAC,SAAS,QAAQ,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK;;AAEvE,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC;EACpC,CAAC;aACY,eAAe,CAAC;AAC/B;;AAEA,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;IACnB,MAAM,GAAG,EAAE,IAAI,EAAE,GAAG;IACpB,MAAM,OAAO,GAAG,YAAY,CAAC,iBAAiB,CAAC;AACnD;;AAEA,IAAI,MAAM,cAAc,GAAG,GAAG,CAAC;IAC3B,MAAM,SAAS,WAAW,CAAC,MAAM,CAAC;IAClC,MAAM,IAAI,YAAY;MACpB,QAAQ,GAAG,EAAE,CAAC;;;AAGpB,QAAQ,uBAAuB;UACrB,IAAI,EAAE,KAAK,CAAC;UACZ,IAAI,EAAE;;QAER,IAAI;QACJ,SAAS,GAAG,SAAS,KAAK;QAC1B,MAAM,cAAc,GAAG,QAAQ,CAAC,SAAS;UACvC,IAAI,EAAE,KAAK,GAAG,CAAC;;UAEf,CAAC,CAAC;QACJ,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC;OACjC,MAAM;;QAEL,MAAM,aAAa,GAAG,qBAAqB,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG;;UAEhE,YAAY;UACZ,CAAC,CAAC;cACE;UACJ,IAAI,EAAE,GAAG;UACT,IAAI,EAAE,SAAS;UACf,CAAC,CAAC;QACJ,IAAI,GAAG,CAAC,GAAG;cACL,aAAa;UACjB,IAAI,EAAE,KAAK,GAAG,CAAC;UACf;;QAEF,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;;wBAElB,CAAC,KAAK,CAAC;;UAErB,QAAQ,GAAG;;UAEX,KAAK,KAAK,CAAC,EAAE;QACf;;QAEA,OAAO,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC;;;UAG7C;cACI,IAAI;aACL,MAAM;UACT;QACF,WAAW;UACT,OAAO;aACJ;sBACS,CAAC,IAAI;;;UAGjB,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK;YACjC,OAAO,GAAG,CAAC,IAAI,EAAE;UACnB,IAAI,KAAK;cACL,IAAI,GAAG;YACT,IAAI,OAAO,CAAC;UACd;;QAEF,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;;SAE5B;;;KAGJ,CAAC;UACI,aAAa,GAAG,CAAC,EAAE,IAAI;MAC3B,MAAM,IAAI;UACN,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;MACnB;UACI,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE;YACrB,GAAG,GAAG,gBAAgB,CAAC,IAAI,EAAE;aAC5B;;;;QAIL,IAAI,EAAE,GAAG,CAAC,MAAM;OACjB,CAAC;;WAEG;eACI;cACD;UACJ;kBACQ;MACZ;;;MAGA,KAAK;MACL;;;;;;"}

package/es/components/calendar/src/date-table.vue_vue_type_template_id_297fdb36_lang.mjs

@@ -1,49 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from 'vue';
-
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["onClick"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("table", {
-    class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
-    cellspacing: "0",
-    cellpadding: "0"
-  }, [
-    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
-        return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
-      }), 128))
-    ])) : createCommentVNode("v-if", true),
-    createElementVNode("tbody", null, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row, index) => {
-        return openBlock(), createElementBlock("tr", {
-          key: index,
-          class: normalizeClass({
-            [_ctx.nsTable.e("row")]: true,
-            [_ctx.nsTable.em("row", "hide-border")]: index === 0 && _ctx.hideHeader
-          })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, key) => {
-            return openBlock(), createElementBlock("td", {
-              key,
-              class: normalizeClass(_ctx.getCellClass(cell)),
-              onClick: ($event) => _ctx.handlePickDay(cell)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.nsDay.b())
-              }, [
-                renderSlot(_ctx.$slots, "dateCell", {
-                  data: _ctx.getSlotData(cell)
-                }, () => [
-                  createElementVNode("span", null, toDisplayString(cell.text), 1)
-                ])
-              ], 2)
-            ], 10, _hoisted_2);
-          }), 128))
-        ], 2);
-      }), 128))
-    ])
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=date-table.vue_vue_type_template_id_297fdb36_lang.mjs.map

package/es/components/calendar/src/date-table.vue_vue_type_template_id_297fdb36_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-table.vue_vue_type_template_id_297fdb36_lang.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue?vue&type=template&id=297fdb36&lang.js"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode"],"mappings":";;;;;;;;IAEK;;IAED;;;;4BAGE;;;;;;yBAIA;;;;;;;;;;cAUKA;qDACmB;;;;;;;kBAIK;mBAAvB;kBACE;;;;;;;;;"}

package/es/components/card/src/card.vue_vue_type_script_lang.mjs

@@ -1,18 +0,0 @@
-import { defineComponent } from 'vue';
-import '../../../hooks/index.mjs';
-import { cardProps } from './card.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-var script = defineComponent({
-  name: "ElCard",
-  props: cardProps,
-  setup() {
-    const ns = useNamespace("card");
-    return {
-      ns
-    };
-  }
-});
-
-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 :class=\"[ns.b(), ns.is(`${shadow}-shadow`)]\">\n    <div v-if=\"$slots.header || header\" :class=\"ns.e('header')\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div :class=\"ns.e('body')\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { cardProps } from './card'\n\nexport default defineComponent({\n  name: 'ElCard',\n  props: cardProps,\n  setup() {\n    const ns = useNamespace('card')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAaA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,SAAS;EAChB,QAAQ;IACN,MAAM,EAAE,GAAG;IACX;MACE,EAAE;;;;;;;"}

package/es/components/card/src/card.vue_vue_type_template_id_7a6bdf05_lang.mjs

@@ -1,25 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is(`${_ctx.shadow}-shadow`)])
-  }, [
-    _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.ns.e("header"))
-    }, [
-      renderSlot(_ctx.$slots, "header", {}, () => [
-        createTextVNode(toDisplayString(_ctx.header), 1)
-      ])
-    ], 2)) : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("body")),
-      style: normalizeStyle(_ctx.bodyStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 6)
-  ], 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 :class=\"[ns.b(), ns.is(`${shadow}-shadow`)]\">\n    <div v-if=\"$slots.header || header\" :class=\"ns.e('header')\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div :class=\"ns.e('body')\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { cardProps } from './card'\n\nexport default defineComponent({\n  name: 'ElCard',\n  props: cardProps,\n  setup() {\n    const ns = useNamespace('card')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;wCAEmD;;;6CACtB;;;;;MAEnBA,sBAAO;;;;;;;"}

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

@@ -1,122 +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();
-    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\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":";;;;AAkCA,gBAAgB,GAAG,IAAI,CAAC;AACxB,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,gBAAgB;;AAExB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,KAAK,EAAE;MACL,IAAI,EAAE,CAAC,MAAM,EAAE;MACf;KACD;;OAEE,CAAC,KAAK,EAAE;UACL;IACN;;MAEE,SAAS,EAAE,CAAC;WACP,EAAE,CAAC;MACR,MAAM,EAAE,KAAK;;;MAGb,SAAS,EAAE,KAAK;MAChB,CAAC;UACG;UACA;MACJ;MACA,CAAC;UACG,SAAS;MACb,MAAM;;;QAGJ;OACD,CAAC;MACF,OAAO,YAAY,CAAC;;;UAGhB;QACF,OAAO,CAAC,CAAC,CAAC;OACX,MAAM,IAAI,WAAW,KAAK,MAAM;;;QAG/B,OAAO,SAAS,CAAC,CAAC;OACnB,MAAM,IAAI,KAAK;QACd,OAAO,CAAC,CAAC,CAAC;OACX;MACD,OAAO,MAAM;;;MAGb,IAAI,GAAG;;;QAGL;;QAEA,OAAO,EAAE,CAAC,GAAG,UAAU,IAAI,WAAW,GAAG,CAAC,CAAC;OAC5C,MAAM;QACL,OAAO,CAAC;;;aAGH,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY;UACjD,EAAE,IAAI,CAAC;MACX,cAAc,GAAG,WAAW,GAAG,yBAAyB,KAAK,CAAC;aACvD;;UAEH;;;MAGJ,IAAI,UAAU,KAAK,MAAM,IAAI,QAAQ,KAAK;QACxC,IAAI,CAAC,SAAS,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ;OAC7D;UACG,KAAK;aACF,GAAG,aAAa,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;;MAEnD,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,IAAI,eAAe,CAAC,UAAU;UAC5B;SACD;;;;QAID,KAAK,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,UAAU,CAAC;OAC3C,MAAM;QACL,IAAI,CAAC;cACC,UAAU,GAAG,eAAe,CAAC,KAAK,KAAK;YACzC,CAAC,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE,WAAW;OAClD;;;IAGH,SAAS;MACP,IAAI;QACF,MAAM,KAAK,GAAG;QACd;OACD;;aAEM,CAAC;MACR,IAAI,mBAAmB,CAAC,OAAO,EAAE;QAC/B,mBAAmB,CAAC,OAAO,CAAC;;UAE1B,GAAG,KAAK;UACR,SAAS,CAAC,IAAI,CAAC;;SAEhB,CAAC,CAAC;;;eAGI,CAAC,MAAM;6BACO,CAAC,UAAU,EAAE;;;;WAI/B;UACD;eACK;MACT;UACI,EAAE,oBAAoB,IAAI;qBACf;;;;;;;"}

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\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":";;;;;EAiBM;;;;;;;;;;;;;IALD,mGAAsB;;KAGf;sCADR;;;;;;;;"}

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-vue';
-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

@@ -1 +0,0 @@
-{"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-vue'\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":";;;;;;;;AAoFA,EAAE;AACF,EAAE,UAAU;IACR,MAAM;IACN,SAAS;IACT,UAAU;AACd,GAAG;;AAEH,IAAI,YAAY,EAAE;MACZ,IAAI,EAAE,MAAM;MACZ;KACD;IACD,MAAM,EAAE;IACR,OAAO,EAAE;;MAEP;KACD;YACO,EAAE;MACR,IAAI,EAAE;;KAEP;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,GAAG;KACb;IACD;aACS,EAAE;MACT,IAAI,EAAE,OAAO;;KAEd;SACI;MACH,IAAI,EAAE,MAAM;;KAEb;IACD,IAAI,EAAE,EAAE;QACJ,EAAE;MACJ,IAAI,EAAE,OAAO;;KAEd;aACQ,EAAE;MACT,IAAI,EAAE,MAAM;;MAEZ,SAAS,CAAC,GAAG,EAAE;QACb;OACD;;IAEH;MACE,IAAI,EAAE;MACN,OAAO,EAAE;;;SAGN,CAAC,QAAQ,CAAC;OACZ;IACH;MACE;MACA;MACA,KAAK,EAAE,IAAI;;;IAGb,MAAM,IAAI,GAAG;IACb,MAAM,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;IACtB,MAAM;IACN,MAAM,QAAQ,GAAG;MACf,OAAO,MAAM,KAAK;MAClB,CAAC;UACG,eAAe,GAAG,QAAQ,OAAO;MACrC,aAAa;MACb;QACE,OAAO,CAAC,IAAI,CAAC;OACd;MACD,OAAO;MACP,CAAC;IACH;;QAEI;QACA;OACD,CAAC;;QAEA;OACD;MACD,IAAI,KAAK,CAAC,iBAAiB,cAAc,IAAI,KAAK,CAAC,IAAI,KAAK;;;MAG5D,OAAO,QAAQ;MACf,CAAC;IACH;;KAEC,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;UACtB,uBAAuB,GAAG,QAAQ,CAAC,CAAC,KAAK,KAAK;MAClD,oBAAoB,CAAC,MAAM;UACvB,CAAC,CAAC;;MAEN,IAAI,IAAI,CAAC;;;OAGR;;aAEM,UAAU,GAAG;UAChB,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI;;MAE9C,IAAI,CAAC,KAAK,GAAG;;;MAGb,IAAI,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;;QAExC,KAAK;;;IAGT,SAAS;MACP,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM;QACN,IAAI,aAAa,CAAC;;SAEjB;;;;QAID,SAAS,CAAC,UAAU,EAAE;QACtB,OAAO;OACR;;MAED,cAAc,GAAG;MACjB,IAAI,KAAK,GAAG,CAAC;QACX,IAAI,CAAC,WAAW,GAAG,KAAK;aACnB,IAAI,KAAK;;;;OAIf;MACD,IAAI,QAAQ,KAAK,KAAK,WAAW,EAAE;QACjC,iBAAiB,CAAC,QAAQ,CAAC;;;IAG/B,SAAS;MACP,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,KAAK;QACnC,IAAI,CAAC,cAAc,KAAK,EAAE,IAAI,CAAC;QAC/B,CAAC;;;;;IAKL,SAAS,UAAU,CAAC,GAAG,EAAE;MACvB,MAAM,KAAK,GAAG,KAAK,MAAM,CAAC;UACtB,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YACxB,IAAI,YAAY,KAAK,KAAK;;;;aAIzB,WAAW,KAAK,OAAO,EAAE;YAC1B,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;UAC9B;;OAEH,MAAM,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC;QAC7B,OAAO,QAAQ;OAChB;aACM,KAAK,CAAC;;aAEN,gBAAgB,GAAG;MAC1B,IAAI,CAAC;UACD,KAAK,CAAC,YAAY,EAAE;;OAEvB;;;;;KAKF;aACQ,iBAAiB,CAAC,KAAK,EAAE;UAC5B,KAAK,CAAC,SAAS,KAAK,UAAU;;;;UAI9B,IAAI,CAAC,KAAK,GAAG,IAAI;SAClB;;;IAGL,SAAS;MACP,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU;;WAE7B,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;;;MAIrB,IAAI,CAAC,WAAW,GAAG,MAAM;;;UAGrB,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;QAC3D,IAAI,CAAC;;;;mBAIM,CAAC;;aAEP,IAAI;mBACE,CAAC;;UAEV,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;MAC7B;UACI,KAAK,GAAG,CAAC,CAAC;;OAEb;;;MAGD,OAAO,GAAG,UAAU,EAAE;MACtB,CAAC;SACE,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE;mBACT;MACb;IACF;;QAEI,iBAAiB,CAAC,IAAI;QACtB,IAAI,KAAK;UACP,IAAI,CAAC;;;OAGR,CAAC,CAAC;MACH,CAAC;mBACY,CAAC,MAAM;cACZ,CAAC,KAAK;;;MAGd,CAAC;IACH;;MAEE,SAAS,EAAE,KAAK,CAAC;MACjB,IAAI,EAAE,KAAK,CAAC,IAAI;MAChB,KAAK;UACD,EAAE,KAAK,KAAK;MAChB;;;KAGD,CAAC,CAAC;WACI;;;MAGL,KAAK;MACL,YAAY;qBACG;MACf;;;MAGA;MACA,oBAAoB;;;MAGpB;MACA,iBAAiB;;;;MAIjB;MACA;;;;;;"}