qt-public-ui
Version:
新设计规范下业务组件库
35 lines (27 loc) • 868 B
Markdown
- 安装
```
tnpm i --save @ali/draggable-drawer
```
- 属性
扩展原 antd drawer 功能,原组件参数参考:[https://ant.design/components/drawer-cn/#API](https://ant.design/components/drawer-cn/#API)
```js
{
dragRange?: [number, number]; // 在浏览器可视区域内的拖拽范围比例,取值 0-1,默认[0.2, 0.8],
initialWidth?: number; // 设置初始宽度, 原组件 width 属性不生效,默认 256 (同antd)
initialHeight?: number; // 设置初始高度, 原组件 height 属性不生效,默认 256 (同antd)
}
```
注:初始值经计算超出拖拽范围时不生效,以最小宽度为初始值
- 使用
```js
import { DragDrawer } from '..';
export default () => (
<DragDrawer
visible
placement="right"
initialWidth={400}
>
<p>Some content in drawer...</p>
</DragDrawer>
);
```