@hi-ui/drawer NPM | npm.io

4.3.1 • Published 5 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

5 months ago

Drawer 抽屉

模态对话框一般会中断当前任务流，在相对无信息干扰的环境下完成微型任务

何时使用

当前任务中需要中途填写信息或执行别的动作

常见于后台设置、新建编辑等场景

使用示例

Props

参数	说明	类型	可选值	默认值
title	模态框标题	string \| ReactNode	-	-
visible	是否显示模态框	boolean	true \| false	false
closable	是否展示右上角关闭按钮	boolean	true \| false	true
maskClosable	是否允许点击蒙层关闭抽屉	boolean	true \| false	true
showMask	是否显示蒙层	boolean	true \| false	true
width	自定义抽屉宽度	number	-	360
footer	自定义抽屉底部	ReactNode \| null	-	-
placement	抽屉唤起的方向	string	'left' \| 'right'	'right'

Events

名称	说明	类型	参数	返回值
onClose	关闭事件触发时的回调	(event: MouseEvent) => void	event: 鼠标事件对象	-

CHANGELOG

参数	变更类型	变更内容	解决的问题
preload	feature
unmountOnClose	feature
onClose	update	去除 event 参数
closeOnEsc	feature
onEscKeyDown	feature
closeIcon	feature
lockScroll	feature
timeout	feature
disabledPortal	feature
container	feature
onExited	feature
maskClosable	deprecated

@hi-ui/classname @hi-ui/env @hi-ui/icon-button @hi-ui/icons @hi-ui/modal @hi-ui/portal @hi-ui/type-assertion @hi-ui/use-latest @hi-ui/use-merge-refs @hi-ui/use-scroll-lock @hi-ui/use-toggle react-transition-group

@infinitebrahmanuniverse/nolb-_hi-@everything-registry/sub-chunk-394 @hi-ui/table @hi-ui/hiui @hi-ui/classic-theme

5 months ago

6 months ago

5 months ago

9 months ago

10 months ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago