## yh-hiprint
力控元海技术中心封装的 hiprint
当前教程匹配 2+ 版本
## 安装
配置好[云效NPM私有仓库](https://packages.aliyun.com/npm/npm-registry/guide)后,直接执行如下命令安装
```shell
npm install yh-hiprint
```
## 使用
### 安装并引入设计器
`main.js（main.ts）` 中
```javascript
import yhHiprint from "yh-hiprint";
// ……
const app = createApp(App);
//……
app.use(yhHiprint, {
router,
pinia,
isAdmin,
});
//……
app.use(pinia);
app.use(router);
app.use(ElementPlus);
```
### 预览页面配置
###### 新增预览页入口html
`hiprint/index.html`
```html
力控元海
```
###### 新增预览页入口js
`src/layout/hiprint/hiprint.js`
```js
import { createApp } from "vue";
import { createRouter, createWebHashHistory } from "vue-router";
import { setTitle } from "@/libs/util";
import "element-plus/dist/index.css";
import App from "yh-hiprint/hiprint.vue";
const router = createRouter({
history: createWebHashHistory(),
routes: [
{
path: "/",
redirect: "/preview",
},
{
path: "/preview",
name: "printView",
meta: {
title: "打印",
},
component: () => import("yh-hiprint/hiprintPreview.vue"),
},
],
});
router.beforeEach((to, from, next) => {
next();
});
router.afterEach((to) => {
setTitle(to);
window.scrollTo(0, 0);
});
const app = createApp(App);
app.use(router);
app.mount("#app");
```
###### 配置对应 的vite 入口
`vite-.config.js`
```javascript
// ……
export default defineConfig({
// ……
build: {
// ……
rollupOptions: {
// ……
input: {
// ……
hiprint: path.resolve(__dirname, "hiprint/index.html"),
},
},
},
});
```
### 预览调用方法
```javascript
// 如果是自己的组件中则需要自己引入,slw 脚本中是不需要自己引入的，slw已经处理
const hiprint = inject("$hiprint")
// 三个可选参数必须有一个
hirpint({
code: "xxxxxx", // 必选
params: {...}, // 可选
data: {...} | [{...},...], // 可选
isCustom: true | false, // 可选
})
```
## 更新日志
###### 2.2.0
- 修复 hiprint 方法升级后没有考虑到的问题。
- 增加 自定义输入数据 时，能够将数据存入缓存中。
###### 2.1.1
- 升级 hiprint 方法，兼容打印预览的 data、isCustom 参数
###### 2.1.0
- 打印预览增加 data、isCustom 参数，并提供 isCustom 参数的GUI部分
- 修复部分设计器的bug
###### 2.0.0
- 插件内聚，将能够内聚的代码都提取到包中。