naive-ui 2.24.0 → 2.24.4

package/lib/carousel/src/Carousel.js

@@ -165,9 +165,7 @@ exports.default = (0, vue_1.defineComponent)({
                     [axis]: `${size}px`,
                     [`margin-${spaceAxis}`]: `${spaceBetween}px`
                 };
-                // TODO: fix
-                // if (isMounted && (effect === 'fade' || effect === 'card')) {
-                if (isMounted && effect === 'fade') {
+                if (isMounted && (effect === 'fade' || effect === 'card')) {
                     Object.assign(style, transitionStyleRef.value);
                 }
                 slideStyles.push(style);
@@ -239,6 +237,9 @@ exports.default = (0, vue_1.defineComponent)({
                     translateTo(index, speed);
                 }
                 else {
+                    if (!userWantsControlRef.value && speed > 0) {
+                        inTransition = true;
+                    }
                     fixTranslate();
                 }
                 if (displayIndex !== lastDisplayIndex) {
@@ -380,16 +381,20 @@ exports.default = (0, vue_1.defineComponent)({
                 return slideStylesRef.value[index];
             }
         }
-        function onCarouselItemClick(index) {
-            // TODO fix
-            // if (
-            //   !dragTriggered &&
-            //   !userWantsControlRef.value &&
-            //   props.effect === 'card' &&
-            //   !isRealActive(index)
-            // ) {
-            //   to(index)
-            // }
+        function onCarouselItemClick(index, event) {
+            const isTryDrag = 4 /* PROGRESS */ | 8 /* SUCCESS */ | 16 /* FAIL */;
+            let allowClick = !inTransition && !(dragStatus & isTryDrag);
+            if (props.effect === 'card' &&
+                !userWantsControlRef.value &&
+                !(dragStatus & 8 /* SUCCESS */) &&
+                !isRealActive(index)) {
+                to(index);
+                allowClick = false;
+            }
+            if (!allowClick) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
         }
         const carouselMethods = {
             to,
@@ -444,20 +449,14 @@ exports.default = (0, vue_1.defineComponent)({
         let dragStartY = 0;
         let dragOffset = 0;
         let dragStartTime = 0;
-        let dragging = false;
-        let allowClick = true;
-        // whether the last touch triggered the drag successfully
-        // const dragTriggered = false
+        let dragStatus = 1 /* NORMAL */;
         function handleTouchstart(event) {
-            allowClick = true;
             if (globalDragging)
                 return;
-            // pause autoplay
-            resetAutoplay(true);
-            dragging = true;
-            globalDragging = true;
             dragStartTime = Date.now();
-            // dragTriggered = false
+            dragStatus = 2 /* START */;
+            globalDragging = true;
+            resetAutoplay(true /** cleanOnly */);
             if (event.type !== 'touchstart' &&
                 !event.target.isContentEditable) {
                 event.preventDefault();
@@ -488,7 +487,7 @@ exports.default = (0, vue_1.defineComponent)({
                 ? touchEvent.clientY - dragStartY
                 : touchEvent.clientX - dragStartX;
             dragOffset = (0, utils_1.clampValue)(offset, -perViewSize, perViewSize);
-            allowClick = false;
+            dragStatus = 4 /* PROGRESS */;
             if (translateableRef.value) {
                 updateTranslate(previousTranslate - dragOffset, 0);
             }
@@ -527,19 +526,27 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
             if (currentIndex !== null && currentIndex !== realIndex) {
-                // dragTriggered = true
+                dragStatus = 8 /* SUCCESS */;
                 toRealIndex(currentIndex);
             }
             else {
+                if (dragStatus & 4 /* PROGRESS */) {
+                    dragStatus = 16 /* FAIL */;
+                }
+                else {
+                    dragStatus = 32 /* END */;
+                }
                 fixTranslate(speedRef.value);
             }
             mesureAutoplay();
             resetDragStatus();
         }
         function resetDragStatus() {
-            if (dragging) {
-                dragging = false;
+            if (!(dragStatus & 1 /* NORMAL */)) {
                 globalDragging = false;
+                if (dragStatus & (2 /* START */ | 4 /* PROGRESS */)) {
+                    dragStatus = 1 /* NORMAL */;
+                }
             }
             dragStartX = 0;
             dragStartY = 0;
@@ -574,34 +581,27 @@ exports.default = (0, vue_1.defineComponent)({
             if (event.shiftKey && !deltaX) {
                 deltaX = deltaY;
             }
-            const PREV_R = -1;
-            const NEXT_R = 1;
-            const r = (deltaX || deltaY) > 0 ? NEXT_R : PREV_R;
+            const P_MULTIPLIER = -1;
+            const N_MULTIPLIER = 1;
+            const MULTIPLIER = (deltaX || deltaY) > 0 ? N_MULTIPLIER : P_MULTIPLIER;
             let rx = 0;
             let ry = 0;
             if (vertical) {
-                ry = r;
+                ry = MULTIPLIER;
             }
             else {
-                rx = r;
+                rx = MULTIPLIER;
             }
             const RESPONSE_STEP = 10;
             if (ry * deltaY >= RESPONSE_STEP || rx * deltaX >= RESPONSE_STEP) {
-                if (r === NEXT_R && !isNextDisabled()) {
+                if (MULTIPLIER === N_MULTIPLIER && !isNextDisabled()) {
                     next();
                 }
-                else if (r === PREV_R && !isPrevDisabled()) {
+                else if (MULTIPLIER === P_MULTIPLIER && !isPrevDisabled()) {
                     prev();
                 }
             }
         }
-        function handleClick(event) {
-            if (!allowClick) {
-                event.preventDefault();
-                event.stopPropagation();
-                allowClick = true;
-            }
-        }
         function handleResize() {
             perViewSizeRef.value = (0, utils_1.calculateSize)(selfElRef.value, true);
             resetAutoplay();
@@ -680,7 +680,6 @@ exports.default = (0, vue_1.defineComponent)({
         return Object.assign(Object.assign(Object.assign({ mergedClsPrefix: mergedClsPrefixRef, selfElRef, slideVNodes: slideVNodesRef, duplicatedable: duplicatedableRef, userWantsControl: userWantsControlRef, autoSlideSize: autoSlideSizeRef, displayIndex: displayIndexRef, realIndex: realIndexRef, slideStyles: slideStylesRef, translateStyle: translateStyleRef, handleTouchstart,
             handleTransitionEnd,
             handleMousewheel,
-            handleClick,
             handleResize,
             handleSlideResize, isActive: isDisplayActive }, caroulseSlotProps), caroulseExposedMethod), { cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { dotSize, dotColor, dotColorActive, dotColorFocus, dotLineWidth, dotLineWidthActive, arrowColor } } = themeRef.value;
@@ -726,9 +725,7 @@ exports.default = (0, vue_1.defineComponent)({
                 userWantsControl && `${mergedClsPrefix}-carousel--usercontrol`
             ], style: this.cssVars },
             (0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleResize }, {
-                default: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-carousel__slides`, role: "listbox", style: this.translateStyle, onMousedown: draggable ? this.handleTouchstart : undefined, onTouchstart: touchable ? this.handleTouchstart : undefined, 
-                    // @ts-expect-error
-                    onClickCapture: this.handleClick, onWheel: this.mousewheel ? this.handleMousewheel : undefined, onTransitionend: this.handleTransitionEnd }, userWantsControl
+                default: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-carousel__slides`, role: "listbox", style: this.translateStyle, onMousedown: draggable ? this.handleTouchstart : undefined, onTouchstart: touchable ? this.handleTouchstart : undefined, onWheel: this.mousewheel ? this.handleMousewheel : undefined, onTransitionend: this.handleTransitionEnd }, userWantsControl
                     ? slides.map((slide, i) => ((0, vue_1.h)("div", { style: slideStyles[i], key: i }, (0, vue_1.withDirectives)((0, vue_1.h)(vue_1.Transition, Object.assign({}, transitionProps), {
                         default: () => slide
                     }), [[vue_1.vShow, this.isActive(i)]]))))

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

@@ -5,5 +5,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     isNextDisabled: () => boolean;
     prev: () => void;
     next: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -44,19 +44,25 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydown: (e: KeyboardEvent, current: number) => void;
     handleMouseenter: (current: number) => void;
     handleClick: (current: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    total?: unknown;
-    currentIndex?: unknown;
-    dotType?: unknown;
-    trigger?: unknown;
-    keyboard?: unknown;
-} & {
-    trigger: "click" | "hover";
-    keyboard: boolean;
-    total: number;
-    currentIndex: number;
-    dotType: "never" | "dot" | "line";
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dotType: {
+        type: PropType<"never" | "dot" | "line">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    keyboard: BooleanConstructor;
+}>>, {
     trigger: "click" | "hover";
     keyboard: boolean;
     total: number;

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

@@ -6,6 +6,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     isActive: import("vue").ComputedRef<boolean>;
     index: import("vue").ComputedRef<number | undefined>;
     style: import("vue").ComputedRef<any>;
-    handleClick: (e: MouseEvent) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+    handleClick: (event: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/carousel/src/CarouselItem.js

@@ -33,10 +33,10 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: selfEl } = selfElRef;
             return selfEl && NCarousel.getSlideIndex(selfEl);
         });
-        function handleClick(e) {
+        function handleClick(event) {
             const { value: index } = indexRef;
             if (index !== undefined) {
-                NCarousel === null || NCarousel === void 0 ? void 0 : NCarousel.onCarouselItemClick(index);
+                NCarousel === null || NCarousel === void 0 ? void 0 : NCarousel.onCarouselItemClick(index, event);
             }
         }
         (0, vue_1.onMounted)(() => NCarousel.addSlide(selfElRef.value));
@@ -55,6 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        var _a;
         const { $slots: slots, mergedClsPrefix, isPrev, isNext, isActive, index, style } = this;
         const className = [
             `${mergedClsPrefix}-carousel__slide`,
@@ -64,7 +65,9 @@ exports.default = (0, vue_1.defineComponent)({
                 [`${mergedClsPrefix}-carousel__slide--next`]: isNext
             }
         ];
-        return ((0, vue_1.h)("div", { ref: 'selfElRef', class: className, role: 'option', tabindex: "-1", "data-index": index, "aria-hidden": !isActive, style: style, onClick: this.handleClick }, (0, vue_1.renderSlot)(slots, 'default', {
+        return ((0, vue_1.h)("div", { ref: "selfElRef", class: className, role: "option", tabindex: "-1", "data-index": index, "aria-hidden": !isActive, style: style, 
+            // @ts-expect-error
+            onClickCapture: this.handleClick }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
             isPrev,
             isNext,
             isActive,

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

@@ -1,4 +1,3 @@
-import type { InjectionKey } from 'vue';
 export declare const tuple: <T extends string[]>(...args: T) => T;
 export declare type ElementOf<T> = T extends Array<infer E> ? E : T extends ReadonlyArray<infer F> ? F : never;
 export interface CarouselMethodsInjection {
@@ -17,12 +16,20 @@ export interface CarouselMethodsInjection {
     getSlideStyle: (slide: HTMLElement) => any;
     addSlide: (slide?: HTMLElement) => void;
     removeSlide: (slide?: HTMLElement) => void;
-    onCarouselItemClick: (index: number) => void;
+    onCarouselItemClick: (index: number, event: MouseEvent) => void;
 }
-export declare const carouselMethodsInjectionKey: InjectionKey<CarouselMethodsInjection>;
+export declare const carouselMethodsInjectionKey: import("vue").InjectionKey<CarouselMethodsInjection>;
 export interface CarouselInst {
     getCurrentIndex: () => number;
     to: (index: number) => void;
     prev: () => void;
     next: () => void;
 }
+export declare const enum DragFlags {
+    NORMAL = 1,
+    START = 2,
+    PROGRESS = 4,
+    SUCCESS = 8,
+    FAIL = 16,
+    END = 32
+}

package/lib/carousel/src/interface.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.carouselMethodsInjectionKey = exports.tuple = void 0;
+const _utils_1 = require("../../_utils");
 const tuple = (...args) => args;
 exports.tuple = tuple;
-exports.carouselMethodsInjectionKey = Symbol('carouselMethods');
+exports.carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('n-carousel-methods');

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

@@ -138,12 +138,12 @@ exports.default = (0, cssr_1.cB)('carousel', `
  transform: translateY(-100%) translateZ(-200px);
  `), (0, cssr_1.cM)('next', `
  transform: translateY(0%) translateZ(-200px);
- `)])])]), (0, cssr_1.cM)('usercontrol', [(0, cssr_1.cE)('slide', `
+ `)])])]), (0, cssr_1.cM)('usercontrol', [(0, cssr_1.cE)('slides', [(0, cssr_1.c)('>', [(0, cssr_1.c)('div', `
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
- `)]), (0, cssr_1.cM)('left', [(0, cssr_1.cE)('dots', `
+ `)])])]), (0, cssr_1.cM)('left', [(0, cssr_1.cE)('dots', `
  transform: translateY(-50%);
  top: 50%;
  left: 12px;

package/lib/cascader/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NCascader } from './src/Cascader';
 export type { CascaderProps } from './src/Cascader';
-export type { CascaderOption } from './src/interface';
+export type { CascaderOption, CascaderInst } from './src/interface';

package/lib/cascader/src/Cascader.d.ts

@@ -3,7 +3,7 @@ import { CheckStrategy } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
+import type { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
 declare const cascaderProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -207,6 +207,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -390,6 +391,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -573,6 +575,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -842,6 +845,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1025,6 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1208,6 +1213,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1282,6 +1288,7 @@ declare const _default: import("vue").DefineComponent<{
     triggerInstRef: import("vue").Ref<{
         focus: () => void;
         focusInput: () => void;
+        blur: () => void;
         $el: HTMLElement;
     } | null>;
     selectMenuInstRef: import("vue").Ref<{
@@ -1554,6 +1561,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -1694,76 +1702,93 @@ declare const _default: import("vue").DefineComponent<{
         '--n-menu-mask-color': string;
         '--n-loading-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly bordered?: unknown;
-    readonly options?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly placeholder?: unknown;
-    readonly multiple?: unknown;
-    readonly size?: unknown;
-    readonly filterable?: unknown;
-    readonly disabled?: unknown;
-    readonly expandTrigger?: unknown;
-    readonly clearable?: unknown;
-    readonly remote?: unknown;
-    readonly onLoad?: unknown;
-    readonly separator?: unknown;
-    readonly filter?: unknown;
-    readonly placement?: unknown;
-    readonly cascade?: unknown;
-    readonly leafOnly?: unknown;
-    readonly showPath?: unknown;
-    readonly show?: unknown;
-    readonly maxTagCount?: unknown;
-    readonly virtualScroll?: unknown;
-    readonly checkStrategy?: unknown;
-    readonly valueField?: unknown;
-    readonly labelField?: unknown;
-    readonly childrenField?: unknown;
-    readonly renderLabel?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly 'onUpdate:show'?: unknown;
-    readonly onUpdateShow?: unknown;
-    readonly onBlur?: unknown;
-    readonly onFocus?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    separator: string;
-    multiple: boolean;
-    placement: FollowerPlacement;
-    virtualScroll: boolean;
-    filterable: boolean;
-    clearable: boolean;
-    options: CascaderOption[];
-    defaultValue: Value | null;
-    remote: boolean;
-    expandTrigger: ExpandTrigger;
-    cascade: boolean;
-    labelField: string;
-    childrenField: string;
-    checkStrategy: CheckStrategy;
-    leafOnly: boolean;
-    showPath: boolean;
-    valueField: string;
-} & {
-    value?: Value | null | undefined;
-    filter?: Filter | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    onLoad?: OnLoad | undefined;
-    placeholder?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Cascader", {
+    focus: () => void;
+    blur: () => void;
+}, 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 to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly options: {
+        readonly type: PropType<CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly value: PropType<Value | null>;
+    readonly defaultValue: {
+        readonly type: PropType<Value | null>;
+        readonly default: null;
+    };
+    readonly placeholder: StringConstructor;
+    readonly multiple: BooleanConstructor;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly filterable: BooleanConstructor;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly expandTrigger: {
+        readonly type: PropType<ExpandTrigger>;
+        readonly default: "click";
+    };
+    readonly clearable: BooleanConstructor;
+    readonly remote: BooleanConstructor;
+    readonly onLoad: PropType<OnLoad>;
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly filter: PropType<Filter>;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
+    readonly cascade: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly leafOnly: BooleanConstructor;
+    readonly showPath: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly maxTagCount: PropType<number | "responsive">;
+    readonly virtualScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly checkStrategy: {
+        readonly type: PropType<CheckStrategy>;
+        readonly default: "all";
+    };
+    readonly valueField: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenField: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -1882,6 +1907,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1945,8 +1971,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2065,6 +2091,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2128,8 +2155,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2248,6 +2275,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2311,15 +2339,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    renderLabel?: ((option: CascaderOption, checked: boolean) => VNodeChild) | undefined;
-    "onUpdate:show"?: MaybeArray<(show: Boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(show: Boolean) => void> | undefined;
-    maxTagCount?: number | "responsive" | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     separator: string;
     multiple: boolean;