naive-ui 2.31.0 → 2.32.0

package/es/carousel/src/CarouselArrow.js

@@ -1,6 +1,6 @@
-import { h, defineComponent, inject } from 'vue';
+import { h, defineComponent } from 'vue';
 import { useConfig } from '../../_mixins';
-import { carouselMethodsInjectionKey } from './interface';
+import { useCarouselContext } from './CarouselContext';
 const backwardIcon = (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
     h("g", { fill: "none" },
         h("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z", fill: "currentColor" }))));
@@ -11,9 +11,7 @@ export default defineComponent({
     name: 'CarouselArrow',
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const { isVertical, isPrevDisabled, isNextDisabled, prev, next
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = inject(carouselMethodsInjectionKey, null);
+        const { isVertical, isPrevDisabled, isNextDisabled, prev, next } = useCarouselContext();
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             isVertical,

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

@@ -0,0 +1,21 @@
+import type { ComputedRef } from 'vue';
+export interface CarouselContextValue {
+    currentIndexRef: ComputedRef<number>;
+    to: (index: number) => void;
+    prev: () => void;
+    next: () => void;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+    isPrev: (slideOrIndex: HTMLElement | number) => boolean;
+    isNext: (slideOrIndex: HTMLElement | number) => boolean;
+    isActive: (slideOrIndex: HTMLElement | number) => boolean;
+    isPrevDisabled: () => boolean;
+    isNextDisabled: () => boolean;
+    getSlideIndex: (slideOrIndex?: HTMLElement | number) => number;
+    getSlideStyle: (slideOrIndex: HTMLElement | number) => string | Record<string, string | number> | undefined;
+    addSlide: (slide?: HTMLElement) => void;
+    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;

package/es/carousel/src/CarouselContext.js

@@ -0,0 +1,11 @@
+import { inject, provide } from 'vue';
+import { createInjectionKey, throwError } from '../../_utils';
+const carouselMethodsInjectionKey = createInjectionKey('n-carousel-methods');
+export const provideCarouselContext = (contextValue) => provide(carouselMethodsInjectionKey, contextValue);
+export const useCarouselContext = (location = 'unknown', component = 'component') => {
+    const CarouselContext = inject(carouselMethodsInjectionKey);
+    if (!CarouselContext) {
+        throwError(location, `\`${component}\` must be placed inside \`n-carousel\`.`);
+    }
+    return CarouselContext;
+};

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

@@ -63,9 +63,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     keyboard: BooleanConstructor;
 }>>, {
+    total: number;
     trigger: "click" | "hover";
     keyboard: boolean;
-    total: number;
     currentIndex: number;
     dotType: "never" | "dot" | "line";
 }>;

package/es/carousel/src/CarouselDots.js

@@ -1,7 +1,7 @@
-import { h, defineComponent, inject, ref, onBeforeUpdate } from 'vue';
+import { h, defineComponent, ref, onBeforeUpdate } from 'vue';
 import { indexMap } from 'seemly';
 import { useConfig } from '../../_mixins';
-import { carouselMethodsInjectionKey } from './interface';
+import { useCarouselContext } from './CarouselContext';
 const carouselDotsProps = {
     total: {
         type: Number,
@@ -27,12 +27,12 @@ export default defineComponent({
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
         const dotElsRef = ref([]);
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const NCarousel = inject(carouselMethodsInjectionKey, null);
+        const NCarousel = useCarouselContext();
         function handleKeydown(e, current) {
             switch (e.key) {
                 case 'Enter':
                 case ' ':
+                    e.preventDefault();
                     NCarousel.to(current);
                     return;
             }
@@ -52,22 +52,6 @@ export default defineComponent({
         }
         function handleKeyboard(e) {
             var _a;
-            const { code: keycode } = e;
-            const vertical = NCarousel.isVertical();
-            const isVerticalNext = keycode === 'PageUp' || keycode === 'ArrowUp';
-            const isVerticalPrev = keycode === 'PageDown' || keycode === 'ArrowDown';
-            const isHorizontalNext = keycode === 'PageUp' || keycode === 'ArrowRight';
-            const isHorizontalPrev = keycode === 'PageDown' || keycode === 'ArrowLeft';
-            if (vertical &&
-                ((isVerticalNext && NCarousel.isNextDisabled()) ||
-                    (isVerticalPrev && NCarousel.isPrevDisabled()))) {
-                return;
-            }
-            if (!vertical &&
-                ((isHorizontalNext && NCarousel.isNextDisabled()) ||
-                    (isHorizontalPrev && NCarousel.isPrevDisabled()))) {
-                return;
-            }
             if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
                 return;
             }
@@ -75,22 +59,30 @@ export default defineComponent({
             if (nodeName === 'input' || nodeName === 'textarea') {
                 return;
             }
-            if (vertical ? isVerticalNext : isHorizontalNext) {
-                e.preventDefault();
+            const { code: keycode } = e;
+            const isVerticalNext = keycode === 'PageUp' || keycode === 'ArrowUp';
+            const isVerticalPrev = keycode === 'PageDown' || keycode === 'ArrowDown';
+            const isHorizontalNext = keycode === 'PageUp' || keycode === 'ArrowRight';
+            const isHorizontalPrev = keycode === 'PageDown' || keycode === 'ArrowLeft';
+            const vertical = NCarousel.isVertical();
+            const wantToNext = vertical ? isVerticalNext : isHorizontalNext;
+            const wantToPrev = vertical ? isVerticalPrev : isHorizontalPrev;
+            if (!wantToNext && !wantToPrev) {
+                return;
+            }
+            e.preventDefault();
+            if (wantToNext && !NCarousel.isNextDisabled()) {
                 NCarousel.next();
-                focusDot(NCarousel.getCurrentIndex());
+                focusDot(NCarousel.currentIndexRef.value);
             }
-            else if (vertical ? isVerticalPrev : isHorizontalPrev) {
-                e.preventDefault();
+            else if (wantToPrev && !NCarousel.isPrevDisabled()) {
                 NCarousel.prev();
-                focusDot(NCarousel.getCurrentIndex());
+                focusDot(NCarousel.currentIndexRef.value);
             }
         }
-        function focusDot(index = props.currentIndex) {
-            const { value: dotEls } = dotElsRef;
-            if (index >= 0 && index < dotEls.length) {
-                dotEls[index].focus();
-            }
+        function focusDot(index) {
+            var _a;
+            (_a = dotElsRef.value[index]) === null || _a === void 0 ? void 0 : _a.focus();
         }
         onBeforeUpdate(() => (dotElsRef.value.length = 0));
         return {

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

@@ -1,13 +1,13 @@
+import type { VNode } from 'vue';
+export declare const isCarouselItem: (child: VNode) => boolean;
 declare const _default: import("vue").DefineComponent<{}, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     selfElRef: import("vue").Ref<HTMLElement | undefined>;
     isPrev: import("vue").ComputedRef<boolean>;
     isNext: import("vue").ComputedRef<boolean>;
     isActive: import("vue").ComputedRef<boolean>;
-    index: import("vue").ComputedRef<number | undefined>;
-    style: import("vue").ComputedRef<any>;
-    prevSlideStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-    nextSlideStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
+    index: import("vue").ComputedRef<number>;
+    style: import("vue").ComputedRef<string | Record<string, string | number> | undefined>;
     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/es/carousel/src/CarouselItem.js

@@ -1,35 +1,26 @@
-import { h, defineComponent, inject, computed, ref, onMounted, onBeforeUnmount } from 'vue';
+import { h, defineComponent, computed, ref, onMounted, onBeforeUnmount } from 'vue';
+import { camelCase } from 'lodash-es';
 import { useConfig } from '../../_mixins';
-import { throwError } from '../../_utils';
-import { carouselMethodsInjectionKey } from './interface';
+import { useCarouselContext } from './CarouselContext';
+const CarouselItemName = 'CarouselItem';
+export const isCarouselItem = (child) => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName; };
 export default defineComponent({
-    name: 'CarouselItem',
+    name: CarouselItemName,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const NCarousel = inject(carouselMethodsInjectionKey, null);
-        if (!NCarousel) {
-            throwError('carousel-item', '`n-carousel-item` must be placed inside `n-carousel`.');
-        }
+        const NCarousel = useCarouselContext(camelCase(CarouselItemName), `n-${camelCase(CarouselItemName)}`);
         const selfElRef = ref();
-        const isPrevRef = computed(() => {
-            const { value: selfEl } = selfElRef;
-            return Boolean(selfEl && NCarousel.isPrev(selfEl));
-        });
-        const isNextRef = computed(() => {
-            const { value: selfEl } = selfElRef;
-            return Boolean(selfEl && NCarousel.isNext(selfEl));
-        });
-        const isActiveRef = computed(() => {
-            const { value: selfEl } = selfElRef;
-            return Boolean(selfEl && NCarousel.isActive(selfEl));
-        });
-        const styleRef = computed(() => {
-            const { value: selfEl } = selfElRef;
-            return selfEl && NCarousel.getSlideStyle(selfEl);
-        });
         const indexRef = computed(() => {
             const { value: selfEl } = selfElRef;
-            return selfEl && NCarousel.getSlideIndex(selfEl);
+            return selfEl ? NCarousel.getSlideIndex(selfEl) : -1;
+        });
+        const isPrevRef = computed(() => NCarousel.isPrev(indexRef.value));
+        const isNextRef = computed(() => NCarousel.isNext(indexRef.value));
+        const isActiveRef = computed(() => NCarousel.isActive(indexRef.value));
+        const styleRef = computed(() => NCarousel.getSlideStyle(indexRef.value));
+        onMounted(() => NCarousel.addSlide(selfElRef.value));
+        onBeforeUnmount(() => {
+            NCarousel.removeSlide(selfElRef.value);
         });
         function handleClick(event) {
             const { value: index } = indexRef;
@@ -37,10 +28,6 @@ export default defineComponent({
                 NCarousel === null || NCarousel === void 0 ? void 0 : NCarousel.onCarouselItemClick(index, event);
             }
         }
-        onMounted(() => NCarousel.addSlide(selfElRef.value));
-        onBeforeUnmount(() => {
-            NCarousel.removeSlide(selfElRef.value);
-        });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             selfElRef,
@@ -49,8 +36,6 @@ export default defineComponent({
             isActive: isActiveRef,
             index: indexRef,
             style: styleRef,
-            prevSlideStyle: NCarousel.prevSlideStyleRef,
-            nextSlideStyle: NCarousel.nextSlideStyleRef,
             handleClick
         };
     },
@@ -65,11 +50,7 @@ export default defineComponent({
                 [`${mergedClsPrefix}-carousel__slide--next`]: isNext
             }
         ];
-        return (h("div", { ref: "selfElRef", class: className, role: "option", tabindex: "-1", "data-index": index, "aria-hidden": !isActive, style: [
-                style,
-                isPrev ? this.prevSlideStyle : '',
-                isNext ? this.nextSlideStyle : ''
-            ], 
+        return (h("div", { ref: "selfElRef", class: className, role: "option", tabindex: "-1", "data-index": index, "aria-hidden": !isActive, style: style, 
             // We use ts-ignore for vue-tsc, since it seems to patch native event
             // for vue components
             // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error

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

@@ -1,38 +1,19 @@
-import { CSSProperties, Ref } 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 {
-    to: (index: number) => void;
-    prev: () => void;
-    next: () => void;
-    isVertical: () => boolean;
-    isHorizontal: () => boolean;
-    isPrev: (slide: number | HTMLElement) => boolean;
-    isNext: (slide: number | HTMLElement) => boolean;
-    isActive: (slide: number | HTMLElement) => boolean;
-    isPrevDisabled: () => boolean;
-    isNextDisabled: () => boolean;
-    getCurrentIndex: () => number;
-    getSlideIndex: (slide: number | HTMLElement) => number;
-    getSlideStyle: (slide: HTMLElement) => any;
-    addSlide: (slide?: HTMLElement) => void;
-    removeSlide: (slide?: HTMLElement) => void;
-    onCarouselItemClick: (index: number, event: MouseEvent) => void;
-    prevSlideStyleRef: Ref<CSSProperties | string | undefined>;
-    nextSlideStyleRef: Ref<CSSProperties | string | undefined>;
-}
-export declare const carouselMethodsInjectionKey: import("vue").InjectionKey<CarouselMethodsInjection>;
+import { CarouselContextValue } from './CarouselContext';
 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
+export interface ArrowScopedSlotProps extends Pick<CarouselContextValue, 'to' | 'prev' | 'next' | 'isPrevDisabled' | 'isNextDisabled'> {
+    total: number;
+    currentIndex: number;
+}
+export interface DotScopedSlotProps extends Pick<CarouselContextValue, 'to'> {
+    total: number;
+    currentIndex: number;
+}
+export interface Size {
+    width: number;
+    height: number;
 }

package/es/carousel/src/interface.js

@@ -1,3 +1 @@
-import { createInjectionKey } from '../../_utils';
-export const tuple = (...args) => args;
-export const carouselMethodsInjectionKey = createInjectionKey('n-carousel-methods');
+export {};

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

@@ -12,6 +12,7 @@ export default cB('carousel', `
  position: relative;
  width: 100%;
  height: 100%;
+ touch-action: pan-y;
  overflow: hidden;
 `, [cE('slides', `
  display: flex;
@@ -19,7 +20,6 @@ export default cB('carousel', `
  height: 100%;
  transition-timing-function: var(--n-bezier);
  transition-property: transform;
- touch-action: pan-y;
  `, [cE('slide', `
  flex-shrink: 0;
  position: relative;
@@ -82,9 +82,10 @@ export default cB('carousel', `
  width: 1em;
  `), c('&:hover', `
  background-color: rgba(255, 255, 255, .3);
- `)]), cM('vertical', [cE('slides', `
- flex-direction: column;
+ `)]), cM('vertical', `
  touch-action: pan-x;
+ `, [cE('slides', `
+ flex-direction: column;
  `), cM('fade', [cE('slide', `
  top: 50%;
  left: unset;
@@ -103,6 +104,8 @@ export default cB('carousel', `
  position: absolute;
  top: 50%;
  left: 50%;
+ width: 100%;
+ height: 100%;
  transform: translate(-50%, -50%);
  `)])])]), cM('left', [cE('dots', `
  transform: translateY(-50%);
@@ -204,8 +207,10 @@ export default cB('carousel', `
  position: absolute;
  opacity: 0;
  transition-property: opacity;
+ pointer-events: none;
  `, [cM('current', `
  opacity: 1;
+ pointer-events: auto;
  `)])]), cM('card', [cE('slides', `
  perspective: 1000px;
  `), cE('slide', `

package/es/carousel/src/{utils.d.ts → utils/duplicatedLogic.d.ts}

@@ -1,12 +1,7 @@
-export interface Size {
-    width: number;
-    height: number;
-}
-export declare function isTouchEvent(e: MouseEvent | TouchEvent): e is TouchEvent;
-export declare function calculateSize(element: HTMLElement, innerOnly?: boolean): Size;
-export declare function clampValue(value: number, min: number, max: number): number;
-export declare function resolveSpeed(value?: string | number): number;
+import type { VNode } from 'vue';
+export declare function addDuplicateSlides(slides: VNode[]): VNode[];
 export declare function getDisplayIndex(current: number, length: number, duplicatedable?: boolean): number;
 export declare function getRealIndex(current: number, duplicatedable?: boolean): number;
 export declare function getPrevIndex(current: number, length: number, duplicatedable?: boolean): number | null;
 export declare function getNextIndex(current: number, length: number, duplicatedable?: boolean): number | null;
+export declare function getDisplayTotalView(total: number, duplicatedable?: boolean): number;

package/es/carousel/src/utils/duplicatedLogic.js

@@ -0,0 +1,46 @@
+// Because of the nature of the loop slide work,
+// we need to add duplicates to the left and right of the carousel
+// slot    [ 0 1 2 ]
+// display 2 0 1 2 0
+// real    0 1 2 3 4
+import { cloneVNode } from 'vue';
+export function addDuplicateSlides(slides) {
+    const { length } = slides;
+    if (length > 1) {
+        slides.push(duplicateSlide(slides[0], 0, 'append'));
+        slides.unshift(duplicateSlide(slides[length - 1], length - 1, 'prepend'));
+        return slides;
+    }
+    return slides;
+}
+function duplicateSlide(child, index, position) {
+    return cloneVNode(child, {
+        // for patch
+        key: `carousel-item-duplicate-${index}-${position}`
+    });
+}
+export function getDisplayIndex(current, length, duplicatedable) {
+    return !duplicatedable
+        ? current
+        : current === 0
+            ? length - 3
+            : current === length - 1
+                ? 0
+                : current - 1;
+}
+export function getRealIndex(current, duplicatedable) {
+    return !duplicatedable ? current : current + 1;
+}
+export function getPrevIndex(current, length, duplicatedable) {
+    if (current < 0)
+        return null;
+    return current === 0 ? (duplicatedable ? length - 1 : null) : current - 1;
+}
+export function getNextIndex(current, length, duplicatedable) {
+    if (current > length - 1)
+        return null;
+    return current === length - 1 ? (duplicatedable ? 0 : null) : current + 1;
+}
+export function getDisplayTotalView(total, duplicatedable) {
+    return duplicatedable && total > 3 ? total - 2 : total;
+}

package/es/carousel/src/utils/event.d.ts

@@ -0,0 +1 @@
+export declare function isTouchEvent(e: MouseEvent | TouchEvent): e is TouchEvent;

package/es/carousel/src/utils/event.js

@@ -0,0 +1,3 @@
+export function isTouchEvent(e) {
+    return window.TouchEvent && e instanceof window.TouchEvent;
+}

package/es/carousel/src/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { Size } from '../interface';
+export * from './duplicatedLogic';
+export * from './event';
+export declare function calculateSize(element: HTMLElement, innerOnly?: boolean): Size;
+export declare function clampValue(value: number, min: number, max: number): number;
+export declare function resolveSpeed(value?: string | number): number;

package/es/carousel/src/{utils.js → utils/index.js}

@@ -1,9 +1,7 @@
-export function isTouchEvent(e) {
-    return window.TouchEvent && e instanceof window.TouchEvent;
-}
+export * from './duplicatedLogic';
+export * from './event';
 export function calculateSize(element, innerOnly) {
-    let width = element.clientWidth;
-    let height = element.clientHeight;
+    let { width, height } = element.getBoundingClientRect();
     if (innerOnly) {
         const style = getComputedStyle(element);
         width =
@@ -14,7 +12,6 @@ export function calculateSize(element, innerOnly) {
             height -
                 parseFloat(style.getPropertyValue('padding-top')) -
                 parseFloat(style.getPropertyValue('padding-bottom'));
-        return { width, height };
     }
     return { width, height };
 }
@@ -34,25 +31,3 @@ export function resolveSpeed(value) {
     }
     return 0;
 }
-export function getDisplayIndex(current, length, duplicatedable) {
-    return !duplicatedable
-        ? current
-        : current === 0
-            ? length - 3
-            : current === length - 1
-                ? 0
-                : current - 1;
-}
-export function getRealIndex(current, duplicatedable) {
-    return !duplicatedable ? current : current + 1;
-}
-export function getPrevIndex(current, length, duplicatedable) {
-    if (current < 0)
-        return null;
-    return current === 0 ? (duplicatedable ? length - 1 : null) : current - 1;
-}
-export function getNextIndex(current, length, duplicatedable) {
-    if (current > length - 1)
-        return null;
-    return current === length - 1 ? (duplicatedable ? 0 : null) : current + 1;
-}

package/es/checkbox/src/CheckboxGroup.d.ts

@@ -24,13 +24,15 @@ export declare const checkboxGroupProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: Array<string | number>) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: Array<string | number>) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: Array<string | number>, meta: {
+        actionType: 'check' | 'uncheck';
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: Array<string | number>, meta: {
+        actionType: 'check' | 'uncheck';
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
 };
 export declare type CheckboxGroupProps = ExtractPublicPropTypes<typeof checkboxGroupProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -46,13 +48,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }, {
     mergedClsPrefix: ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -68,16 +72,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }>>, {
     readonly disabled: boolean | undefined;
-    readonly onChange: MaybeArray<(value: (string | number)[]) => void> | undefined;
     readonly defaultValue: (string | number)[] | null;
 }>;
 export default _default;