@element-plus/nightly 0.0.20211230

package/lib/components/card/src/card.vue_vue_type_script_lang.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var card = require('./card.js');
+
+var script = vue.defineComponent({
+  name: "ElCard",
+  props: card.cardProps
+});
+
+exports["default"] = script;
+//# sourceMappingURL=card.vue_vue_type_script_lang.js.map

package/lib/components/card/src/card.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue_vue_type_script_lang.js","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":["defineComponent","cardProps"],"mappings":";;;;;;;AAeA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,cAAS;EAChB;;;;"}

package/lib/components/card/src/card.vue_vue_type_template_id_7a6bdf05_lang.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-card__header"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-card", _ctx.shadow ? "is-" + _ctx.shadow + "-shadow" : "is-always-shadow"])
+  }, [
+    _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "header", {}, () => [
+        vue.createTextVNode(vue.toDisplayString(_ctx.header), 1)
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", {
+      class: "el-card__body",
+      style: vue.normalizeStyle(_ctx.bodyStyle)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 4)
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=card.vue_vue_type_template_id_7a6bdf05_lang.js.map

package/lib/components/card/src/card.vue_vue_type_template_id_7a6bdf05_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue_vue_type_template_id_7a6bdf05_lang.js","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":["_createCommentVNode"],"mappings":";;;;;;;;;EAKwC;;;;;IAHpC,KAAK;;;;UAIHA;;;;;;;MAE0B;;;;;"}

package/lib/components/card/src/card2.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var card_vue_vue_type_script_lang = require('./card.vue_vue_type_script_lang.js');
+var card_vue_vue_type_template_id_7a6bdf05_lang = require('./card.vue_vue_type_template_id_7a6bdf05_lang.js');
+
+card_vue_vue_type_script_lang["default"].render = card_vue_vue_type_template_id_7a6bdf05_lang.render;
+card_vue_vue_type_script_lang["default"].__file = "packages/components/card/src/card.vue";
+
+exports["default"] = card_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=card2.js.map

package/lib/components/card/src/card2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/card/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-card.css';

package/lib/components/card/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('element-plus/theme-chalk/el-card.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/card/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/lib/components/card/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/card.scss';

package/lib/components/card/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('element-plus/theme-chalk/src/card.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/card/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,133 @@
+export declare const ElCarousel: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    initialIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    indicatorPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    indicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator(val: string): boolean;
+    };
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    data: {
+        activeIndex: number;
+        containerWidth: number;
+        timer: number | null;
+        hover: boolean;
+    };
+    props: import("./src/carousel").ICarouselProps;
+    items: import("vue").Ref<{
+        uid: number;
+        translateItem: (index: number, activeIndex: number, oldIndex: number) => void;
+        name: string;
+        label: string | number;
+        key: string;
+        hover: boolean;
+        translate: number;
+        scale: number;
+        active: boolean;
+        ready: boolean;
+        inStage: boolean;
+        animating: boolean;
+    }[]>;
+    arrowDisplay: import("vue").ComputedRef<boolean>;
+    carouselClasses: import("vue").ComputedRef<string[]>;
+    indicatorsClasses: import("vue").ComputedRef<string[]>;
+    hasLabel: import("vue").ComputedRef<boolean>;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleIndicatorClick: (index: any) => void;
+    throttledArrowClick: import("lodash").DebouncedFunc<(index: any) => void>;
+    throttledIndicatorHover: import("lodash").DebouncedFunc<(index: any) => void>;
+    handleButtonEnter: (arrow: any) => void;
+    handleButtonLeave: () => void;
+    prev: () => void;
+    next: () => void;
+    setActiveItem: (index: any) => void;
+    root: import("vue").Ref<null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    initialIndex?: unknown;
+    height?: unknown;
+    trigger?: unknown;
+    autoplay?: unknown;
+    interval?: unknown;
+    indicatorPosition?: unknown;
+    indicator?: unknown;
+    arrow?: unknown;
+    type?: unknown;
+    loop?: unknown;
+    direction?: unknown;
+    pauseOnHover?: unknown;
+} & {
+    type: string;
+    height: string;
+    trigger: string;
+    direction: string;
+    initialIndex: number;
+    autoplay: boolean;
+    interval: number;
+    indicatorPosition: string;
+    indicator: boolean;
+    arrow: string;
+    loop: boolean;
+    pauseOnHover: boolean;
+} & {}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    height: string;
+    trigger: string;
+    direction: string;
+    initialIndex: number;
+    autoplay: boolean;
+    interval: number;
+    indicatorPosition: string;
+    indicator: boolean;
+    arrow: string;
+    loop: boolean;
+    pauseOnHover: boolean;
+}>> & {
+    CarouselItem: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
+};
+export default ElCarousel;
+export declare const ElCarouselItem: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;

