naive-ui 2.30.7 → 2.32.0

package/lib/breadcrumb/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NBreadcrumbItem = exports.NBreadcrumb = void 0;
+exports.breadcrumbItemProps = exports.NBreadcrumbItem = exports.breadcrumbProps = exports.NBreadcrumb = void 0;
 var Breadcrumb_1 = require("./src/Breadcrumb");
 Object.defineProperty(exports, "NBreadcrumb", { enumerable: true, get: function () { return __importDefault(Breadcrumb_1).default; } });
+Object.defineProperty(exports, "breadcrumbProps", { enumerable: true, get: function () { return Breadcrumb_1.breadcrumbProps; } });
 var BreadcrumbItem_1 = require("./src/BreadcrumbItem");
 Object.defineProperty(exports, "NBreadcrumbItem", { enumerable: true, get: function () { return __importDefault(BreadcrumbItem_1).default; } });
+Object.defineProperty(exports, "breadcrumbItemProps", { enumerable: true, get: function () { return BreadcrumbItem_1.breadcrumbItemProps; } });

package/lib/breadcrumb/src/Breadcrumb.d.ts

@@ -5,7 +5,7 @@ export interface BreadcrumbInjection {
     mergedClsPrefixRef: Ref<string>;
 }
 export declare const breadcrumbInjectionKey: import("vue").InjectionKey<BreadcrumbInjection>;
