naive-ui 2.23.2 → 2.24.3

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

@@ -438,33 +438,32 @@ declare const _default: import("vue").DefineComponent<{
         '--n-title-font-size': string;
         '--n-close-size': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    contentStyle?: unknown;
-    headerStyle?: unknown;
-    footerStyle?: unknown;
-    embedded?: unknown;
-    segmented?: unknown;
-    size?: unknown;
-    bordered?: unknown;
-    closable?: unknown;
-    hoverable?: unknown;
-    role?: unknown;
-    onClose?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium" | "large" | "huge";
-    bordered: boolean;
-    closable: boolean;
-    hoverable: boolean;
-    embedded: boolean;
-    segmented: boolean | Segmented;
-} & {
-    title?: string | undefined;
-    role?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Card", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    contentStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | Segmented>;
+        readonly default: false;
+    };
+    size: {
+        readonly type: PropType<"small" | "medium" | "large" | "huge">;
+        readonly default: "medium";
+    };
+    bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
+    closable: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    onClose: PropType<MaybeArray<() => void>>;
+    theme: PropType<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -494,8 +493,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -525,8 +524,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -556,12 +555,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any>> | undefined;
-    contentStyle?: string | CSSProperties | undefined;
-    onClose?: MaybeArray<() => void> | undefined;
-    headerStyle?: string | CSSProperties | undefined;
-    footerStyle?: string | CSSProperties | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium" | "large" | "huge";
     bordered: boolean;
     closable: boolean;

package/lib/card/src/Card.js

@@ -106,13 +106,13 @@ exports.default = (0, vue_1.defineComponent)({
                     [`${mergedClsPrefix}-card--hoverable`]: hoverable
                 }
             ], style: this.cssVars, role: this.role },
-            $slots.cover ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-cover`, role: "none" }, (0, vue_1.renderSlot)($slots, 'cover'))) : null,
+            $slots.cover ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-cover`, role: "none" }, $slots.cover())) : null,
             $slots.header || this.title || this.closable ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header`, style: this.headerStyle },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__main`, role: "heading" }, (0, vue_1.renderSlot)($slots, 'header', {}, () => [this.title])),
