open-index/open-npm huggingface dataset:
npm package: @lidyamoses/auth
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.
Latest version: 0.0.1

# Auth

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.

## Code scaffolding

Run `ng generate component component-name --project auth` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project auth`.
> Note: Don't forget to add `--project auth` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build auth` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build auth`, go to the dist folder `cd dist/auth` and run `npm publish`.

## Running unit tests

Run `ng test auth` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @lie-xyh/ticket-print-parser
Description: 一个hiprint打印渲染组件，支持自定义模板和动态数据渲染，适用于快速生成打印模板并渲染数据。
Latest version: 0.0.24
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lie-xyh/ticket-print-parser

一个hiprint打印渲染组件，支持自定义模板和动态数据渲染，适用于快速生成打印模板并渲染数据。

## 功能特点

- 支持动态数据渲染自定义打印模板
- 支持条形码和二维码生成
- 支持循环表格数据
- 支持部分自定义样式
- 支持 ES5 和 ESNext 两种构建版本

## 安装

```bash
npm install @lie-xyh/ticket-print-parser
```

## 基本使用
```javascript
import HiprintRender, { handleAllField } from 'hiprint-render';

// 创建打印实例
const hiprintRender = new HiprintRender(printJson, fieldData);

// 渲染 HTML
hiprintRender.renderHtml((htmlString) => {
  // 处理生成的 HTML
  console.log(htmlString);
});

// 获取模板中所有的绑定字段
const list = handleAllField(printJson)
console.log(list);
```

## 参数说明
###### printJson 结构hiprint的模板json
###### fieldData 结构
```javascript
{
  data: {
    fieldName: "值",
    // 其他字段...
    tableField: [
      {
        column1: "值1",
        column2: "值2"
      }
      // 更多行数据...
    ]
  },
  hiddens: ['fieldName1', 'fieldName2']
}
```

## 支持的元素类型
- text：文本元素
- tableCustom：表格（支持循环数据）
- barcode：条形码
- qrcode：二维码
- longText：长文本
- hline：分割线

## 构建 ESNext 版本
npm run build:esnext

## 构建 ES5 版本（支持 IE11）
npm run build:es5

## 注意事项
- 确保提供正确的 printJson 结构
- fieldData 对象中的字段需要与模板中的 field 对应
- 条形码和二维码需要提供有效的数据才会显示
- 渲染时所有尺寸相关的数值使用 mm 单位
- 支持空值处理，空值会显示为"无"

## 字段设置规则

| 规则 | 示例 | 标题 | 字段名 | 备注 |
| --- | --- | --- | --- | --- |
| 变量绑定 | 京东到家 | 标题 | {{businessName}} | 标题隐藏 |
| - | 北京高济百康大药房有限公司百万庄分店-百万庄分店 | 副标题 | {{businessName}}-{{storeName}} | 同上 |
| - | 客户姓名：魏** | 客户姓名 | {{userInfo.buyerFullName}} | |
| 纯文字 | 温馨提示:药品为特殊商品，非质量问题改不退换 | 温馨提示 | 药品为特殊商品，非质量问题改不退换 |
| 图片-二维码 | 发票二维码 | {{userInfo.qrCodeUrl}} | |
| 条形码-文本 | 条形码 | {{omsOrderId}} | | 打印类型选二维码 |
| 循环使用表格组件 | 序号 | 序号 | index | 打印类型选条形码 |
| - | 商品名称 | 商品名称#skuName | | |
| - | 商品编码/商品名称 | 商品编码/商品名称#{{goodsNo}}/{{skuName}} | | |
| - | 最低高度 | | | 设置表格每行间隔 |
| 80mm | | | | 整体设置宽度为72mm |
| 58mm | | | | 整体设置宽度为48mm |