fix(types): checkbox and checkbox-group props types (#2882)

Author: John60676

types/checkbox/checkbox-group.d.ts

@@ -4,7 +4,7 @@
 
 import { AntdComponent, AntdProps } from '../component';
 export declare class CheckboxGroup extends AntdComponent {
-  $props: AntdProps & {
+  $props: Omit<AntdProps, 'onChange'> & {
     /**
      * Default selected value
      * @type string[]
@@ -30,13 +30,13 @@ export declare class CheckboxGroup extends AntdComponent {
      * Used for setting the currently selected value.
      * @type string[]
      */
-    value: string[];
+    value?: string[];
     name?: string;
 
     /**
      * The callback function that is triggered when the state changes.
-     * @param e
+     * @param {string[]} checkedValue
      */
-    onChange?: (checkedValue?: any) => void;
+    onChange?: (checkedValue?: string[]) => void;
   };
 }

types/checkbox/checkbox.d.ts

@@ -5,59 +5,77 @@
 import { CheckboxGroup } from './checkbox-group';
 import { AntdComponent, AntdProps } from '../component';
 
+export interface CheckboxChangeEvent {
+  target: CheckboxProps & { checked: boolean };
+  stopPropagation: () => void;
+  preventDefault: () => void;
+  nativeEvent: MouseEvent;
+}
+
+export interface CheckboxProps {
+  prefixCls?: string;
+  name?: string;
+  id?: string;
+  type?: string;
+
+  /**
+   * Specifies the initial state: whether or not the checkbox is selected.
+   * @default false
+   * @type boolean
+   */
+  defaultChecked?: boolean;
+
+  /**
+   * Specifies whether the checkbox is selected.
+   * @default false
+   * @type boolean
+   */
+  checked?: boolean;
+
+  /**
+   * Disable checkbox
+   * @default false
+   * @type boolean
+   */
+  disabled?: boolean;
+  tabindex?: string | number;
+  readonly?: boolean;
+
+  /**
+   * get focus when component mounted
+   * @default false
+   * @type boolean
+   */
+  autofocus?: boolean;
+  value?: any;
+}
+
 export declare class Checkbox extends AntdComponent {
   static Group: typeof CheckboxGroup;
 
-  $props: AntdProps & {
-    /**
-     * get focus when component mounted
-     * @default false
-     * @type boolean
-     */
-    autofocus?: boolean;
-
-    /**
-     * Specifies whether the checkbox is selected.
-     * @default false
-     * @type boolean
-     */
-    checked?: boolean;
-
-    /**
-     * Specifies the initial state: whether or not the checkbox is selected.
-     * @default false
-     * @type boolean
-     */
-    defaultChecked?: boolean;
-
-    /**
-     * Disable checkbox
-     * @default false
-     * @type boolean
-     */
-    disabled?: boolean;
-
-    /**
-     * indeterminate checked state of checkbox
-     * @default false
-     * @type boolean
-     */
-    indeterminate?: boolean;
-
-    /**
-     * remove focus
-     */
-    blur(): void;
-
-    /**
-     * get focus
-     */
-    focus(): void;
-
-    /**
-     * The callback function that is triggered when the state changes.
-     * @param event
-     */
-    onChange?: (e?: Event) => void;
-  };
+  $props: Omit<AntdProps, 'onChange'> &
+    CheckboxProps & {
+      /**
+       * indeterminate checked state of checkbox
+       * @default false
+       * @type boolean
+       */
+      indeterminate?: boolean;
+
+      /**
+       * remove focus
+       */
+      onBlur?: (e: FocusEvent) => void;
+
+      /**
+       * get focus
+       */
+      onFocus?: (e: FocusEvent) => void;
+
+      /**
+       * The callback function that is triggered when the state changes.
+       * @param event
+       */
+      onChange?: (e: CheckboxChangeEvent) => void;
+    };
 }