Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
rc-dialog
Advanced tools
rc-dialog - npm Package Compare versions
Comparing version 4.3.0 to 4.3.1
@@ -84,4 +84,10 @@ 'use strict'; | ||
| value: function requestClose() { | ||
| if (this.props.onBeforeClose) { | ||
| this.props.onBeforeClose(this.close); | ||
| var onBeforeClose = this.props.onBeforeClose; | ||
| if (onBeforeClose) { | ||
| if (onBeforeClose.length) { | ||
| onBeforeClose(this.close); | ||
| } else { | ||
| onBeforeClose(); | ||
| this.close(); | ||
| } | ||
| } else { | ||
@@ -88,0 +94,0 @@ this.close(); |
| { | ||
| "name": "rc-dialog", | ||
| "version": "4.3.0", | ||
| "version": "4.3.1", | ||
| "description": "dialog ui component for react", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
127
README.md
@@ -56,64 +56,71 @@ # rc-dialog | ||
| #### prefixCls | ||
| * The dialog dom node's prefixCls. Defaults to `rc-dialog` | ||
| #### visible | ||
| * The dialog whether or not shown,default false | ||
| <table class="table table-bordered table-striped"> | ||
| <thead> | ||
| <tr> | ||
| <th style="width: 100px;">name</th> | ||
| <th style="width: 50px;">type</th> | ||
| <th>default</th> | ||
| <th>description</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td>prefixCls</td> | ||
| <td>String</td> | ||
| <th>rc-dialog</th> | ||
| <td>The dialog dom node's prefixCls</td> | ||
| </tr> | ||
| <tr> | ||
| <td>visible</td> | ||
| <td>Boolean</td> | ||
| <th>false</th> | ||
| <td></td> | ||
| </tr> | ||
| <tr> | ||
| <td>renderToBody</td> | ||
| <td>Boolean</td> | ||
| <th>true</th> | ||
| <td>whether render dialog to body</td> | ||
| </tr> | ||
| <tr> | ||
| <td>animation</td> | ||
| <td>String</td> | ||
| <th></th> | ||
| <td>part of dialog animation css class name</td> | ||
| </tr> | ||
| <tr> | ||
| <td>maskAnimation</td> | ||
| <td>String</td> | ||
| <th></th> | ||
| <td>part of dialog's mask animation css class name</td> | ||
| </tr> | ||
| <tr> | ||
| <td>title</td> | ||
| <td>String|React.Element</td> | ||
| <th></th> | ||
| <td>Title of the dialog</td> | ||
| </tr> | ||
| <tr> | ||
| <td>footer</td> | ||
| <td>React.Element</td> | ||
| <th></th> | ||
| <td>footer of the dialog</td> | ||
| </tr> | ||
| <tr> | ||
| <td>closable</td> | ||
| <td>Boolean</td> | ||
| <th>true</th> | ||
| <td>whether show close button and click mask to close</td> | ||
| </tr> | ||
| <tr> | ||
| <td>onBeforeClose</td> | ||
| <td>function(close)</td> | ||
| <th></th> | ||
| <td>when click close button or mask. argument is a close function</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| #### renderToBody | ||
| * whether render dialog to body. default true | ||
| #### animation | ||
| * part of dialog animation css class name | ||
| #### maskAnimation | ||
| * part of dialog's mask animation css class name | ||
| #### transitionName | ||
| * dialog animation css class name | ||
| #### maskTransitionName | ||
| * dialog's mask animation css class name | ||
| #### title | ||
| * Title of the dialog | ||
| #### footer | ||
| * footer of the dialog | ||
| #### closable | ||
| * whether show close button and click mask to close | ||
| #### onBeforeClose | ||
| * called by requestClose or click close button or mask | ||
| #### onShow | ||
| * When the dialog shown , the callback was called. | ||
| #### onClose | ||
| * When the dialog closed, the callback was called. | ||
| #### align | ||
| * align config. see https://github.com/yiminghe/dom-align | ||
| ```js | ||
| { | ||
| node: // defaults to window, | ||
| points: ['tc', 'tc'], | ||
| offset: [0, 100] | ||
| } | ||
| ``` | ||
| ### methods (not recommended) | ||
| #### show | ||
| * make dialog show and trigger onShow if current visible is false | ||
| #### close | ||
| * make dialog hide and trigger onClose if current visible is true | ||
| #### requestClose | ||
| * run props.beforeClose first, if beforeClose does not return false then call close() | ||
| ## Development | ||
@@ -130,3 +137,3 @@ | ||
| online example: http://react-component.github.io/dialog/build/examples/ | ||
| online example: http://react-component.github.io/dialog/examples/ | ||
@@ -133,0 +140,0 @@ ## Test Case |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by2.21%
25220
- Lines of code
- increased by0.92%
661
- Number of lines in readme file
- increased by4.96%
148
No dependency changes