naive-ui 2.38.2 → 2.40.0

package/lib/card/src/Card.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties, type VNodeChild } from 'vue';
+import { type CSSProperties, type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 export interface CardSegmented {
     content?: boolean | 'soft';
@@ -8,13 +8,13 @@ export interface CardSegmented {
 export declare const cardBaseProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly contentClass: StringConstructor;
-    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly contentStyle: PropType<CSSProperties | string>;
     readonly headerClass: StringConstructor;
-    readonly headerStyle: PropType<string | CSSProperties>;
+    readonly headerStyle: PropType<CSSProperties | string>;
     readonly headerExtraClass: StringConstructor;
-    readonly headerExtraStyle: PropType<string | CSSProperties>;
+    readonly headerExtraStyle: PropType<CSSProperties | string>;
     readonly footerClass: StringConstructor;
-    readonly footerStyle: PropType<string | CSSProperties>;
+    readonly footerStyle: PropType<CSSProperties | string>;
     readonly embedded: BooleanConstructor;
     readonly segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -46,13 +46,13 @@ export declare const cardBasePropKeys: ("tag" | "content" | "size" | "footer" |
 export declare const cardProps: {
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -195,13 +195,13 @@ export type CardProps = ExtractPublicPropTypes<typeof cardProps>;
 declare const _default: import("vue").DefineComponent<{
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -343,111 +343,7 @@ declare const _default: import("vue").DefineComponent<{
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             lineHeight: string;
             color: string;
@@ -527,13 +423,13 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;

package/lib/card/src/Card.js

@@ -11,8 +11,8 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
 const styles_1 = require("../styles");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const resolve_slot_1 = require("../../_utils/vue/resolve-slot");
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.cardBaseProps = {
     title: [String, Function],
     contentClass: String,

package/lib/card/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { type Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+import type { Theme } from '../../_mixins';
+export declare function self(vars: ThemeCommonVars): {
     lineHeight: string;
     color: string;
     colorModal: string;

package/lib/card/styles/light.js

@@ -3,20 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
-const self = (vars) => {
+function self(vars) {
     const { primaryColor, borderRadius, lineHeight, fontSize, cardColor, textColor2, textColor1, dividerColor, fontWeightStrong, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, modalColor, boxShadow1, popoverColor, actionColor } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { lineHeight, color: cardColor, colorModal: modalColor, colorPopover: popoverColor, colorTarget: primaryColor, colorEmbedded: actionColor, colorEmbeddedModal: actionColor, colorEmbeddedPopover: actionColor, textColor: textColor2, titleTextColor: textColor1, borderColor: dividerColor, actionColor, titleFontWeight: fontWeightStrong, closeColorHover,
         closeColorPressed, closeBorderRadius: borderRadius, closeIconColor,
         closeIconColorHover,
         closeIconColorPressed, fontSizeSmall: fontSize, fontSizeMedium: fontSize, fontSizeLarge: fontSize, fontSizeHuge: fontSize, boxShadow: boxShadow1, borderRadius });
-};
-exports.self = self;
+}
 const cardLight = {
     name: 'Card',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = cardLight;

package/lib/card/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { type RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const cardRtl: RtlItem;

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

@@ -15,7 +15,7 @@ export declare const carouselProps: {
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+        type: PropType<"top" | "bottom" | "left" | "right">;
         default: string;
     };
     slidesPerView: {
@@ -41,7 +41,7 @@ export declare const carouselProps: {
         default: boolean;
     };
     effect: {
-        type: PropType<"card" | "slide" | "fade" | "custom">;
+        type: PropType<"slide" | "fade" | "card" | "custom">;
         default: string;
     };
     showDots: {
@@ -53,13 +53,13 @@ export declare const carouselProps: {
         default: string;
     };
     transitionStyle: {
-        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        type: PropType<TransitionStyle>;
         default: () => TransitionStyle;
     };
     transitionProps: PropType<TransitionProps>;
     draggable: BooleanConstructor;
-    prevSlideStyle: PropType<string | CSSProperties>;
-    nextSlideStyle: PropType<string | CSSProperties>;
+    prevSlideStyle: PropType<CSSProperties | string>;
+    nextSlideStyle: PropType<CSSProperties | string>;
     touchable: {
         type: BooleanConstructor;
         default: boolean;
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+        type: PropType<"top" | "bottom" | "left" | "right">;
         default: string;
     };
     slidesPerView: {
@@ -135,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     effect: {
-        type: PropType<"card" | "slide" | "fade" | "custom">;
+        type: PropType<"slide" | "fade" | "card" | "custom">;
         default: string;
     };
     showDots: {
@@ -147,13 +147,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     transitionStyle: {
-        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
-        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+        type: PropType<TransitionStyle>;
+        default: () => TransitionStyle;
     };
     transitionProps: PropType<TransitionProps>;
     draggable: BooleanConstructor;
-    prevSlideStyle: PropType<string | CSSProperties>;
-    nextSlideStyle: PropType<string | CSSProperties>;
+    prevSlideStyle: PropType<CSSProperties | string>;
+    nextSlideStyle: PropType<CSSProperties | string>;
     touchable: {
         type: BooleanConstructor;
         default: boolean;
@@ -210,9 +210,7 @@ declare const _default: import("vue").DefineComponent<{
     selfElRef: Ref<HTMLDivElement | null>;
     slidesElRef: Ref<HTMLDivElement | null>;
     slideVNodes: {
-        value: VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
+        value: VNode[];
     };
     duplicatedable: import("vue").ComputedRef<boolean>;
     userWantsControl: import("vue").ComputedRef<boolean>;
@@ -245,7 +243,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+        type: PropType<"top" | "bottom" | "left" | "right">;
         default: string;
     };
     slidesPerView: {
@@ -271,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     effect: {
-        type: PropType<"card" | "slide" | "fade" | "custom">;
+        type: PropType<"slide" | "fade" | "card" | "custom">;
         default: string;
     };
     showDots: {
@@ -283,13 +281,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     transitionStyle: {
-        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
-        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+        type: PropType<TransitionStyle>;
+        default: () => TransitionStyle;
     };
     transitionProps: PropType<TransitionProps>;
     draggable: BooleanConstructor;
-    prevSlideStyle: PropType<string | CSSProperties>;
-    nextSlideStyle: PropType<string | CSSProperties>;
+    prevSlideStyle: PropType<CSSProperties | string>;
+    nextSlideStyle: PropType<CSSProperties | string>;
     touchable: {
         type: BooleanConstructor;
         default: boolean;

package/lib/carousel/src/Carousel.js

@@ -27,7 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.carouselProps = void 0;
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
@@ -116,8 +115,8 @@ exports.default = (0, vue_1.defineComponent)({
         // used to calculate the size of each slide
         const realSlidesPerViewRef = (0, vue_1.computed)(() => userWantsControlRef.value ? 1 : props.slidesPerView);
         // we automatically calculate total view for special slides per view
-        const autoSlideSizeRef = (0, vue_1.computed)(() => displaySlidesPerViewRef.value === 'auto' ||
-            (props.slidesPerView === 'auto' && props.centeredSlides));
+        const autoSlideSizeRef = (0, vue_1.computed)(() => displaySlidesPerViewRef.value === 'auto'
+            || (props.slidesPerView === 'auto' && props.centeredSlides));
         // Carousel size
         const perViewSizeRef = (0, vue_1.ref)({ width: 0, height: 0 });
         const slideSizesRef = (0, vue_1.computed)(() => {
@@ -126,7 +125,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return [];
             const { value: autoSlideSize } = autoSlideSizeRef;
             if (autoSlideSize) {
-                return slidesEls.map((slide) => (0, utils_1.calculateSize)(slide));
+                return slidesEls.map(slide => (0, utils_1.calculateSize)(slide));
             }
             const { value: slidesPerView } = realSlidesPerViewRef;
             const { value: perViewSize } = perViewSizeRef;
@@ -270,23 +269,30 @@ exports.default = (0, vue_1.defineComponent)({
             return getRealNextIndex() === null;
         }
         // To
+        let expectedTransitionDirection = 0;
         function to(index) {
             const realIndex = (0, utils_1.clampValue)((0, utils_1.getRealIndex)(index, duplicatedableRef.value), 0, totalViewRef.value);
-            if (index !== mergedDisplayIndexRef.value ||
-                realIndex !== realIndexRef.value) {
+            if (index !== mergedDisplayIndexRef.value
+                || realIndex !== realIndexRef.value) {
                 toRealIndex(realIndex);
             }
         }
         function prev() {
             const prevIndex = getRealPrevIndex();
-            if (prevIndex !== null)
+            if (prevIndex !== null) {
+                expectedTransitionDirection = -1;
                 toRealIndex(prevIndex);
+            }
         }
         function next() {
             const nextIndex = getRealNextIndex();
-            if (nextIndex !== null)
+            if (nextIndex !== null) {
+                expectedTransitionDirection = 1;
                 toRealIndex(nextIndex);
+            }
         }
+        // Translate to
+        let inTransition = false;
         function prevIfSlideTransitionEnd() {
             if (!inTransition || !duplicatedableRef.value)
                 prev();
@@ -295,8 +301,6 @@ exports.default = (0, vue_1.defineComponent)({
             if (!inTransition || !duplicatedableRef.value)
                 next();
         }
-        // Translate to
-        let inTransition = false;
         // record the translate of each slide, so that it can be restored at touch
         let previousTranslate = 0;
         const translateStyleRef = (0, vue_1.ref)({});
@@ -415,6 +419,13 @@ exports.default = (0, vue_1.defineComponent)({
                 return (0, vue_1.normalizeStyle)(styles);
             }
         }
+        // Drag
+        let dragStartX = 0;
+        let dragStartY = 0;
+        let dragOffset = 0;
+        let dragStartTime = 0;
+        let dragging = false;
+        let isEffectiveDrag = false;
         function onCarouselItemClick(index, event) {
             let allowClick = !inTransition && !dragging && !isEffectiveDrag;
             if (props.effect === 'card' && allowClick && !isRealActive(index)) {
@@ -441,13 +452,6 @@ exports.default = (0, vue_1.defineComponent)({
                 autoplayTimer = window.setInterval(next, props.interval);
             }
         }
-        // Drag
-        let dragStartX = 0;
-        let dragStartY = 0;
-        let dragOffset = 0;
-        let dragStartTime = 0;
-        let dragging = false;
-        let isEffectiveDrag = false;
         function handleTouchstart(event) {
             var _a;
             if (globalDragging)
@@ -460,8 +464,8 @@ exports.default = (0, vue_1.defineComponent)({
             isEffectiveDrag = false;
             dragStartTime = Date.now();
             stopAutoplay();
-            if (event.type !== 'touchstart' &&
-                !event.target.isContentEditable) {
+            if (event.type !== 'touchstart'
+                && !event.target.isContentEditable) {
                 event.preventDefault();
             }
             const touchEvent = (0, utils_1.isTouchEvent)(event) ? event.touches[0] : event;
@@ -522,19 +526,19 @@ exports.default = (0, vue_1.defineComponent)({
                 const perViewSize = perViewSizeRef.value[axis];
                 // more than 50% width or faster than 0.4px per ms
                 if (dragOffset > perViewSize / 2 || dragOffset / timeElapsed > 0.4) {
-                    currentIndex = getRealPrevIndex(realIndex);
+                    prev();
                 }
-                else if (dragOffset < -perViewSize / 2 ||
-                    dragOffset / timeElapsed < -0.4) {
-                    currentIndex = getRealNextIndex(realIndex);
+                else if (dragOffset < -perViewSize / 2
+                    || dragOffset / timeElapsed < -0.4) {
+                    next();
                 }
             }
             if (currentIndex !== null && currentIndex !== realIndex) {
                 isEffectiveDrag = true;
                 toRealIndex(currentIndex);
                 void (0, vue_1.nextTick)(() => {
-                    if (!duplicatedableRef.value ||
-                        uncontrolledDisplayIndexRef.value !== mergedDisplayIndexRef.value) {
+                    if (!duplicatedableRef.value
+                        || uncontrolledDisplayIndexRef.value !== mergedDisplayIndexRef.value) {
                         fixTranslate(speedRef.value);
                     }
                 });
@@ -636,12 +640,10 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: slidesEls } = slideElsRef;
             const { value: slideVNodes } = slideVNodesRef;
             const indexMap = new Map();
-            const getDisplayIndex = (el) => 
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            indexMap.has(el) ? indexMap.get(el) : -1;
+            const getDisplayIndex = (el) => indexMap.has(el) ? indexMap.get(el) : -1;
             let isChanged = false;
             for (let i = 0; i < slidesEls.length; i++) {
-                const index = slideVNodes.findIndex((v) => v.el === slidesEls[i]);
+                const index = slideVNodes.findIndex(v => v.el === slidesEls[i]);
                 if (index !== i) {
                     isChanged = true;
                 }
@@ -651,33 +653,40 @@ exports.default = (0, vue_1.defineComponent)({
                 slidesEls.sort((a, b) => getDisplayIndex(a) - getDisplayIndex(b));
             }
         });
-        (0, vue_1.watch)(realIndexRef, (realIndex, lastRealIndex) => {
-            if (realIndex === lastRealIndex)
+        (0, vue_1.watch)(realIndexRef, (nextRealIndex, lastRealIndex) => {
+            if (nextRealIndex === lastRealIndex) {
+                expectedTransitionDirection = 0;
                 return;
+            }
             resetAutoplay();
             if (sequenceLayoutRef.value) {
                 if (duplicatedableRef.value) {
                     const { value: length } = totalViewRef;
-                    if (displayTotalViewRef.value > 2 &&
-                        realIndex === length - 2 &&
-                        lastRealIndex === 1) {
-                        realIndex = 0;
+                    if (expectedTransitionDirection === -1
+                        && lastRealIndex === 1
+                        && nextRealIndex === length - 2) {
+                        nextRealIndex = 0;
                     }
-                    else if (realIndex === 1 && lastRealIndex === length - 2) {
-                        realIndex = length - 1;
+                    else if (expectedTransitionDirection === 1
+                        && lastRealIndex === length - 2
+                        && nextRealIndex === 1) {
+                        nextRealIndex = length - 1;
                     }
                 }
-                translateTo(realIndex, speedRef.value);
+                translateTo(nextRealIndex, speedRef.value);
             }
             else {
                 fixTranslate();
             }
+            expectedTransitionDirection = 0;
         }, { immediate: true });
         (0, vue_1.watch)([duplicatedableRef, displaySlidesPerViewRef], () => void (0, vue_1.nextTick)(() => {
             toRealIndex(realIndexRef.value);
         }));
         (0, vue_1.watch)(slideTranlatesRef, () => {
-            sequenceLayoutRef.value && fixTranslate();
+            if (sequenceLayoutRef.value) {
+                fixTranslate();
+            }
         }, {
             deep: true
         });
@@ -746,7 +755,7 @@ exports.default = (0, vue_1.defineComponent)({
         const children = (defaultSlot && (0, _utils_1.flatten)(defaultSlot())) || [];
         let slides = filterCarouselItem(children);
         if (!slides.length) {
-            slides = children.map((ch) => ((0, vue_1.h)(CarouselItem_1.default, null, {
+            slides = children.map(ch => ((0, vue_1.h)(CarouselItem_1.default, null, {
                 default: () => (0, vue_1.cloneVNode)(ch)
             })));
         }
@@ -757,7 +766,7 @@ exports.default = (0, vue_1.defineComponent)({
         // When users need to customize the size of the slide,
         // we listen to them to fix the current translate
         if (this.autoSlideSize) {
-            slides = slides.map((slide) => ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleSlideResize }, {
+            slides = slides.map(slide => ((0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleSlideResize }, {
                 default: () => slide
             })));
         }
@@ -765,8 +774,8 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", Object.assign({ ref: "selfElRef", class: [
                 this.themeClass,
                 `${mergedClsPrefix}-carousel`,
-                this.direction === 'vertical' &&
-                    `${mergedClsPrefix}-carousel--vertical`,
+                this.direction === 'vertical'
+                    && `${mergedClsPrefix}-carousel--vertical`,
                 this.showArrow && `${mergedClsPrefix}-carousel--show-arrow`,
                 `${mergedClsPrefix}-carousel--${dotPlacement}`,
                 `${mergedClsPrefix}-carousel--${this.direction}`,
@@ -780,13 +789,13 @@ exports.default = (0, vue_1.defineComponent)({
                     }), [[vue_1.vShow, this.isActive(i)]]))))
                     : slides))
             }),
-            this.showDots &&
-                dotSlotProps.total > 1 &&
-                (0, _utils_1.resolveSlotWithProps)(dotsSlot, dotSlotProps, () => [
+            this.showDots
+                && dotSlotProps.total > 1
+                && (0, _utils_1.resolveSlotWithProps)(dotsSlot, dotSlotProps, () => [
                     (0, vue_1.h)(CarouselDots_1.default, { key: dotType + dotPlacement, total: dotSlotProps.total, currentIndex: dotSlotProps.currentIndex, dotType: dotType, trigger: this.trigger, keyboard: this.keyboard })
                 ]),
-            showArrow &&
-                (0, _utils_1.resolveSlotWithProps)(arrowSlot, arrowSlotProps, () => [
+            showArrow
+                && (0, _utils_1.resolveSlotWithProps)(arrowSlot, arrowSlotProps, () => [
                     (0, vue_1.h)(CarouselArrow_1.default, null)
                 ])));
     }

package/lib/carousel/src/CarouselArrow.js

@@ -28,13 +28,13 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-carousel__arrow-group` },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-carousel__arrow`,
-                    this.isPrevDisabled() &&
-                        `${mergedClsPrefix}-carousel__arrow--disabled`
+                    this.isPrevDisabled()
+                        && `${mergedClsPrefix}-carousel__arrow--disabled`
                 ], role: "button", onClick: this.prev }, backwardIcon),
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-carousel__arrow`,
-                    this.isNextDisabled() &&
-                        `${mergedClsPrefix}-carousel__arrow--disabled`
+                    this.isNextDisabled()
+                        && `${mergedClsPrefix}-carousel__arrow--disabled`
                 ], role: "button", onClick: this.next }, forwardIcon)));
     }
 });

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

@@ -17,5 +17,5 @@ export interface CarouselContextValue {
     removeSlide: (slide?: HTMLElement) => void;
     onCarouselItemClick: (index: number, event: MouseEvent) => void;
 }
-export declare const provideCarouselContext: (contextValue: CarouselContextValue) => void;
-export declare const useCarouselContext: (location?: string, component?: string) => CarouselContextValue;
+export declare function provideCarouselContext(contextValue: CarouselContextValue): void;
+export declare function useCarouselContext(location?: string, component?: string): CarouselContextValue;

package/lib/carousel/src/CarouselContext.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCarouselContext = exports.provideCarouselContext = void 0;
+exports.provideCarouselContext = provideCarouselContext;
+exports.useCarouselContext = useCarouselContext;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('n-carousel-methods');
-const provideCarouselContext = (contextValue) => {
+function provideCarouselContext(contextValue) {
     (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue);
-};
-exports.provideCarouselContext = provideCarouselContext;
-const useCarouselContext = (location = 'unknown', component = 'component') => {
+}
+function useCarouselContext(location = 'unknown', component = 'component') {
     const CarouselContext = (0, vue_1.inject)(carouselMethodsInjectionKey);
     if (!CarouselContext) {
         (0, _utils_1.throwError)(location, `\`${component}\` must be placed inside \`n-carousel\`.`);
     }
     return CarouselContext;
-};
-exports.useCarouselContext = useCarouselContext;
+}