Feature/disable resizing (#710)

* add enableResizing false type

* code fix

* add enableResizing type boolean

Author: almond-bongbong

README.md

@@ -296,7 +296,7 @@ export type Enable = {
   top?: boolean;
   topLeft?: boolean;
   topRight?: boolean;
-}
+} | boolean
 ```
 
 #### `disableDragging?: boolean;`

src/index.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { DraggableEventHandler, default as DraggableRoot } from "react-draggable";
-import { Resizable, ResizeDirection } from "re-resizable";
+import { Enable, Resizable, ResizeDirection } from "re-resizable";
 
 // FIXME: https://github.com/mzabriskie/react-draggable/issues/381
 //         I can not find `scale` too...
@@ -80,7 +80,7 @@ export type ResizeEnable = {
   top?: boolean;
   topLeft?: boolean;
   topRight?: boolean;
-};
+} | boolean;
 
 export type HandleClasses = {
   bottom?: string;
@@ -170,6 +170,17 @@ const resizableStyle = {
   left: 0,
 };
 
+const getEnableResizingByFlag = (flag: boolean): Enable => ({
+  bottom: flag,
+  bottomLeft: flag,
+  bottomRight: flag,
+  left: flag,
+  right: flag,
+  top: flag,
+  topLeft: flag,
+  topRight: flag,
+});
+
 interface DefaultProps {
   maxWidth: number;
   maxHeight: number;
@@ -614,7 +625,7 @@ export class Rnd extends React.PureComponent<Props, State> {
           ref={this.refResizable}
           defaultSize={defaultValue}
           size={this.props.size}
-          enable={enableResizing}
+          enable={typeof enableResizing === "boolean" ? getEnableResizingByFlag(enableResizing) : enableResizing}
           onResizeStart={this.onResizeStart}
           onResize={this.onResize}
           onResizeStop={this.onResizeStop}