@element-plus/nightly 0.0.20221025 → 0.0.20221027

package/es/components/autocomplete/src/autocomplete.vue.d.ts

@@ -892,16 +892,8 @@ declare const _default: import("vue").DefineComponent<{
             role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
-            visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -1219,7 +1211,7 @@ declare const _default: import("vue").DefineComponent<{
             role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "offset" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "offset" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1234,13 +1226,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -1560,13 +1545,6 @@ declare const _default: import("vue").DefineComponent<{
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                openDelay: {
-                    readonly type: import("vue").PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
                 showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
                 arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 disabled: BooleanConstructor;
@@ -1886,8 +1864,6 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: string, ...args: any[]) => void;
-            compatShowAfter: import("vue").ComputedRef<number>;
-            compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             id: import("vue").Ref<string>;
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -4082,7 +4058,6 @@ declare const _default: import("vue").DefineComponent<{
             role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
-            visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -4105,13 +4080,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -4431,13 +4399,6 @@ declare const _default: import("vue").DefineComponent<{
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -4757,8 +4718,6 @@ declare const _default: import("vue").DefineComponent<{
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: string, ...args: any[]) => void;
-        compatShowAfter: import("vue").ComputedRef<number>;
-        compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         id: import("vue").Ref<string>;
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -7888,13 +7847,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly noresize: boolean;
     }>> & Record<string, any>;
     ElTooltip: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -8212,13 +8164,6 @@ declare const _default: import("vue").DefineComponent<{
         role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -8538,8 +8483,6 @@ declare const _default: import("vue").DefineComponent<{
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: string, ...args: any[]) => void;
-        compatShowAfter: import("vue").ComputedRef<number>;
-        compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         id: import("vue").Ref<string>;
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -10705,13 +10648,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly persistent: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -11059,7 +10995,6 @@ declare const _default: import("vue").DefineComponent<{
         role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
         triggerKeys: string[];
         arrowOffset: number;
-        visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>> & Record<string, any>;
     ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{

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

@@ -191,24 +191,17 @@ export declare const ElCarousel: import("element-plus/es/utils").SFCWithInstall<
             cssVarBlockName: (name: string) => string;
         };
         COMPONENT_NAME: string;
-        carouselContext: import("../..").CarouselContext;
-        instance: import("vue").ComponentInternalInstance;
-        CARD_SCALE: number;
+        active: import("vue").Ref<boolean>;
+        animating: import("vue").Ref<boolean>;
         hover: import("vue").Ref<boolean>;
+        inStage: import("vue").Ref<boolean>;
+        isVertical: import("vue").Ref<boolean>;
         translate: import("vue").Ref<number>;
+        isCardType: import("vue").Ref<boolean>;
         scale: import("vue").Ref<number>;
-        active: import("vue").Ref<boolean>;
         ready: import("vue").Ref<boolean>;
-        inStage: import("vue").Ref<boolean>;
-        animating: import("vue").Ref<boolean>;
-        isCardType: import("vue").Ref<boolean>;
-        isVertical: import("vue").Ref<boolean>;
-        itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        processIndex: (index: number, activeIndex: number, length: number) => number;
-        calcCardTranslate: (index: number, activeIndex: number) => number;
-        calcTranslate: (index: number, activeIndex: number, isVertical: boolean) => number;
-        translateItem: (index: number, activeIndex: number, oldIndex?: number | undefined) => void;
         handleItemClick: () => void;
+        itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
@@ -247,24 +240,17 @@ export declare const ElCarouselItem: import("element-plus/es/utils").SFCWithInst
         cssVarBlockName: (name: string) => string;
     };
     COMPONENT_NAME: string;
-    carouselContext: import("../..").CarouselContext;
-    instance: import("vue").ComponentInternalInstance;
-    CARD_SCALE: number;
+    active: import("vue").Ref<boolean>;
+    animating: import("vue").Ref<boolean>;
     hover: import("vue").Ref<boolean>;
+    inStage: import("vue").Ref<boolean>;
+    isVertical: import("vue").Ref<boolean>;
     translate: import("vue").Ref<number>;
+    isCardType: import("vue").Ref<boolean>;
     scale: import("vue").Ref<number>;
-    active: import("vue").Ref<boolean>;
     ready: import("vue").Ref<boolean>;
-    inStage: import("vue").Ref<boolean>;
-    animating: import("vue").Ref<boolean>;
-    isCardType: import("vue").Ref<boolean>;
-    isVertical: import("vue").Ref<boolean>;
-    itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    processIndex: (index: number, activeIndex: number, length: number) => number;
-    calcCardTranslate: (index: number, activeIndex: number) => number;
-    calcTranslate: (index: number, activeIndex: number, isVertical: boolean) => number;
-    translateItem: (index: number, activeIndex: number, oldIndex?: number | undefined) => void;
     handleItemClick: () => void;
+    itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
@@ -274,4 +260,4 @@ export declare const ElCarouselItem: import("element-plus/es/utils").SFCWithInst
 }>>;
 export * from './src/carousel';
 export * from './src/carousel-item';
-export type { CarouselInstance } from './src/instance';
+export type { CarouselInstance, CarouselItemInstance } from './src/instance';

package/es/components/carousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/carousel/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Carousel from './src/carousel.vue'\nimport CarouselItem from './src/carousel-item.vue'\n\nexport const ElCarousel = withInstall(Carousel, {\n  CarouselItem,\n})\n\nexport default ElCarousel\n\nexport const ElCarouselItem = withNoopInstall(CarouselItem)\n\nexport * from './src/carousel'\nexport * from './src/carousel-item'\n\nexport type { CarouselInstance } from './src/instance'\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE;AAChD,EAAE,YAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/carousel/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Carousel from './src/carousel.vue'\nimport CarouselItem from './src/carousel-item.vue'\n\nexport const ElCarousel = withInstall(Carousel, {\n  CarouselItem,\n})\n\nexport default ElCarousel\n\nexport const ElCarouselItem = withNoopInstall(CarouselItem)\n\nexport * from './src/carousel'\nexport * from './src/carousel-item'\n\nexport type { CarouselInstance, CarouselItemInstance } from './src/instance'\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE;AAChD,EAAE,YAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY;;;;"}

package/es/components/carousel/src/carousel-item.d.ts

@@ -1,8 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
-import type CarouselItem from './carousel-item.vue';
 export declare const carouselItemProps: {
     readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
 };
 export declare type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>;
-export declare type CarouselItemInstance = InstanceType<typeof CarouselItem>;

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

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type CarouselItem from './carousel-item.vue'\n\nexport const carouselItemProps = buildProps({\n  name: { type: String, default: '' },\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n\nexport type CarouselItemInstance = InstanceType<typeof CarouselItem>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  name: { type: String, default: '' },\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/carousel/src/carousel-item.vue.d.ts

@@ -1,11 +1,11 @@
 import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly name: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly label: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly name: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly label: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -28,29 +28,22 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     COMPONENT_NAME: string;
-    carouselContext: import("element-plus/es/tokens").CarouselContext;
-    instance: import("vue").ComponentInternalInstance;
-    CARD_SCALE: number;
+    active: import("vue").Ref<boolean>;
+    animating: import("vue").Ref<boolean>;
     hover: import("vue").Ref<boolean>;
+    inStage: import("vue").Ref<boolean>;
+    isVertical: import("vue").Ref<boolean>;
     translate: import("vue").Ref<number>;
+    isCardType: import("vue").Ref<boolean>;
     scale: import("vue").Ref<number>;
-    active: import("vue").Ref<boolean>;
     ready: import("vue").Ref<boolean>;
-    inStage: import("vue").Ref<boolean>;
-    animating: import("vue").Ref<boolean>;
-    isCardType: import("vue").Ref<boolean>;
-    isVertical: import("vue").Ref<boolean>;
-    itemStyle: import("vue").ComputedRef<CSSProperties>;
-    processIndex: (index: number, activeIndex: number, length: number) => number;
-    calcCardTranslate: (index: number, activeIndex: number) => number;
-    calcTranslate: (index: number, activeIndex: number, isVertical: boolean) => number;
-    translateItem: (index: number, activeIndex: number, oldIndex?: number | undefined) => void;
     handleItemClick: () => void;
+    itemStyle: import("vue").ComputedRef<CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly name: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly label: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
 }>>, {
     readonly name: string;
-    readonly label: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly label: import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
 }>;
 export default _default;

package/es/components/carousel/src/carousel-item2.mjs

@@ -1,16 +1,11 @@
-import { defineComponent, inject, getCurrentInstance, ref, computed, unref, onMounted, reactive, onUnmounted, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
-import '../../../utils/index.mjs';
+import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
 import '../../../hooks/index.mjs';
-import '../../../tokens/index.mjs';
 import { carouselItemProps } from './carousel-item.mjs';
+import { useCarouselItem } from './use-carousel-item.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { carouselContextKey } from '../../../tokens/carousel.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
-import { isUndefined } from '../../../utils/types.mjs';
 
 const COMPONENT_NAME = "ElCarouselItem";
-const CARD_SCALE = 0.83;
 const __default__ = defineComponent({
   name: "ElCarouselItem"
 });
@@ -20,22 +15,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const ns = useNamespace("carousel");
-    const carouselContext = inject(carouselContextKey);
-    const instance = getCurrentInstance();
-    if (!carouselContext) {
-      debugWarn(COMPONENT_NAME, "usage: <el-carousel></el-carousel-item></el-carousel>");
-    }
-    if (!instance) {
-      debugWarn(COMPONENT_NAME, "compositional hook can only be invoked inside setups");
-    }
-    const hover = ref(false);
-    const translate = ref(0);
-    const scale = ref(1);
-    const active = ref(false);
-    const ready = ref(false);
-    const inStage = ref(false);
-    const animating = ref(false);
-    const { isCardType, isVertical } = carouselContext;
+    const {
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    } = useCarouselItem(props, COMPONENT_NAME);
     const itemStyle = computed(() => {
       const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
       const _translate = `${translateType}(${unref(translate)}px)`;
@@ -45,112 +36,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         transform
       };
     });
-    function processIndex(index, activeIndex, length) {
-      const lastItemIndex = length - 1;
-      const prevItemIndex = activeIndex - 1;
-      const nextItemIndex = activeIndex + 1;
-      const halfItemIndex = length / 2;
-      if (activeIndex === 0 && index === lastItemIndex) {
-        return -1;
-      } else if (activeIndex === lastItemIndex && index === 0) {
-        return length;
-      } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
-        return length + 1;
-      } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
-        return -2;
-      }
-      return index;
-    }
-    function calcCardTranslate(index, activeIndex) {
-      var _a;
-      const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
-      if (inStage.value) {
-        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, isVertical2) {
-      const rootEl = carouselContext.root.value;
-      if (!rootEl)
-        return 0;
-      const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
-      return distance * (index - activeIndex);
-    }
-    const translateItem = (index, activeIndex, oldIndex) => {
-      var _a;
-      const _isCardType = unref(isCardType);
-      const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
-      const isActive = index === activeIndex;
-      if (!_isCardType && !isUndefined(oldIndex)) {
-        animating.value = isActive || index === oldIndex;
-      }
-      if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
-        index = processIndex(index, activeIndex, carouselItemLength);
-      }
-      const _isVertical = unref(isVertical);
-      active.value = isActive;
-      if (_isCardType) {
-        if (_isVertical) {
-          debugWarn("Carousel", "vertical direction is not supported for card mode");
-        }
-        inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
-        translate.value = calcCardTranslate(index, activeIndex);
-        scale.value = unref(active) ? 1 : CARD_SCALE;
-      } else {
-        translate.value = calcTranslate(index, activeIndex, _isVertical);
-      }
-      ready.value = true;
-    };
-    function handleItemClick() {
-      if (carouselContext && unref(isCardType)) {
-        const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
-        carouselContext.setActiveItem(index);
-      }
-    }
-    onMounted(() => {
-      carouselContext.addItem({
-        props,
-        states: reactive({
-          hover,
-          translate,
-          scale,
-          active,
-          ready,
-          inStage,
-          animating
-        }),
-        uid: instance.uid,
-        translateItem
-      });
-    });
-    onUnmounted(() => {
-      carouselContext.removeItem(instance.uid);
-    });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([
           unref(ns).e("item"),
-          unref(ns).is("active", active.value),
-          unref(ns).is("in-stage", inStage.value),
-          unref(ns).is("hover", hover.value),
-          unref(ns).is("animating", animating.value),
+          unref(ns).is("active", unref(active)),
+          unref(ns).is("in-stage", unref(inStage)),
+          unref(ns).is("hover", unref(hover)),
+          unref(ns).is("animating", unref(animating)),
           { [unref(ns).em("item", "card")]: unref(isCardType) }
         ]),
         style: normalizeStyle(unref(itemStyle)),
-        onClick: handleItemClick
+        onClick: _cache[0] || (_cache[0] = (...args) => unref(handleItemClick) && unref(handleItemClick)(...args))
       }, [
         unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(unref(ns).e("mask"))
         }, null, 2)), [
-          [vShow, !active.value]
+          [vShow, !unref(active)]
         ]) : createCommentVNode("v-if", true),
         renderSlot(_ctx.$slots, "default")
       ], 6)), [
-        [vShow, ready.value]
+        [vShow, unref(ready)]
       ]);
     };
   }

