yh-hiprint 2.5.2 → 3.0.0

package/libs/es62es5.js

@@ -0,0 +1,42 @@
+import * as babelCore from "@babel/core";
+import parser from "@babel/parser";
+
+// ✅ 只导入实际用到的插件
+import pluginTransformArrowFunctions from "@babel/plugin-transform-arrow-functions";
+import pluginTransformBlockScoping from "@babel/plugin-transform-block-scoping";
+import pluginTransformTemplateLiterals from "@babel/plugin-transform-template-literals";
+import pluginTransformShorthandProperties from "@babel/plugin-transform-shorthand-properties";
+import pluginTransformComputedProperties from "@babel/plugin-transform-computed-properties";
+
+/**
+ * 将 ES6 代码转换为 ES5
+ * @param {string} code - 用户输入的 ES6+ 代码
+ * @returns {string} - 编译后的 ES5 代码
+ */
+export default function compileES6toES5 (code) {
+  try {
+    // 1. 解析为 AST
+    const ast = parser.parse(code, {
+      sourceType: "script",
+      plugins: [],
+    });
+
+    // 2. 转换 AST → ES5（内部自动调用 generator）
+    const result = babelCore.transformFromAstSync(ast, code, {
+      plugins: [
+        pluginTransformArrowFunctions,
+        pluginTransformBlockScoping,
+        pluginTransformTemplateLiterals,
+        pluginTransformShorthandProperties,
+        pluginTransformComputedProperties,
+      ],
+      sourceMaps: false,
+      ast: false, // ✅ 如果你不需要返回 AST，设为 false 更轻量
+    });
+
+    return result.code;
+  } catch (err) {
+    console.error("Babel 编译错误:", err);
+    throw new Error("编译失败：" + (err.message || err));
+  }
+}

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,9 +1,8 @@
 {
   "name": "yh-hiprint",
-  "version": "2.5.2",
-  "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",

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,
+  };
+});