React EasyUI 调整大小
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| disabled | boolean | 为True时，禁用调整。 | false |
| handles | string | 表示可调整大小的方向。可选值：'n', 'e', 'w', 's', 'ne', 'se', 'sw', 'nw', all 。 | all |
| edge | number | 调整大小的边框边缘。 | 5 |
| minWidth | number | 调整大小时的最小宽度。 | 10 |
| minHeight | number | 调整大小时的最小高度。 | 10 |
| maxWidth | number | 调整大小时的最大宽度。 | 10000 |
| maxHeight | number | 调整大小时的最大高度。 | 10000 |
事件列表
| 名称 | 参数 | 作用描述 |
|---|---|---|
| onResizeStart | state | 开始调整大小时触发。 |
| onResizing | state | 调整放置。 |
| onResizeStop | state | 停止调整大小时触发。 |
注：
- 继承： LocaleBase 。
使用方法
<Resizable {...resizeProps}>
<div style={itemStyle}>
<p style={{ textAlign: 'center' }}>Resize Me</p>
</div>
</Resizable>