le-print

描述： A print edit control based on Vue3, Element-Plus,Lodop

安装：

npm i le-print

使用

//main.ts
import { usePrint } from 'le-print'
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
usePrint(app)
app.mount('#app', true)

<template>
  <print
    :component-options="OutStockOptions"
    :paper-size-options="paperSizeOptions"
    :print-data="data"
    :template="template"
  />
</template>
<script lang="ts" setup>
import print from 'le-print'
import 'le-print/dist/style.css'
import { OutStockOptions, paperSizeOptions, data, template } from './data'
</script>

| 属性 | 说明 | 类型 | | :--------------: | :------------: | :----: | | ComponentOptions | 可选项组件 | Array | | PaperSizeOptions | 纸张选项 | Object | | PrintData | 打印的数据 | Object | | template | 默认打开的模板 | Object |

ComponentOptions [ ]

| 属性 | 说明 | 类型 | | ------------ | ------------------------------------------------- | ------------------------------- | | type | ddedit：自定义文本， html：分页， LdTable：表格 | 'ddedit' | 'html' | 'LdTable' | | isEdit | 是否允许编辑 | Boolean | | title | 选项中的文字 | String | | value | 显示值，打印的缺省value | String | | defaultValue | 打印的缺省value | String | | width | 默认宽度 | String | | height | 默认高度 | String | | left | 默认left值 | String | | top | 默认top值 | String | | style | 默认样式 | { FontSize：number } |

PaperSizeOptions[]

| 属性 | 说明 | 类型 | | ------ | ---------------------------------------------- | ------ | | name | 选项中的name | String | | width | 纸张宽度 | Number | | height | 纸张高度 | Number | | id | 纸张id，唯一值（id为0已经被使用，从id为1开始） | Number |

template[]

默认模板

事件

| 事件名 | 描述 | 类型 | | ------------ | -------------------------------- | ---- | | saveTemalmte | 点击保存模板时触发，返回模板数据 | - |