-                $slots['header-extra'] ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__extra` }, (0, vue_1.renderSlot)($slots, 'header-extra'))) : null,
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__main`, role: "heading" }, $slots.header ? $slots.header() : this.title),
+                $slots['header-extra'] ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__extra` }, $slots['header-extra']())) : null,
                 this.closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-card-header__close`, onClick: this.handleCloseClick })) : null)) : null,
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__content`, style: this.contentStyle, role: "none" }, $slots),
-            $slots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__footer`, style: this.footerStyle, role: "none" }, (0, vue_1.renderSlot)($slots, 'footer'))) : null,
-            $slots.action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__action`, role: "none" }, (0, vue_1.renderSlot)($slots, 'action'))) : null));
+            $slots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__footer`, style: this.footerStyle, role: "none" }, $slots.footer())) : null,
+            $slots.action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__action`, role: "none" }, $slots.action())) : null));
     }
 });

package/lib/carousel/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NCarousel } from './src/Carousel';
+export { default as NCarouselItem } from './src/CarouselItem';
 export type { CarouselProps } from './src/Carousel';

package/lib/carousel/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCarousel = void 0;
+exports.NCarouselItem = exports.NCarousel = void 0;
 var Carousel_1 = require("./src/Carousel");
 Object.defineProperty(exports, "NCarousel", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
+var CarouselItem_1 = require("./src/CarouselItem");
+Object.defineProperty(exports, "NCarouselItem", { enumerable: true, get: function () { return __importDefault(CarouselItem_1).default; } });

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

@@ -1,135 +1,361 @@
-import { PropType } from 'vue';
+import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ElementOf } from './interface';
+declare const transitionProperties: ["transitionDuration", "transitionTimingFunction"];
+declare type TransitionStyle = Partial<Pick<CSSProperties, ElementOf<typeof transitionProperties>>>;
 declare const carouselProps: {
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
     showArrow: BooleanConstructor;
-    autoplay: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
     dotPlacement: {
         type: PropType<"left" | "right" | "bottom" | "top">;
         default: string;
     };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
     interval: {
         type: NumberConstructor;
         default: number;
     };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: PropType<"click" | "hover">;
         default: string;
     };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => TransitionStyle;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
     theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
 };
 export declare type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
 declare const _default: import("vue").DefineComponent<{
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
     showArrow: BooleanConstructor;
-    autoplay: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
     dotPlacement: {
         type: PropType<"left" | "right" | "bottom" | "top">;
         default: string;
     };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
     interval: {
         type: NumberConstructor;
         default: number;
     };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: PropType<"click" | "hover">;
         default: string;
     };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
     theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
 }, {
-    selfElRef: import("vue").Ref<HTMLDivElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
-    current: import("vue").Ref<number>;
-    lengthRef: {
-        value: number;
-    };
-    touching: import("vue").Ref<boolean>;
-    dragOffset: import("vue").Ref<number>;
-    prev: () => void;
-    next: () => void;
-    setCurrent: (value: number) => void;
-    handleKeydown: (e: KeyboardEvent, current: number) => void;
-    handleTouchstart: (e: TouchEvent) => void;
-    handleTransitionEnd: (e: TransitionEvent) => void;
-    handleMouseenter: (current: number) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-dot-color': string;
+        '--n-dot-color-focus': string;
         '--n-dot-color-active': string;
         '--n-dot-size': string;
+        '--n-dot-line-width': string;
+        '--n-dot-line-width-active': string;
         '--n-arrow-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    showArrow?: unknown;
-    autoplay?: unknown;
-    dotPlacement?: unknown;
-    interval?: unknown;
-    trigger?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    autoplay: boolean;
-    trigger: "click" | "hover";
-    showArrow: boolean;
-    dotPlacement: "left" | "right" | "bottom" | "top";
-    interval: number;
-} & {
-    theme?: import("../../_mixins").Theme<"Carousel", {
+    getCurrentIndex: () => number;
+    to: (index: number) => void;
+    prev: () => void;
+    next: () => void;
+    arrowSlotProps: import("vue").ComputedRef<{
+        to: (index: number) => void;
+        prev: () => void;
+        next: () => void;
+        isVertical: () => boolean;
+        isPrevDisabled: () => boolean;
+        isNextDisabled: () => boolean;
+        isPrev: (slideOrIndex: HTMLElement | number) => boolean;
+        isNext: (slideOrIndex: HTMLElement | number) => boolean;
+        isActive: (slideOrIndex: HTMLElement | number) => boolean;
+        isHorizontal: () => boolean;
+        getCurrentIndex: () => number;
+        getSlideIndex: (slideOrIndex: HTMLElement | number) => number;
+        getSlideStyle: (slide: HTMLElement | number) => any;
+        addSlide: (slide?: HTMLElement | undefined) => void;
+        removeSlide: (slide?: HTMLElement | undefined) => void;
+        onCarouselItemClick: (index: number, event: MouseEvent) => void;
+        total: number;
+        currentIndex: number;
+    }>;
+    dotSlotProps: import("vue").ComputedRef<{
+        total: number;
+        currentIndex: number;
+        to: (index: number) => void;
+    }>;
+    mergedClsPrefix: import("vue").ComputedRef<string>;
+    selfElRef: Ref<HTMLDivElement | null>;
+    slideVNodes: {
+        value: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    };
+    duplicatedable: import("vue").ComputedRef<boolean>;
+    userWantsControl: import("vue").ComputedRef<boolean>;
+    autoSlideSize: import("vue").ComputedRef<boolean>;
+    displayIndex: Ref<number>;
+    realIndex: Ref<number>;
+    slideStyles: import("vue").ComputedRef<{
+        [x: string]: string;
+    }[] | CSSProperties[]>;
+    translateStyle: Ref<CSSProperties>;
+    handleTouchstart: (event: MouseEvent | TouchEvent) => void;
+    handleTransitionEnd: () => void;
+    handleMousewheel: (event: WheelEvent) => void;
+    handleResize: () => void;
+    handleSlideResize: () => void;
+    isActive: (index: number) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
+    showArrow: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
+    dotPlacement: {
+        type: PropType<"left" | "right" | "bottom" | "top">;
+        default: string;
+    };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
+    theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
+    direction: "horizontal" | "vertical";
+    draggable: boolean;
     autoplay: boolean;
+    loop: boolean;
     trigger: "click" | "hover";
     showArrow: boolean;
+    keyboard: boolean;
+    dotType: "dot" | "line";
+    defaultIndex: number;
     dotPlacement: "left" | "right" | "bottom" | "top";
+    slidesPerView: number | "auto";
+    spaceBetween: number;
+    centeredSlides: boolean;
     interval: number;
+    effect: "card" | "slide" | "fade" | "custom";
+    showDots: boolean;
+    transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    touchable: boolean;
+    mousewheel: boolean;
 }>;
 export default _default;