package/lib/components/carousel/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../../utils/with-install.js');
+require('./src/main.js');
+require('./src/item.js');
+var main_vue_vue_type_script_lang = require('./src/main.vue_vue_type_script_lang.js');
+var item_vue_vue_type_script_lang = require('./src/item.vue_vue_type_script_lang.js');
+
+const ElCarousel = withInstall.withInstall(main_vue_vue_type_script_lang["default"], {
+  CarouselItem: item_vue_vue_type_script_lang["default"]
+});
+const ElCarouselItem = withInstall.withNoopInstall(item_vue_vue_type_script_lang["default"]);
+
+exports.ElCarousel = ElCarousel;
+exports.ElCarouselItem = ElCarouselItem;
+exports["default"] = ElCarousel;
+//# sourceMappingURL=index.js.map

package/lib/components/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/carousel/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\nimport Carousel from './src/main.vue'\nimport CarouselItem from './src/item.vue'\n\nexport const ElCarousel = withInstall(Carousel, {\n  CarouselItem,\n})\n\nexport default ElCarousel\n\nexport const ElCarouselItem = withNoopInstall(CarouselItem)\n"],"names":["withInstall","Carousel","CarouselItem","withNoopInstall"],"mappings":";;;;;;;;;;AAGY,MAAC,UAAU,GAAGA,uBAAW,CAACC,wCAAQ,EAAE;AAChD,gBAAEC,wCAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAGC,2BAAe,CAACD,wCAAY;;;;;;"}

package/lib/components/carousel/src/carousel.d.ts

@@ -0,0 +1,44 @@
+import type { Ref, ToRefs, UnwrapRef } from 'vue';
+export interface ICarouselItemProps {
+    name: string;
+    label: string | number;
+    key: string;
+}
+export interface ICarouselItemData {
+    hover: boolean;
+    translate: number;
+    scale: number;
+    active: boolean;
+    ready: boolean;
+    inStage: boolean;
+    animating: boolean;
+}
+export interface ICarouselProps {
+    initialIndex: number;
+    height: string;
+    trigger: string;
+    autoplay: boolean;
+    interval: number;
+    indicatorPosition: string;
+    indicator: boolean;
+    arrow: string;
+    type: string;
+    loop: boolean;
+    direction: string;
+    pauseOnHover: boolean;
+}
+export declare type UnionCarouselItemData = ICarouselItemProps & ToRefs<ICarouselItemData>;
+export interface CarouselItem extends UnionCarouselItemData {
+    uid: number;
+    translateItem: (index: number, activeIndex: number, oldIndex: number) => void;
+}
+export interface InjectCarouselScope {
+    root: Ref<HTMLElement>;
+    direction: string;
+    type: string;
+    items: Ref<UnwrapRef<CarouselItem[]>>;
+    loop: boolean;
+    addItem: (item: CarouselItem) => void;
+    removeItem: (uid: number) => void;
+    setActiveItem: (index: number) => void;
+}

package/lib/components/carousel/src/carousel.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=carousel.js.map

package/lib/components/carousel/src/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/carousel/src/item.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var item_vue_vue_type_script_lang = require('./item.vue_vue_type_script_lang.js');
+var item_vue_vue_type_template_id_3d2e4fb8_lang = require('./item.vue_vue_type_template_id_3d2e4fb8_lang.js');
+
+item_vue_vue_type_script_lang["default"].render = item_vue_vue_type_template_id_3d2e4fb8_lang.render;
+item_vue_vue_type_script_lang["default"].__file = "packages/components/carousel/src/item.vue";
+
+exports["default"] = item_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=item.js.map

