From 2b557452bd49c434c4e494e5ba4d936d61659950 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A8=80=E8=82=86?= <18x@loacg.com>
Date: Thu, 20 Aug 2020 21:26:45 +0800
Subject: [PATCH] chore: update Carousel, Button type (#2733)

---
 types/button/button-group.d.ts |   4 +-
 types/button/button.d.ts       |   3 +-
 types/carousel.d.ts            | 152 +++++++++++++++++----------------
 3 files changed, 82 insertions(+), 77 deletions(-)

diff --git a/types/button/button-group.d.ts b/types/button/button-group.d.ts
index 4d47098d0..95c33314f 100644
--- a/types/button/button-group.d.ts
+++ b/types/button/button-group.d.ts
@@ -2,7 +2,9 @@
 // Definitions by: akki-jat <https://github.com/akki-jat>
 // Definitions: https://github.com/vueComponent/ant-design-vue/types
 
-export declare class ButtonGroup {
+import { AntdComponent } from '../component';
+
+export declare class ButtonGroup extends AntdComponent {
   $props: {
     /**
      * can be set to small large or omitted
diff --git a/types/button/button.d.ts b/types/button/button.d.ts
index b94ef9cd1..74543c1ef 100644
--- a/types/button/button.d.ts
+++ b/types/button/button.d.ts
@@ -4,8 +4,9 @@
 
 import { ButtonGroup } from './button-group';
 import { VNodeChild } from 'vue';
+import { AntdComponent } from '../component';
 
-export declare class Button {
+export declare class Button extends AntdComponent {
   static Group: typeof ButtonGroup;
 
   $props: {
diff --git a/types/carousel.d.ts b/types/carousel.d.ts
index 4af212a7a..18dd09137 100644
--- a/types/carousel.d.ts
+++ b/types/carousel.d.ts
@@ -51,83 +51,85 @@ export interface ResponsiveObject {
   settings: 'unslick' | Settings;
 }
 export declare class Carousel extends AntdComponent {
-  accessibility?: boolean;
-  adaptiveHeight?: boolean;
-  arrows?: boolean;
-  autoplaySpeed?: number;
-  /**
-   * Whether to scroll automatically
-   * @default false
-   * @type boolean
-   */
-  autoplay?: boolean;
-  centerMode?: boolean;
-  centerPadding?: string;
-  cssEase?: string;
-  dotsClass?: string;
-  /**
-   * Whether to show the dots at the bottom of the gallery
-   * @default true
-   * @type boolean
-   */
-  dots?: boolean;
-  draggable?: boolean;
-  /**
-   * Transition interpolation function name
-   * @default 'linear'
-   * @type string
-   */
-  easing?: string;
-  edgeFriction?: number;
-  fade?: boolean;
-  focusOnSelect?: boolean;
-  infinite?: boolean;
-  initialSlide?: number;
-  pauseOnDotsHover?: boolean;
-  pauseOnFocus?: boolean;
-  pauseOnHover?: boolean;
-  responsive?: ResponsiveObject[] | undefined;
-  rows?: number;
-  rtl?: boolean;
-  slide?: string;
-  slidesPerRow?: number;
-  slidesToScroll?: number;
-  slidesToShow?: number;
-  speed?: number;
-  swipeToSlide?: boolean;
-  swipe?: boolean;
-  touchMove?: boolean;
-  touchThreshold?: number;
-  useCSS?: boolean;
-  useTransform?: boolean;
-  variableWidth?: boolean;
-  /**
-   * Whether to use a vertical display
-   * @default false
-   * @type boolean
-   */
-  vertical?: boolean;
-  verticalSwiping?: boolean;
-  waitForAnimate?: boolean;
-  dotPosition?: DotPosition;
-  /**
-   * Callback function called after the current index changes
-   * @type Function
-   */
-  afterChange: (current: number) => any;
+  $props: {
+    accessibility?: boolean;
+    adaptiveHeight?: boolean;
+    arrows?: boolean;
+    autoplaySpeed?: number;
+    /**
+     * Whether to scroll automatically
+     * @default false
+     * @type boolean
+     */
+    autoplay?: boolean;
+    centerMode?: boolean;
+    centerPadding?: string;
+    cssEase?: string;
+    dotsClass?: string;
+    /**
+     * Whether to show the dots at the bottom of the gallery
+     * @default true
+     * @type boolean
+     */
+    dots?: boolean;
+    draggable?: boolean;
+    /**
+     * Transition interpolation function name
+     * @default 'linear'
+     * @type string
+     */
+    easing?: string;
+    edgeFriction?: number;
+    fade?: boolean;
+    focusOnSelect?: boolean;
+    infinite?: boolean;
+    initialSlide?: number;
+    pauseOnDotsHover?: boolean;
+    pauseOnFocus?: boolean;
+    pauseOnHover?: boolean;
+    responsive?: ResponsiveObject[] | undefined;
+    rows?: number;
+    rtl?: boolean;
+    slide?: string;
+    slidesPerRow?: number;
+    slidesToScroll?: number;
+    slidesToShow?: number;
+    speed?: number;
+    swipeToSlide?: boolean;
+    swipe?: boolean;
+    touchMove?: boolean;
+    touchThreshold?: number;
+    useCSS?: boolean;
+    useTransform?: boolean;
+    variableWidth?: boolean;
+    /**
+     * Whether to use a vertical display
+     * @default false
+     * @type boolean
+     */
+    vertical?: boolean;
+    verticalSwiping?: boolean;
+    waitForAnimate?: boolean;
+    dotPosition?: DotPosition;
+    /**
+     * Callback function called after the current index changes
+     * @type Function
+     */
+    afterChange?: (current: number) => void;
 
-  /**
-   * Callback function called before the current index changes
-   * @type Function
-   */
-  beforeChange: (from: number, to: number) => any;
+    /**
+     * Callback function called before the current index changes
+     * @type Function
+     */
+    beforeChange?: (from?: number, to?: number) => void;
 
-  /**
-   * Transition effect
-   * @default 'scrollx'
-   * @type string
-   */
-  effect: 'scrollx' | 'fade';
+    /**
+     * Transition effect
+     * @default 'scrollx'
+     * @type string
+     */
+    effect?: 'scrollx' | 'fade';
+  };
 
   /**
    * Go to slide index, if dontAnimate=true, it happens without animation