chore: fix lint (#229)

Author: kerm1it

src/Dialog/Content/MemoChildren.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export interface MemoChildrenProps {
+export type MemoChildrenProps = {
   shouldUpdate: boolean;
   children: React.ReactNode;
 }

src/Dialog/Content/index.tsx

@@ -2,21 +2,21 @@ import * as React from 'react';
 import { useRef } from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
-import { IDialogChildProps } from '..';
+import type { IDialogChildProps } from '..';
 import { offset } from '../../util';
 import MemoChildren from './MemoChildren';
 
 const sentinelStyle = { width: 0, height: 0, overflow: 'hidden', outline: 'none' };
 
-export interface ContentProps extends IDialogChildProps {
+export type ContentProps = {
   motionName: string;
   ariaId: string;
   onVisibleChanged: (visible: boolean) => void;
   onMouseDown: React.MouseEventHandler;
   onMouseUp: React.MouseEventHandler;
-}
+} & IDialogChildProps
 
-export interface ContentRef {
+export type ContentRef = {
   focus: () => void;
   changeActive: (next: boolean) => void;
 }

src/Dialog/Mask.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
 
-export interface MaskProps {
+export type MaskProps = {
   prefixCls: string;
   visible: boolean;
   motionName?: string;

src/Dialog/index.tsx

@@ -3,18 +3,19 @@ import { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import KeyCode from 'rc-util/lib/KeyCode';
 import contains from 'rc-util/lib/Dom/contains';
-import ScollLocker from 'rc-util/lib/Dom/scrollLocker';
-import { IDialogPropTypes } from '../IDialogPropTypes';
+import type ScollLocker from 'rc-util/lib/Dom/scrollLocker';
+import type { IDialogPropTypes } from '../IDialogPropTypes';
 import Mask from './Mask';
 import { getMotionName, getUUID } from '../util';
-import Content, { ContentRef } from './Content';
+import type { ContentRef } from './Content';
+import Content from './Content';
 
-export interface IDialogChildProps extends IDialogPropTypes {
+export type IDialogChildProps = {
   // zombieJ: This should be handle on top instead of each Dialog.
   // TODO: refactor to remove this.
   getOpenCount: () => number;
   scrollLocker?: ScollLocker;
-}
+} & IDialogPropTypes
 
 export default function Dialog(props: IDialogChildProps) {
   const {
@@ -154,7 +155,7 @@ export default function Dialog(props: IDialogChildProps) {
       return scrollLocker?.unLock;
     }
     return () => {};
-  }, [animatedVisible]);
+  }, [animatedVisible, scrollLocker]);
 
   // ========================= Render =========================
   return (

src/DialogWrap.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import Portal from 'rc-util/lib/PortalWrapper';
-import Dialog, { IDialogChildProps } from './Dialog';
-import { IDialogPropTypes } from './IDialogPropTypes';
+import type { IDialogChildProps } from './Dialog';
+import Dialog from './Dialog';
+import type { IDialogPropTypes } from './IDialogPropTypes';
 
 // fix issue #10656
 /*

src/IDialogPropTypes.tsx

@@ -1,7 +1,7 @@
-import { ReactNode, CSSProperties, SyntheticEvent } from 'react';
-import { GetContainer } from 'rc-util/lib/PortalWrapper';
+import type { ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import type { GetContainer } from 'rc-util/lib/PortalWrapper';
 
-export interface IDialogPropTypes {
+export type IDialogPropTypes = {
   className?: string;
   keyboard?: boolean;
   style?: CSSProperties;
@@ -23,9 +23,9 @@ export interface IDialogPropTypes {
   maskTransitionName?: string;
   animation?: any;
   maskAnimation?: any;
-  wrapStyle?: {};
-  bodyStyle?: {};
-  maskStyle?: {};
+  wrapStyle?: Record<string, any>;
+  bodyStyle?: Record<string, any>;
+  maskStyle?: Record<string, any>;
   prefixCls?: string;
   wrapClassName?: string;
   width?: number;

src/util.ts

@@ -28,9 +28,9 @@ function getScroll(w: Window, top?: boolean): number {
   return ret;
 }
 
-interface CompatibleDocument extends Document {
+type CompatibleDocument = {
   parentWindow?: Window;
-}
+} & Document
 
 export function offset(el: Element) {
   const rect = el.getBoundingClientRect();