yh-hiprint 2.5.3 → 3.0.0

package/libs/hiprint.bundle.js

@@ -2291,7 +2291,6 @@ var hiprint = (function (t) {
                             useSVG: !0,
                             correctLevel: t.tableQRCodeLevel || 0,
                             typeNumber,
-                            mode: 4,
                           }).makeCode(p);
                           r.html(qrcodebox);
                         }
@@ -10188,7 +10187,7 @@ var hiprint = (function (t) {
                         QRCode({
                           level: this.options.getQRcodeLevel(),
                           fnc1: 'None',
-                          mode: 4,
+                          mode: 'Auto',
                           moduleSize: 8,
                           quietZone: 0,
                           aimIndicator: 0,

package/libs/previewHiprint.ts

@@ -0,0 +1,55 @@
+// @ts-ignore
+import axios from '@/libs/api.request';
+import {ElMessage, ElMessageBox} from 'element-plus';
+import {hiprint} from 'yh-hiprint';
+
+export default async function (code) {
+  let {
+    data: {list, json},
+  } = await axios.request({
+    url: `/printTemplate/data/${code}`,
+    method: 'post',
+    type: 'json',
+    data: [
+      {
+        code: '50101820',
+      },
+    ],
+  });
+  if (json) {
+    if (Array.isArray(list) && list.length > 0) {
+      list = list.map((item) => {
+        let printData = {};
+        let datas = Object.entries(item);
+        datas.forEach((arr) => {
+          if (Array.isArray(arr[1])) {
+            printData[arr[0]] = arr[1];
+          } else {
+            if (arr[1] !== null && arr[1] !== undefined) {
+              let itemsEntries = Object.entries(arr[1]);
+              itemsEntries.forEach((cArr) => {
+                printData[`$${arr[0]}[${cArr[0]}]`] = cArr[1];
+              });
+            }
+          }
+        });
+        return printData;
+      });
+    } else {
+      list = [];
+    }
+    const htmlStr = new hiprint.PrintTemplate({template: JSON.parse(json)}).getHtml(list)[0].innerHTML;
+    ElMessageBox.alert(htmlStr, '打印预览', {
+      customClass: 'print-preview-dialog',
+      dangerouslyUseHTMLString: true,
+      closeOnClickModal: true,
+      closeOnPressEscape: true,
+      closeOnHashChange: true,
+      showConfirmButton: false,
+    });
+  } else {
+    ElMessage.warning({
+      message: '模板配置不存在，请检查',
+    });
+  }
+}

package/package.json

@@ -1,24 +1,14 @@
 {
   "name": "yh-hiprint",
-  "version": "2.5.3",
-  "description": "Hiprint for Vue3 by NoahLiu in ForceCon in Hunan Changesha",
-  "main": "index.js",
-  "types": "index.d.ts",
+  "version": "3.0.0",
+  "description": "Hiprint for Vue3",
+  "main": "index.ts",
   "scripts": {
     "start": "npm run pub:aliyun && npm run pub:npm",
     "pub:aliyun": "npm publish --registry https://packages.aliyun.com/60765e0161a945067837bb5f/npm/npm-registry/ --no-git-checks",
     "pub:npm": "npm publish --registry https://registry.npmjs.org/ --no-git-checks"
   },
   "dependencies": {
-    "@babel/core": "7.28.4",
-    "@babel/generator": "7.28.3",
-    "@babel/parser": "7.28.4",
-    "@babel/plugin-transform-arrow-functions": "^7.27.1",
-    "@babel/plugin-transform-block-scoping": "^7.28.4",
-    "@babel/plugin-transform-computed-properties": "^7.27.1",
-    "@babel/plugin-transform-shorthand-properties": "^7.27.1",
-    "@babel/plugin-transform-template-literals": "^7.27.1",
-    "@babel/traverse": "7.28.4",
     "@nuintun/qrcode": "^5.0.1",
     "canvg": "4.0.1",
     "html2canvas": "1.4.1",

package/store/defaultPrintElement.ts

@@ -0,0 +1,152 @@
+import {HlinePrintElementType, ImagePrintElementType, PrintElementTypes, TextPrintElementType, VlinePrintElementType, RectPrintElementType, OvalPrintElementType, TablePrintElementType, LongTextPrintElementType, BarcodePrintElementType, QRCodePrintElementType, HTMLPrintElementType} from '../types';
+
+export const defaultTextElement: TextPrintElementType = {
+  printElementType: {
+    title: '文本',
+    type: PrintElementTypes.TEXT,
+  },
+  options: {
+    textType: 'text',
+    title: '文本',
+  },
+};
+
+export const defaultTextValElement: TextPrintElementType = {
+  printElementType: {
+    title: '值（文本）',
+    type: PrintElementTypes.TEXT,
+  },
+  options: {
+    textType: 'text',
+    title: '值（文本）',
+  },
+};
+
+export const defaultImageElement: ImagePrintElementType = {
+  printElementType: {
+    title: '图片',
+    type: PrintElementTypes.IMAGE,
+  },
+  options: {
+    title: '图片',
+  },
+};
+
+export const defaultHlineElement: HlinePrintElementType = {
+  printElementType: {
+    title: '横线',
+    type: PrintElementTypes.HLINE,
+  },
+  options: {
+    title: '横线',
+  },
+};
+
+export const defaultVlineElement: VlinePrintElementType = {
+  printElementType: {
+    title: '竖线',
+    type: PrintElementTypes.VLINE,
+  },
+  options: {
+    title: '竖线',
+  },
+};
+
+export const defaultReactElement: RectPrintElementType = {
+  printElementType: {
+    title: '矩形',
+    type: PrintElementTypes.RECT,
+  },
+  options: {
+    title: '矩形',
+  },
+};
+
+export const defaultOvalElement: OvalPrintElementType = {
+  printElementType: {
+    title: '圆形',
+    type: PrintElementTypes.OVAL,
+  },
+  options: {
+    title: '圆形',
+  },
+};
+
+export const defaultTableElement: TablePrintElementType = {
+  printElementType: {
+    title: '表格',
+    type: PrintElementTypes.TABLE,
+    columns: [
+      [
+        {
+          title: '列1',
+          width: 100,
+          rowspan: 1,
+          colspan: 1,
+        },
+        {
+          title: '列2',
+          width: 100,
+          rowspan: 1,
+          colspan: 1,
+        },
+      ],
+    ],
+  },
+  options: {
+    title: '表格',
+  },
+};
+
+export const defaultemptyTableElement: TablePrintElementType = {
+  printElementType: {
+    title: '空白表格',
+    type: PrintElementTypes.TABLE,
+    columns: [],
+  },
+  options: {
+    title: '空白表格',
+  },
+};
+
+export const defaultLongTextElement: LongTextPrintElementType = {
+  printElementType: {
+    title: '长文本',
+    type: PrintElementTypes.LONGTEXT,
+  },
+  options: {
+    title: '长文本',
+  },
+};
+
+export const defaultHTMLElement: HTMLPrintElementType = {
+  printElementType: {
+    title: 'HTML',
+    type: PrintElementTypes.HTML,
+  },
+  options: {
+    title: 'HTML',
+  },
+};
+
+export const defaultQRCodeElement: QRCodePrintElementType = {
+  printElementType: {
+    title: '二维码',
+    type: PrintElementTypes.TEXT,
+  },
+  options: {
+    title: '二维码',
+    textType: 'qrcode',
+  },
+};
+
+export const defaultBarcodeElement: BarcodePrintElementType = {
+  printElementType: {
+    title: '条形码',
+    type: PrintElementTypes.TEXT,
+  },
+  options: {
+    title: '条形码',
+    textType: 'barcode',
+  },
+};

package/store/useHiprintStore.ts

@@ -0,0 +1,75 @@
+import {computed, ref} from 'vue';
+import {HiprintPrintOption, PrintElementType, PrintElementTypes, PrintPanelOptions, TextPrintElementType} from 'yh-hiprint/types';
+import {defineStore} from 'pinia';
+
+export default defineStore('useHiprintStore', () => {
+  const printElements = ref<PrintElementType[]>([]);
+  const panelOption = ref<PrintPanelOptions>();
+
+  const activeElements = ref<PrintElementType[]>([]);
+
+  const activeElement = computed<PrintElementType | null>(() => {
+    if (activeElements.value.length && activeElements.value.length === 1) {
+      return activeElements.value[0];
+    } else {
+      return null;
+    }
+  });
+
+  const panelType = computed<PrintElementTypes>(() => {
+    if (activeElement.value === null) {
+      return PrintElementTypes.PANEL;
+    } else {
+      if (activeElement.value.printElementType.type === PrintElementTypes.TEXT) {
+        if ((activeElement.value as TextPrintElementType).options.textType === 'qrcode') {
+          return PrintElementTypes.QRCODE;
+        } else if ((activeElement.value as TextPrintElementType).options.textType === 'barcode') {
+          return PrintElementTypes.BARCODE;
+        } else {
+          return PrintElementTypes.TEXT;
+        }
+      } else {
+        switch (activeElement.value.printElementType.type) {
+          case PrintElementTypes.IMAGE:
+            return PrintElementTypes.IMAGE;
+          case PrintElementTypes.TABLE:
+            return PrintElementTypes.TABLE;
+          case PrintElementTypes.HLINE:
+            return PrintElementTypes.HLINE;
+          case PrintElementTypes.VLINE:
+            return PrintElementTypes.VLINE;
+          case PrintElementTypes.RECT:
+            return PrintElementTypes.RECT;
+          case PrintElementTypes.OVAL:
+            return PrintElementTypes.OVAL;
+          case PrintElementTypes.LONGTEXT:
+            return PrintElementTypes.LONGTEXT;
+          case PrintElementTypes.HTML:
+            return PrintElementTypes.HTML;
+          default:
+            return PrintElementTypes.PANEL;
+        }
+      }
+    }
+  });
+
+  const hiprontPrintOption = computed<string>(() => {
+    return JSON.stringify({
+      panels: [
+        {
+          ...panelOption.value,
+          printElements: printElements.value,
+        },
+      ],
+    });
+  });
+
+  return {
+    hiprontPrintOption,
+    panelType,
+    panelOption,
+    printElements,
+    activeElement,
+    activeElements,
+  };
+});