package/es/components/carousel/src/carousel-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    :class=\"[\n      ns.e('item'),\n      ns.is('active', active),\n      ns.is('in-stage', inStage),\n      ns.is('hover', hover),\n      ns.is('animating', animating),\n      { [ns.em('item', 'card')]: isCardType },\n    ]\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  unref,\n} from 'vue'\nimport { debugWarn, isUndefined } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselContextKey } from '@element-plus/tokens'\nimport { carouselItemProps } from './carousel-item'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCarouselItem',\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'ElCarouselItem'\n// inject\nconst carouselContext = inject(carouselContextKey)!\n// instance\nconst instance = getCurrentInstance()!\nif (!carouselContext) {\n  debugWarn(\n    COMPONENT_NAME,\n    'usage: <el-carousel></el-carousel-item></el-carousel>'\n  )\n}\n\nif (!instance) {\n  debugWarn(\n    COMPONENT_NAME,\n    'compositional hook can only be invoked inside setups'\n  )\n}\n\nconst CARD_SCALE = 0.83\n\nconst hover = ref(false)\nconst translate = ref(0)\nconst scale = ref(1)\nconst active = ref(false)\nconst ready = ref(false)\nconst inStage = ref(false)\nconst animating = ref(false)\n\n// computed\nconst { isCardType, isVertical } = carouselContext\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n\n// methods\n\nfunction processIndex(index: number, activeIndex: number, length: number) {\n  const lastItemIndex = length - 1\n  const prevItemIndex = activeIndex - 1\n  const nextItemIndex = activeIndex + 1\n  const halfItemIndex = length / 2\n\n  if (activeIndex === 0 && index === lastItemIndex) {\n    return -1\n  } else if (activeIndex === lastItemIndex && index === 0) {\n    return length\n  } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {\n    return length + 1\n  } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {\n    return -2\n  }\n  return index\n}\n\nfunction calcCardTranslate(index: number, activeIndex: number) {\n  const parentWidth = carouselContext.root.value?.offsetWidth || 0\n  if (inStage.value) {\n    return (parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1)) / 4\n  } else if (index < activeIndex) {\n    return (-(1 + CARD_SCALE) * parentWidth) / 4\n  } else {\n    return ((3 + CARD_SCALE) * parentWidth) / 4\n  }\n}\n\nfunction calcTranslate(\n  index: number,\n  activeIndex: number,\n  isVertical: boolean\n) {\n  const rootEl = carouselContext.root.value\n  if (!rootEl) return 0\n\n  const distance = (isVertical ? rootEl.offsetHeight : rootEl.offsetWidth) || 0\n  return distance * (index - activeIndex)\n}\n\nconst translateItem = (\n  index: number,\n  activeIndex: number,\n  oldIndex?: number\n) => {\n  const _isCardType = unref(isCardType)\n  const carouselItemLength = carouselContext.items.value.length ?? Number.NaN\n\n  const isActive = index === activeIndex\n  if (!_isCardType && !isUndefined(oldIndex)) {\n    animating.value = isActive || index === oldIndex\n  }\n\n  if (!isActive && carouselItemLength > 2 && carouselContext.loop) {\n    index = processIndex(index, activeIndex, carouselItemLength)\n  }\n\n  const _isVertical = unref(isVertical)\n  active.value = isActive\n\n  if (_isCardType) {\n    if (_isVertical) {\n      debugWarn('Carousel', 'vertical direction is not supported for card mode')\n    }\n    inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1\n    translate.value = calcCardTranslate(index, activeIndex)\n    scale.value = unref(active) ? 1 : CARD_SCALE\n  } else {\n    translate.value = calcTranslate(index, activeIndex, _isVertical)\n  }\n\n  ready.value = true\n}\n\nfunction handleItemClick() {\n  if (carouselContext && unref(isCardType)) {\n    const index = carouselContext.items.value.findIndex(\n      ({ uid }) => uid === instance.uid\n    )\n    carouselContext.setActiveItem(index)\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  carouselContext.addItem({\n    props,\n    states: reactive({\n      hover,\n      translate,\n      scale,\n      active,\n      ready,\n      inStage,\n      animating,\n    }),\n    uid: instance.uid,\n    translateItem,\n  })\n})\n\nonUnmounted(() => {\n  carouselContext.removeItem(instance.uid)\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    :class=\"[\n      ns.e('item'),\n      ns.is('active', active),\n      ns.is('in-stage', inStage),\n      ns.is('hover', hover),\n      ns.is('animating', animating),\n      { [ns.em('item', 'card')]: isCardType },\n    ]\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCarouselItem',\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'ElCarouselItem'\n// inject\nconst {\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props, COMPONENT_NAME)\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACE,GAAA,eAAA,CAAgB,OAAO,cAAc,CAAA,CAAA;AAEzC,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,aAAgB,GAAA,CAAA,SAAA,EAAY,KAAM,CAAA,UAAU,IAAI,GAAM,GAAA,GAAA,CAAA,CAAA,CAAA;AAC5D,MAAA,MAAM,UAAa,GAAA,CAAA,EAAG,aAAiB,CAAA,CAAA,EAAA,KAAA,CAAM,SAAS,CAAA,CAAA,GAAA,CAAA,CAAA;AACtD,MAAM,MAAA,MAAA,GAAS,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/carousel/src/instance.d.ts

@@ -1,2 +1,4 @@
 import type Carousel from './carousel.vue';
+import type CarouselItem from './carousel-item.vue';
 export declare type CarouselInstance = InstanceType<typeof Carousel>;
+export declare type CarouselItemInstance = InstanceType<typeof CarouselItem>;

package/es/components/carousel/src/use-carousel-item.d.ts

@@ -0,0 +1,13 @@
+import type { CarouselItemProps } from './carousel-item';
+export declare const useCarouselItem: (props: CarouselItemProps, componentName: string) => {
+    active: import("vue").Ref<boolean>;
+    animating: import("vue").Ref<boolean>;
+    hover: import("vue").Ref<boolean>;
+    inStage: import("vue").Ref<boolean>;
+    isVertical: import("vue").Ref<boolean>;
+    translate: import("vue").Ref<number>;
+    isCardType: import("vue").Ref<boolean>;
+    scale: import("vue").Ref<number>;
+    ready: import("vue").Ref<boolean>;
+    handleItemClick: () => void;
+};