# XForm

通用数据抽屉控件，快速制作数据详情抽屉


## 何时使用

当需要一个通用数据抽屉时


引用方式：

```javascript
import XDataDrawer from '@vue2-client/base-client/components/XDataDrawer/XDataDrawer'

export default {
    components: {
      XDataDrawer
    }
}
```



## 代码演示

```html
<x-data-drawer
  :isExports="true"
  @onSubmit="onSubmit">
</x-data-drawer>
```

## API

| 参数        | 说明                       | 类型      | 默认值  |
|-----------|--------------------------|---------|------|
| jsonData  | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}   |
| isExports | 是否显示导出按钮                 | Boolean | true |
| getDataParams | 调用logic获取数据源的追加参数 | Object | - |
| @onSubmit | 表单的提交事件                  | event   | -    |