-declare const breadcrumbProps: {
+export declare const breadcrumbProps: {
     readonly separator: {
         readonly type: StringConstructor;
         readonly default: "/";

package/lib/breadcrumb/src/Breadcrumb.js

@@ -3,20 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.breadcrumbInjectionKey = void 0;
+exports.breadcrumbProps = exports.breadcrumbInjectionKey = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const _utils_1 = require("../../_utils");
 exports.breadcrumbInjectionKey = (0, _utils_1.createInjectionKey)('n-breadcrumb');
-const breadcrumbProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { separator: {
+exports.breadcrumbProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { separator: {
         type: String,
         default: '/'
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Breadcrumb',
-    props: breadcrumbProps,
+    props: exports.breadcrumbProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Breadcrumb', '-breadcrumb', index_cssr_1.default, styles_1.breadcrumbLight, props, mergedClsPrefixRef);

package/lib/breadcrumb/src/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
-declare const breadcrumbItemProps: {
+export declare const breadcrumbItemProps: {
     readonly separator: StringConstructor;
     readonly href: StringConstructor;
     readonly clickable: {

package/lib/breadcrumb/src/BreadcrumbItem.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.breadcrumbItemProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const use_browser_location_1 = require("../../_utils/composable/use-browser-location");
 const Breadcrumb_1 = require("./Breadcrumb");
-const breadcrumbItemProps = {
+exports.breadcrumbItemProps = {
     separator: String,
     href: String,
     clickable: {
@@ -15,7 +16,7 @@ const breadcrumbItemProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'BreadcrumbItem',
-    props: breadcrumbItemProps,
+    props: exports.breadcrumbItemProps,
     setup(props, { slots }) {
         const NBreadcrumb = (0, vue_1.inject)(Breadcrumb_1.breadcrumbInjectionKey, null);
         if (!NBreadcrumb) {

package/lib/breadcrumb/src/styles/index.cssr.js

@@ -67,6 +67,7 @@ exports.default = (0, cssr_1.cB)('breadcrumb', `
  color: var(--n-separator-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  `), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cE)('link', `
  font-weight: var(--n-font-weight-active);
  cursor: unset;

package/lib/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NButton, XButton as NxButton } from './src/Button';
+export { default as NButton, XButton as NxButton, buttonProps } from './src/Button';
 export type { ButtonProps } from './src/Button';

package/lib/button/index.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NxButton = exports.NButton = void 0;
+exports.buttonProps = exports.NxButton = exports.NButton = void 0;
 var Button_1 = require("./src/Button");
 Object.defineProperty(exports, "NButton", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 Object.defineProperty(exports, "NxButton", { enumerable: true, get: function () { return Button_1.XButton; } });
+Object.defineProperty(exports, "buttonProps", { enumerable: true, get: function () { return Button_1.buttonProps; } });

package/lib/button/src/Button.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ButtonHTMLAttributes, ExtractPropTypes } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Type, Size } from './interface';
-declare const buttonProps: {
+export declare const buttonProps: {
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
     readonly text: BooleanConstructor;
@@ -46,7 +46,10 @@ declare const buttonProps: {
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -706,7 +709,10 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -1420,7 +1426,10 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;

package/lib/button/src/Button.js

@@ -3,19 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.XButton = void 0;
+exports.XButton = exports.buttonProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
 const index_1 = require("../../_utils/color/index");
+const context_1 = require("../../button-group/src/context");
+const use_rtl_1 = require("../../_mixins/use-rtl");
+const browser_1 = require("../../_utils/env/browser");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const context_1 = require("../../button-group/src/context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const buttonProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
+exports.buttonProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
         type: Boolean,
         default: true
     }, keyboard: {
@@ -36,10 +37,13 @@ const buttonProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, bordered: {
         type: Boolean,
         default: true
-    }, onClick: [Function, Array], nativeFocusBehavior: Boolean });
+    }, onClick: [Function, Array], nativeFocusBehavior: {
+        type: Boolean,
+        default: !browser_1.isSafari
+    } });
 const Button = (0, vue_1.defineComponent)({
     name: 'Button',
-    props: buttonProps,
+    props: exports.buttonProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -83,6 +87,9 @@ const Button = (0, vue_1.defineComponent)({
         });
         const handleMousedown = (e) => {
             var _a;
+            if (!mergedFocusableRef.value) {
+                e.preventDefault();
+            }
             if (props.nativeFocusBehavior) {
                 return;
             }
@@ -131,7 +138,7 @@ const Button = (0, vue_1.defineComponent)({
         };
         const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Button', '-button', index_cssr_1.default, styles_1.buttonLight, props, mergedClsPrefixRef);
-        const rtlEnabledRef = (0, use_rtl_1.default)('Button', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Button', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const theme = themeRef.value;
             const { common: { cubicBezierEaseInOut, cubicBezierEaseOut }, self } = theme;

package/lib/button/src/styles/index.cssr.js

@@ -68,6 +68,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('button', `
  align-items: center;
  justify-content: center;
  user-select: none;
+ -webkit-user-select: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;

package/lib/button-group/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NButtonGroup } from './src/ButtonGroup';
+export { default as NButtonGroup, buttonGroupProps } from './src/ButtonGroup';
 export type { ButtonGroupProps } from './src/ButtonGroup';

package/lib/button-group/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NButtonGroup = void 0;
+exports.buttonGroupProps = exports.NButtonGroup = void 0;
 var ButtonGroup_1 = require("./src/ButtonGroup");
 Object.defineProperty(exports, "NButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });
+Object.defineProperty(exports, "buttonGroupProps", { enumerable: true, get: function () { return ButtonGroup_1.buttonGroupProps; } });

package/lib/button-group/src/ButtonGroup.d.ts

@@ -4,7 +4,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface ButtonGroupInjection {
     size?: Size | undefined;
 }
-declare const buttonGroupProps: {
+export declare const buttonGroupProps: {
     readonly size: {
         readonly type: PropType<Size | undefined>;
         readonly default: undefined;

package/lib/button-group/src/ButtonGroup.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonGroupProps = void 0;
 const vue_1 = require("vue");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const buttonGroupProps = {
+exports.buttonGroupProps = {
     size: {
         type: String,
         default: undefined
@@ -17,12 +18,12 @@ const buttonGroupProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'ButtonGroup',
-    props: buttonGroupProps,
+    props: exports.buttonGroupProps,
     setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         (0, _mixins_1.useStyle)('-button-group', index_cssr_1.default, mergedClsPrefixRef);
         (0, vue_1.provide)(context_1.buttonGroupInjectionKey, props);
-        const rtlEnabledRef = (0, use_rtl_1.default)('ButtonGroup', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('ButtonGroup', mergedRtlRef, mergedClsPrefixRef);
         return {
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef

package/lib/calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCalendar } from './src/Calendar';
+export { default as NCalendar, calendarProps } from './src/Calendar';
 export type { CalendarProps } from './src/Calendar';

package/lib/calendar/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCalendar = void 0;
+exports.calendarProps = exports.NCalendar = void 0;
 var Calendar_1 = require("./src/Calendar");
 Object.defineProperty(exports, "NCalendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
+Object.defineProperty(exports, "calendarProps", { enumerable: true, get: function () { return Calendar_1.calendarProps; } });

package/lib/calendar/src/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
-declare const calendarProps: {
+export declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
     readonly defaultValue: {

package/lib/calendar/src/Calendar.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarProps = void 0;
 const vue_1 = require("vue");
 const date_fns_1 = require("date-fns"); //
 const vooks_1 = require("vooks");
@@ -15,13 +16,13 @@ const button_group_1 = require("../../button-group");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const calendarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
+exports.calendarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
         type: Number,
         default: null
     }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Calendar',
-    props: calendarProps,
+    props: exports.calendarProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Calendar', '-calendar', index_cssr_1.default, styles_1.calendarLight, props, mergedClsPrefixRef);

package/lib/card/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCard } from './src/Card';
+export { default as NCard, cardProps } from './src/Card';
 export type { CardProps } from './src/Card';

package/lib/card/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCard = void 0;
+exports.cardProps = exports.NCard = void 0;
 var Card_1 = require("./src/Card");
 Object.defineProperty(exports, "NCard", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
+Object.defineProperty(exports, "cardProps", { enumerable: true, get: function () { return Card_1.cardProps; } });

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

@@ -32,8 +32,8 @@ export declare const cardBaseProps: {
     readonly role: StringConstructor;
     readonly onClose: PropType<MaybeArray<() => void>>;
 };
-export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "hoverable" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented")[];
-declare const cardProps: {
+export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "headerExtraStyle" | "embedded" | "segmented")[];
+export declare const cardProps: {
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;

package/lib/card/src/Card.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardBasePropKeys = exports.cardBaseProps = void 0;
+exports.cardProps = exports.cardBasePropKeys = exports.cardBaseProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
@@ -40,10 +40,10 @@ exports.cardBaseProps = {
     onClose: [Function, Array]
 };
 exports.cardBasePropKeys = (0, _utils_1.keysOf)(exports.cardBaseProps);
-const cardProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.cardBaseProps);
+exports.cardProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.cardBaseProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Card',
-    props: cardProps,
+    props: exports.cardProps,
     setup(props) {
         const handleCloseClick = () => {
             const { onClose } = props;
@@ -52,7 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Card', '-card', index_cssr_1.default, styles_1.cardLight, props, mergedClsPrefixRef);
-        const rtlEnabledRef = (0, use_rtl_1.default)('Card', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Card', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { size } = props;
             const { self: { color, colorModal, colorTarget, textColor, titleTextColor, titleFontWeight, borderColor, actionColor, borderRadius, lineHeight, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, closeBorderRadius, closeIconSize, closeSize, boxShadow, colorPopover, colorEmbedded, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;

package/lib/carousel/index.d.ts

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

package/lib/carousel/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCarouselItem = exports.NCarousel = void 0;
+exports.NCarouselItem = exports.carouselProps = exports.NCarousel = void 0;
 var Carousel_1 = require("./src/Carousel");
 Object.defineProperty(exports, "NCarousel", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
+Object.defineProperty(exports, "carouselProps", { enumerable: true, get: function () { return Carousel_1.carouselProps; } });
 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,9 +1,9 @@
 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: {
+import type { ArrowScopedSlotProps, DotScopedSlotProps, Size } from './interface';
+declare const transitionProperties: readonly ["transitionDuration", "transitionTimingFunction"];
+declare type TransitionStyle = Partial<Pick<CSSProperties, typeof transitionProperties[number]>>;
+export declare const carouselProps: {
     defaultIndex: {
         type: NumberConstructor;
         default: number;
@@ -206,35 +206,9 @@ declare const _default: import("vue").DefineComponent<{
     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;
-        prevSlideStyleRef: Ref<string | CSSProperties | undefined>;
-        nextSlideStyleRef: Ref<string | CSSProperties | undefined>;
-        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>;
+    slidesElRef: Ref<HTMLDivElement | null>;
     slideVNodes: {
         value: VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
@@ -243,18 +217,23 @@ declare const _default: import("vue").DefineComponent<{
     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<CSSProperties[] | {
-        [x: string]: string;
-    }[]>;
+    displayIndex: import("vue").ComputedRef<number>;
+    realIndex: import("vue").ComputedRef<number>;
+    slideStyles: import("vue").ComputedRef<CSSProperties[] | (Partial<Size> | undefined)[]>;
     translateStyle: Ref<CSSProperties>;
-    handleTouchstart: (event: MouseEvent | TouchEvent) => void;
+    slidesControlListeners: import("vue").ComputedRef<{
+        onTouchstartPassive: ((event: MouseEvent | TouchEvent) => void) | undefined;
+        onMousedown: ((event: MouseEvent | TouchEvent) => void) | undefined;
+        onWheel: ((event: WheelEvent) => void) | undefined;
+    }>;
     handleTransitionEnd: () => void;
-    handleMousewheel: (event: WheelEvent) => void;
     handleResize: () => void;
     handleSlideResize: () => void;
+    handleMouseenter: () => void;
+    handleMouseleave: () => void;
     isActive: (index: number) => boolean;
+    arrowSlotProps: import("vue").ComputedRef<ArrowScopedSlotProps>;
+    dotSlotProps: import("vue").ComputedRef<DotScopedSlotProps>;
 }, 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;