naive-ui 2.24.0 → 2.24.4

package/lib/button/src/Button.js

@@ -416,7 +416,10 @@ const Button = (0, vue_1.defineComponent)({
                         margin: !$slots.default ? 0 : ''
                     } },
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.h)("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, (0, vue_1.renderSlot)($slots, 'icon')))
+                        default: () => {
+                            var _a;
+                            return this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.h)("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, (_a = $slots.icon) === null || _a === void 0 ? void 0 : _a.call($slots)));
+                        }
                     }))) : null
             }),
             $slots.default && this.iconPlacement === 'left' ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-button__content` }, $slots)) : null,

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

@@ -1,10 +1,10 @@
-import { PropType, InjectionKey } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { PropType } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 import type { Size } from './interface';
 export interface ButtonGroupInjection {
     size?: Size | undefined;
 }
-export declare const buttonGroupInjectionKey: InjectionKey<ButtonGroupInjection>;
+export declare const buttonGroupInjectionKey: import("vue").InjectionKey<ButtonGroupInjection>;
 declare const buttonGroupProps: {
     readonly size: {
         readonly type: PropType<Size | undefined>;
@@ -21,14 +21,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly vertical: BooleanConstructor;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly vertical?: unknown;
-} & {
-    vertical: boolean;
-} & {
-    size?: Size | undefined;
-}>, {
+}, 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 size: {
+        readonly type: PropType<Size | undefined>;
+        readonly default: undefined;
+    };
+    readonly vertical: BooleanConstructor;
+}>>, {
     size: Size | undefined;
     vertical: boolean;
 }>;

package/lib/button/src/ButtonGroup.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
+const _utils_1 = require("../../_utils");
 const button_group_cssr_1 = __importDefault(require("./styles/button-group.cssr"));
-exports.buttonGroupInjectionKey = Symbol('button-group');
+exports.buttonGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-button-group');
 const buttonGroupProps = {
     size: {
         type: String,

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

@@ -6,7 +6,7 @@ declare const calendarProps: {
     readonly value: NumberConstructor;
     readonly defaultValue: {
         readonly type: PropType<number | null>;
-        readonly defualt: null;
+        readonly default: null;
     };
     readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
@@ -699,7 +699,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: NumberConstructor;
     readonly defaultValue: {
         readonly type: PropType<number | null>;
-        readonly defualt: null;
+        readonly default: null;
     };
     readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
@@ -1786,19 +1786,17 @@ declare const _default: import("vue").DefineComponent<{
         '--n-cell-color-hover-popover': string;
         '--n-bar-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly isDateDisabled?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly onPanelChange?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {} & {
-    value?: number | undefined;
-    theme?: import("../../_mixins").Theme<"Calendar", {
+}, 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 isDateDisabled: PropType<(date: number) => boolean | undefined>;
+    readonly value: NumberConstructor;
+    readonly defaultValue: {
+        readonly type: PropType<number | null>;
+        readonly default: null;
+    };
+    readonly onPanelChange: PropType<OnPanelChange>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2024,8 +2022,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2251,8 +2249,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2478,11 +2476,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    defaultValue?: number | null | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    isDateDisabled?: ((date: number) => boolean | undefined) | undefined;
-    onPanelChange?: OnPanelChange | undefined;
-}>, {}>;
+    }>>>;
+}>>, {
+    defaultValue: number | null;
+}>;
 export default _default;

package/lib/calendar/src/Calendar.js

@@ -16,7 +16,7 @@ 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: {
         type: Number,
-        defualt: null
+        default: null
     }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Calendar',
@@ -59,7 +59,20 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         function handleTodayClick() {
-            monthTsRef.value = (0, date_fns_1.startOfMonth)(now).valueOf();
+            var _a;
+            const { value: monthTs } = monthTsRef;
+            const oldYear = (0, date_fns_1.getYear)(monthTs);
+            const oldMonth = (0, date_fns_1.getMonth)(monthTs);
+            const newMonthTs = (0, date_fns_1.startOfMonth)(now).valueOf();
+            const newYear = (0, date_fns_1.getYear)(newMonthTs);
+            const newMonth = (0, date_fns_1.getMonth)(newMonthTs);
+            if (oldYear !== newYear || oldMonth !== newMonth) {
+                (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                    year: newYear,
+                    month: newMonthTs
+                });
+            }
+            monthTsRef.value = newMonthTs;
         }
         return {
             mergedClsPrefix: mergedClsPrefixRef,

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/src/Carousel.d.ts

@@ -41,7 +41,7 @@ declare const carouselProps: {
         default: boolean;
     };
     effect: {
-        type: PropType<"slide" | "fade" | "custom">;
+        type: PropType<"card" | "slide" | "fade" | "custom">;
         default: string;
     };
     showDots: {
@@ -133,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     effect: {
-        type: PropType<"slide" | "fade" | "custom">;
+        type: PropType<"card" | "slide" | "fade" | "custom">;
         default: string;
     };
     showDots: {
@@ -216,7 +216,7 @@ declare const _default: import("vue").DefineComponent<{
         getSlideStyle: (slide: HTMLElement | number) => any;
         addSlide: (slide?: HTMLElement | undefined) => void;
         removeSlide: (slide?: HTMLElement | undefined) => void;
-        onCarouselItemClick: (index: number) => void;
+        onCarouselItemClick: (index: number, event: MouseEvent) => void;
         total: number;
         currentIndex: number;
     }>;
@@ -244,59 +244,73 @@ declare const _default: import("vue").DefineComponent<{
     handleTouchstart: (event: MouseEvent | TouchEvent) => void;
     handleTransitionEnd: () => void;
     handleMousewheel: (event: WheelEvent) => void;
-    handleClick: (event: MouseEvent) => 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<{
-    defaultIndex?: unknown;
-    currentIndex?: unknown;
-    showArrow?: unknown;
-    dotType?: unknown;
-    dotPlacement?: unknown;
-    slidesPerView?: unknown;
-    spaceBetween?: unknown;
-    centeredSlides?: unknown;
-    direction?: unknown;
-    autoplay?: unknown;
-    interval?: unknown;
-    loop?: unknown;
-    effect?: unknown;
-    showDots?: unknown;
-    trigger?: unknown;
-    transitionStyle?: unknown;
-    transitionProps?: unknown;
-    draggable?: unknown;
-    touchable?: unknown;
-    mousewheel?: unknown;
-    keyboard?: unknown;
-    'onUpdate:currentIndex'?: unknown;
-    onUpdateCurrentIndex?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    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: "slide" | "fade" | "custom";
-    showDots: boolean;
-    transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
-    touchable: boolean;
-    mousewheel: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Carousel", {
+}, 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;
@@ -304,8 +318,8 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -313,8 +327,8 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -322,12 +336,8 @@ declare const _default: import("vue").DefineComponent<{
         dotLineWidth: string;
         dotLineWidthActive: string;
         arrowColor: string;
-    }, any>> | undefined;
-    currentIndex?: number | undefined;
-    transitionProps?: TransitionProps | undefined;
-    "onUpdate:currentIndex"?: ((currentIndex: number, lastIndex: number) => void) | undefined;
-    onUpdateCurrentIndex?: ((currentIndex: number, lastIndex: number) => void) | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     direction: "horizontal" | "vertical";
     draggable: boolean;
     autoplay: boolean;
@@ -342,7 +352,7 @@ declare const _default: import("vue").DefineComponent<{
     spaceBetween: number;
     centeredSlides: boolean;
     interval: number;
-    effect: "slide" | "fade" | "custom";
+    effect: "card" | "slide" | "fade" | "custom";
     showDots: boolean;
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
     touchable: boolean;