rc-dialog - npm Package Compare versions

Comparing version 8.5.1 to 8.5.2

es/Dialog/Content/index.d.ts

 import * as React from 'react';
-import { IDialogChildProps } from '..';
-export interface ContentProps extends IDialogChildProps {
+import type { IDialogChildProps } from '..';
+export declare type ContentProps = {
     motionName: string;
@@ -9,8 +9,17 @@ ariaId: string;
     onMouseUp: React.MouseEventHandler;
-}
-export interface ContentRef {
+} & IDialogChildProps;
+export declare type ContentRef = {
     focus: () => void;
     changeActive: (next: boolean) => void;
-}
-declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<ContentRef>>;
+};
+declare const Content: React.ForwardRefExoticComponent<{
+    motionName: string;
+    ariaId: string;
+    onVisibleChanged: (visible: boolean) => void;
+    onMouseDown: React.MouseEventHandler;
+    onMouseUp: React.MouseEventHandler;
+} & {
+    getOpenCount: () => number;
+    scrollLocker?: import("rc-util/lib/Dom/scrollLocker").default;
+} & import("../..").DialogProps & React.RefAttributes<ContentRef>>;
 export default Content;

es/Dialog/Content/MemoChildren.d.ts

 import * as React from 'react';
-export interface MemoChildrenProps {
+export declare type MemoChildrenProps = {
     shouldUpdate: boolean;
     children: React.ReactNode;
-}
-declare const _default: React.MemoExoticComponent<({ children }: MemoChildrenProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>>;
+};
+declare const _default: React.MemoExoticComponent<({ children }: MemoChildrenProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>>;
 export default _default;

es/Dialog/index.d.ts

 /// <reference types="react" />
-import ScollLocker from 'rc-util/lib/Dom/scrollLocker';
-import { IDialogPropTypes } from '../IDialogPropTypes';
-export interface IDialogChildProps extends IDialogPropTypes {
+import type ScollLocker from 'rc-util/lib/Dom/scrollLocker';
+import type { IDialogPropTypes } from '../IDialogPropTypes';
+export declare type IDialogChildProps = {
     getOpenCount: () => number;
     scrollLocker?: ScollLocker;
-}
+} & IDialogPropTypes;
 export default function Dialog(props: IDialogChildProps): JSX.Element;

es/Dialog/index.js

@@ -80,5 +80,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
         lastOutSideActiveElementRef.current = null;
+      } // Trigger afterClose only when change visible from true to false
+
+
+      if (animatedVisible) {
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose();
       }
-
-      afterClose === null || afterClose === void 0 ? void 0 : afterClose();
     }
@@ -156,3 +159,3 @@ }
     return function () {};
-  }, [animatedVisible]); // ========================= Render =========================
+  }, [animatedVisible, scrollLocker]); // ========================= Render =========================
 
