# 抽屉组件 KabudaDrawer
背景
- 为了和设计统一管理抽屉样式
- 减少抽屉代码量，更高效的开发
- 此为初始版，如有使用不方便地方欢迎大家指正
- 有element和arco两个版本
提示
- 源码在 kabuda-view-component 项目中 base-ui/element分支 和 base-ui/arco分支 中
// element版
npm install -d kabuda-element;
import {KabudaDrawer} from 'kabuda-element';
// arco版
npm install -d kabuda-arco;
import {KabudaDrawer} from 'kabuda-arco';
1
2
3
4
5
6
2
3
4
5
6
# 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| visible | 是否显示抽屉 | Boolean | true/false | — |
| title | 抽屉标题 | String | — | '' |
| drawerProps | 抽屉默认属性 | Object | — | {} |
# 事件说明
element版本
| 事件名 | 说明 | 参数 |
|---|---|---|
| close | 关闭弹窗回调 | - |
arco版本
| 事件名 | 说明 | 参数 |
|---|---|---|
| close | 关闭弹窗回调 | - |
| cancel | 取消按钮点击回调 | - |
| ok | 提交按钮点击回调 | - |