0.0.9 • Published 1 year ago

encom-drawer v0.0.9

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

EnCom Drawer

EnCom Information Container —— Drawer

安装&使用

yarn add encom-drawer
import Drawer from 'encom-drawer';

example

<Drawer
  placement='bottom'
  width='60%'
  height='60%'
  visible={open}
  title='1111'
  subTitle='2222'
  theme='WHITE'
  maskClosable={false}
  destroyOnClose
  onClose={onCloseDrawer}
  onOpenNew={() => window.open()}
>
  <div>cccc</div>
</Drawer>

Props

参数说明类型默认值
placement'bottom': 横向抽屉，'right':纵向抽屉string'bottom'
title标题string
subTitle子标题string
width纵向抽屉宽度，取值10%-85%string'70%'
height横向抽屉高度， 取值10%-85%string'80%'
visible抽屉是否可见booleanfalse
maskClosable点击遮罩层是否允许关闭booleanfalse
destroyOnClose关闭时是否销毁Drawer里的子元素booleantrue
showNewOpen是否需要显示新页面打开按钮booleantrue
theme主题色，'DARK': 黑色主题， 'WHITE': 白色主题，'GREEN': 绿色主题string'DARK'
children抽屉内部子组件ReactNode
onClose点击关闭按钮时的回调function
onOpenNew点击新页面打开按钮时的回调函数function

Release Notes:

v0.0.9

  • bug fix: 设置title或subTitle时content容器高度计算错误。

v0.0.8

  • bug fix: 用户在点击关闭按钮时，二次确认，关闭动画已经进行。修复为动画由visible属性控制，而不是响应点击关闭按钮事件。

v0.0.7

  • 增加绿色主题

v0.0.6

  • 扩宽抽屉可设置宽高范围至10%-85%

v0.0.5

  • 取消抽屉顶部padding
  • 增加抽屉消失动画

v0.0.4

  • 抽屉样式优化，取消抽屉左右padding

v0.0.3

  • 换肤问题修复
  • 动画样式优化

v0.0.2

  • 打包问题修复
  • 删除无关依赖

v0.0.1

  • 独立抽屉组件，v0.0.1版本发布
rc-drawerreactreact-domtypescript
0.0.9

1 year ago