# ts-hi-print

**Repository Path**: eugene-forest/ts-hi-print

## Basic Information

- **Project Name**: ts-hi-print
- **Description**: 基于 @sv-print/hiprint 的自定义报表Vue组件
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-10-12
- **Last Updated**: 2024-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: hiprint, Vue

## README

# ts-hiprint

`@sv-print/hiprint` 核心包的Type类型封装，基于 `@sv-print/hiprint` 的自定义报表Vue组件


## 用例

`npm i ts-hiprint` 安装依赖，然后 vue 安装插件的形式使用。

```ts

import "ts-hiprint/dist/style.css";//全局引入样式
import TsHiprint from "ts-hiprint";

createApp(App)
    .use(TsHiprint)
    .mount('#app')

```

样式文件最好不要使用全局引入的形式使用（这里写是为了方便）；最好在使用的 Vue 组件中引入。

> 需要注意， `ts-hiprint` 包体中存在 `print-lock.css` 文件, 需要在 `index.html` 引入打印样式。


```html

    <!-- 打印所需要的 hiprint 的 css -->
    <link rel="stylesheet" type="text/css" media="print" href="./public/css/print-lock.css">
```