抽屉
抽屉的使用方式与**模态框(DtModal)**相似。
基本使用
useDrawer API
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| t | 国际化备注 | string | ||
| visible | 弹框是否可见 | boolean | false | |
| closable | 点击空白区域是否可以关闭 | boolean | true | |
| height | 高度 | number | ||
| minHeight | 最小高度 | number | ||
| width | 宽度 | number | string | ||
| draggable | 是否支持弹窗拖拽 | boolean | true | |
| defaultFullscreen | 默认全屏 | boolean | false | |
| canFullscreen | 是否支持全屏 | boolean | true | |
| title | 弹框标题 | string | ComputedRef<string> | ((data: Recordable) => String) | ||
| loading | 弹框是否显示加载 | boolean | true | |
| loadingTip | 加载提示 | string | 加载中... | |
| useWrapper | 是否使用modalWrapper | boolean | true | |
| showOkBtn | 是否显示保存按钮 | boolean | true | |
| showCancelBtn | 是否显示关闭按钮 | boolean | true | |
| okText | 保存文字 | string | '保存' | |
| cancelText | 取消文字 | string | '关闭' | |
| footer | footer按钮 | ButtonProps[] | ||
| bodyStyle | body样式 | CSSProperties | ||
| getContainer | 挂载位置 | |||
| placement | 弹框位置 | 'top' | 'right' | 'bottom' | 'left' | 'right' | |
| closeFunc | 按钮关闭前的钩子函数 | () => Promise<boolean> | ||
| afterClose | 弹框关闭后钩子函数 | () => void |