# @vxe-ui/plugin-export-pdf

[Vxe UI](https://vxeui.com/) plug-in supports pdf file export. use [jspdf](https://github.com/MrRio/jsPDF).

## Compatibility

It corresponds to [vxe-table v4](https://www.npmjs.com/package/vxe-table) or [vxe-pc-ui v4](https://www.npmjs.com/package/vxe-pc-ui)  

## Installing

```shell
npm install @vxe-ui/plugin-export-pdf jspdf
```

```javascript
// ...
// Use vxe-pc-ui
import { VxeUI } from 'vxe-pc-ui'
// Use vxe-table
// import { VxeUI } from 'vxe-table'
import VxeUIPluginExportPDF from '@vxe-ui/plugin-export-pdf'
import { jsPDF } from 'jspdf'
// ...

// 1：NPM install, inject jsPDF objects
VxeUI.use(VxeUIPluginExportPDF, {
  jsPDF,
  // 支持中文字体
  // fontName: 'SourceHanSans-Normal',
  // fonts: [
  //   {
  //     fontName: 'SourceHanSans-Normal',
  //     fontUrl: 'https://cdn.jsdelivr.net/npm/vxe-table-plugin-export-pdf/fonts/source-han-sans-normal.js'
  //   }
  // ]
})

// 2：CDN install, just make sure window.jsPDF exists
// VxeUI.use(VxeUIPluginExportPDF)
```

## Table Demo

```html
<template>
  <vxe-button @click="exportEvent">Export.pdf</vxe-button>

  <vxe-table
    ref="tableRef"
    :height="600"
    :data="tableData">
    <vxe-column type="seq" width="60"></vxe-column>
    <vxe-column field="name" title="Name"></vxe-column>
    <vxe-column field="age" title="Age"></vxe-column>
    <vxe-column field="date" title="Date"></vxe-column>
  </vxe-table>
</template>

<script>
export default {
  data () {
    return {
      tableData: [
        { id: 100, name: 'test', age: 26, date: '2019-01-01' },
        { id: 101, name: 'test1', age: 30, date: '2019-01-01' },
        { id: 102, name: 'test2', age: 34, date: '2019-01-01' }
      ]
    }
  },
  methods: {
    exportEvent() {
      this.$refs.tableRef.exportData({
        filename: 'export',
        sheetName: 'Sheet1',
        type: 'pdf'
      })
    }
  }
}
</script>
```

## Contributors

Thank you to everyone who contributed to this project.

[![vxe-ui-plugins](https://contrib.rocks/image?repo=x-extends/vxe-ui-plugins)](https://github.com/x-extends/vxe-ui-plugins/graphs/contributors)

## License

[MIT](LICENSE) © 2019-present, Xu Liangzhan