package/lib/components/carousel/src/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/carousel/src/item.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
+export default _default;

package/lib/components/carousel/src/item.vue_vue_type_script_lang.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+var error = require('../../../utils/error.js');
+
+const CARD_SCALE = 0.83;
+var script = vue.defineComponent({
+  name: "ElCarouselItem",
+  props: {
+    name: { type: String, default: "" },
+    label: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  setup(props) {
+    const instance = vue.getCurrentInstance();
+    const data = vue.reactive({
+      hover: false,
+      translate: 0,
+      scale: 1,
+      active: false,
+      ready: false,
+      inStage: false,
+      animating: false
+    });
+    const injectCarouselScope = vue.inject("injectCarouselScope");
+    const parentDirection = vue.computed(() => {
+      return injectCarouselScope.direction;
+    });
+    const itemStyle = vue.computed(() => {
+      const translateType = parentDirection.value === "vertical" ? "translateY" : "translateX";
+      const value = `${translateType}(${data.translate}px) scale(${data.scale})`;
+      const style = {
+        transform: value
+      };
+      return util.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") {
+          error.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);
+      }
+    }
+    vue.onMounted(() => {
+      if (injectCarouselScope.addItem) {
+        injectCarouselScope.addItem({
+          uid: instance.uid,
+          ...props,
+          ...vue.toRefs(data),
+          translateItem
+        });
+      }
+    });
+    vue.onUnmounted(() => {
+      if (injectCarouselScope.removeItem) {
+        injectCarouselScope.removeItem(instance.uid);
+      }
+    });
+    return {
+      data,
+      itemStyle,
+      translateItem,
+      type: injectCarouselScope.type,
+      handleItemClick
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=item.vue_vue_type_script_lang.js.map

package/lib/components/carousel/src/item.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_script_lang.js","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":["defineComponent","autoprefixer","debugWarn"],"mappings":";;;;;;;;AAkCA,gBAAgB,GAAG,IAAI,CAAC;AACxB,aAAeA,mBAAe,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,OAAOC,iBAAY,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;UAC5BC;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;;iBAEM,CAAC;MACR,IAAI,mBAAmB,CAAC,OAAO,EAAE;QAC/B,mBAAmB,CAAC,OAAO,CAAC;;UAE1B,GAAG,KAAK;UACR,aAAS,CAAC,IAAI,CAAC;;SAEhB,CAAC,CAAC;;;mBAGI,CAAC,MAAM;6BACO,CAAC,UAAU,EAAE;;;;WAI/B;UACD;eACK;MACT;UACI,EAAE,oBAAoB,IAAI;qBACf;;;;;;;"}

package/lib/components/carousel/src/item.vue_vue_type_template_id_3d2e4fb8_lang.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-carousel__mask"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.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: vue.normalizeStyle(_ctx.itemStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
+  }, [
+    _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, null, 512)), [
+      [vue.vShow, !_ctx.data.active]
+    ]) : vue.createCommentVNode("v-if", true),
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 6)), [
+    [vue.vShow, _ctx.data.ready]
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=item.vue_vue_type_template_id_3d2e4fb8_lang.js.map

package/lib/components/carousel/src/item.vue_vue_type_template_id_3d2e4fb8_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue_type_template_id_3d2e4fb8_lang.js","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,+GAAsB;;KAGf;0CADR;;;;;;;;"}

package/lib/components/carousel/src/main.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var main_vue_vue_type_script_lang = require('./main.vue_vue_type_script_lang.js');
+var main_vue_vue_type_template_id_1303d144_lang = require('./main.vue_vue_type_template_id_1303d144_lang.js');
+
+main_vue_vue_type_script_lang["default"].render = main_vue_vue_type_template_id_1303d144_lang.render;
+main_vue_vue_type_script_lang["default"].__file = "packages/components/carousel/src/main.vue";
+
+exports["default"] = main_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=main.js.map

package/lib/components/carousel/src/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}