@@ -159,0 +162,0 @@ return /*#__PURE__*/React.createElement("div", {

es/Dialog/Mask.d.ts

 import * as React from 'react';
-export interface MaskProps {
+export declare type MaskProps = {
     prefixCls: string;
@@ -8,3 +8,3 @@ visible: boolean;
     maskProps?: React.HTMLAttributes<HTMLDivElement>;
-}
+};
 export default function Mask(props: MaskProps): JSX.Element;

es/DialogWrap.d.ts

 import * as React from 'react';
-import { IDialogPropTypes } from './IDialogPropTypes';
+import type { IDialogPropTypes } from './IDialogPropTypes';
 declare const DialogWrap: React.FC<IDialogPropTypes>;
 export default DialogWrap;

es/IDialogPropTypes.d.ts

@@ -1,4 +0,4 @@
-import { ReactNode, CSSProperties, SyntheticEvent } from 'react';
-import { GetContainer } from 'rc-util/lib/PortalWrapper';
-export interface IDialogPropTypes {
+import type { ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import type { GetContainer } from 'rc-util/lib/PortalWrapper';
+export declare type IDialogPropTypes = {
     className?: string;
@@ -25,5 +25,5 @@ keyboard?: boolean;
     maskAnimation?: any;
-    wrapStyle?: {};
-    bodyStyle?: {};
-    maskStyle?: {};
+    wrapStyle?: Record<string, any>;
+    bodyStyle?: Record<string, any>;
+    maskStyle?: Record<string, any>;
     prefixCls?: string;
@@ -42,2 +42,2 @@ wrapClassName?: string;
     focusTriggerAfterClose?: boolean;
-}
+};

lib/Dialog/Content/index.d.ts

 import * as React from 'react';
-import { IDialogChildProps } from '..';
-export interface ContentProps extends IDialogChildProps {
+import type { IDialogChildProps } from '..';
+export declare type ContentProps = {
     motionName: string;
@@ -9,8 +9,17 @@ ariaId: string;
     onMouseUp: React.MouseEventHandler;
-}
-export interface ContentRef {
+} & IDialogChildProps;
+export declare type ContentRef = {
     focus: () => void;
     changeActive: (next: boolean) => void;
-}
-declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<ContentRef>>;
+};
+declare const Content: React.ForwardRefExoticComponent<{
+    motionName: string;
+    ariaId: string;
+    onVisibleChanged: (visible: boolean) => void;
+    onMouseDown: React.MouseEventHandler;
+    onMouseUp: React.MouseEventHandler;
+} & {
+    getOpenCount: () => number;
+    scrollLocker?: import("rc-util/lib/Dom/scrollLocker").default;
+} & import("../..").DialogProps & React.RefAttributes<ContentRef>>;
 export default Content;

lib/Dialog/Content/MemoChildren.d.ts

 import * as React from 'react';
-export interface MemoChildrenProps {
+export declare type MemoChildrenProps = {
     shouldUpdate: boolean;
     children: React.ReactNode;
-}
-declare const _default: React.MemoExoticComponent<({ children }: MemoChildrenProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>>;
+};
+declare const _default: React.MemoExoticComponent<({ children }: MemoChildrenProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>>;
 export default _default;

lib/Dialog/index.d.ts

 /// <reference types="react" />
-import ScollLocker from 'rc-util/lib/Dom/scrollLocker';
-import { IDialogPropTypes } from '../IDialogPropTypes';
-export interface IDialogChildProps extends IDialogPropTypes {
+import type ScollLocker from 'rc-util/lib/Dom/scrollLocker';
+import type { IDialogPropTypes } from '../IDialogPropTypes';
+export declare type IDialogChildProps = {
     getOpenCount: () => number;
     scrollLocker?: ScollLocker;
-}
+} & IDialogPropTypes;
 export default function Dialog(props: IDialogChildProps): JSX.Element;

lib/Dialog/index.js

@@ -100,5 +100,8 @@ "use strict";
         lastOutSideActiveElementRef.current = null;
+      } // Trigger afterClose only when change visible from true to false
+
+
+      if (animatedVisible) {
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose();
       }
-
-      afterClose === null || afterClose === void 0 ? void 0 : afterClose();
     }
@@ -176,3 +179,3 @@ }
     return function () {};
-  }, [animatedVisible]); // ========================= Render =========================
+  }, [animatedVisible, scrollLocker]); // ========================= Render =========================
 
@@ -179,0 +182,0 @@ return /*#__PURE__*/React.createElement("div", {

lib/Dialog/Mask.d.ts

 import * as React from 'react';
-export interface MaskProps {
+export declare type MaskProps = {
     prefixCls: string;
@@ -8,3 +8,3 @@ visible: boolean;
     maskProps?: React.HTMLAttributes<HTMLDivElement>;
-}
+};
 export default function Mask(props: MaskProps): JSX.Element;

lib/DialogWrap.d.ts

 import * as React from 'react';
-import { IDialogPropTypes } from './IDialogPropTypes';
+import type { IDialogPropTypes } from './IDialogPropTypes';
 declare const DialogWrap: React.FC<IDialogPropTypes>;
 export default DialogWrap;

lib/IDialogPropTypes.d.ts

@@ -1,4 +0,4 @@
-import { ReactNode, CSSProperties, SyntheticEvent } from 'react';
-import { GetContainer } from 'rc-util/lib/PortalWrapper';
-export interface IDialogPropTypes {
+import type { ReactNode, CSSProperties, SyntheticEvent } from 'react';
+import type { GetContainer } from 'rc-util/lib/PortalWrapper';
+export declare type IDialogPropTypes = {
     className?: string;
@@ -25,5 +25,5 @@ keyboard?: boolean;
     maskAnimation?: any;
-    wrapStyle?: {};
-    bodyStyle?: {};
-    maskStyle?: {};
+    wrapStyle?: Record<string, any>;
+    bodyStyle?: Record<string, any>;
+    maskStyle?: Record<string, any>;
     prefixCls?: string;
@@ -42,2 +42,2 @@ wrapClassName?: string;
     focusTriggerAfterClose?: boolean;
-}
+};

package.json

 {
   "name": "rc-dialog",
-  "version": "8.5.1",
+  "version": "8.5.2",
   "description": "dialog ui component for react",
@@ -64,3 +64,3 @@ "keywords": [
     "cross-env": "^7.0.0",
-    "dumi": "^1.0.37",
+    "dumi": "^1.1.0",
     "enzyme": "^3.1.1",
@@ -67,0 +67,0 @@ "enzyme-adapter-react-16": "^1.0.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

65324

increased by8.56%

Number of package files

38

increased by2.7%

Lines of code

1471

increased by1.52%

No dependency changes