yh-hiprint 2.5.1 → 2.5.3

package/index.d.ts

@@ -1,4 +1,4 @@
-declare module "yh-hiprint";
+declare module 'yh-hiprint';
 
 /** JQuery 简化dom操作的库 */
 export declare const jquery: JQuery;
@@ -12,7 +12,6 @@ export declare const zIndex;
 /** hiprint 侧边栏配置 */
 export declare const panel;
 
-export declare const hiprint;
 export declare const defaultElementTypeProvider: (options: any) => {
   addElementTypes: (context) => void;
 };
@@ -64,4 +63,315 @@ export declare interface HiprintOption {
   isCustom: boolean;
 }
 
-export declare const hiprint: (HiprintOption) => void;
+//#region Hiprint 类型文件
+
+
+/** 打印元素唯一标识 */
+type Tid = string;
+
+export interface Field {
+  field: string;
+  text: string;
+}
+
+export interface TextPrintElementType {
+  printElementType: {
+    tid: Tid;
+    title: string;
+    field: string;
+    data: string;
+    formatter: (title,value,options,templateData,target) => string;
+    styler: (value,options,target,templateData,) => CSSStyleDeclaration;
+    onRendered: (target,options,paperTarget) => void;
+    fields: Field[],
+  },
+  options: {
+    /** 
+     * 标题 
+     * field 存在则
+     */
+    title: string;
+    /** 字段名称，从数据源获取数据的属性名称 */
+    field: string;
+    /** 测试数据 设计时使用 */
+    testData: string;
+    /** 字体名称 */
+    fontFamily: string;
+    /** 字体大小 */
+    fontSize: string;
+    /** 字体粗细 */
+    fontWeight: string;
+    /** 字体间距 */
+    letterSpacing: number;
+    /** 字体颜色 */
+    color: string;
+    /** 文本描述 */
+    textDecoration: string;
+    /** 文字水平对齐 */
+    textAlign: 'left'|'center'|'right';
+    /** 行高 数字带单位 例如 18pt */
+    lineHeight: string;
+    /** 
+     * 文本类型
+     * text - 纯文本
+     * barcode - 条形码
+     * qrcode - 二维码
+     */
+    textType: 'text' | 'barcode' | 'qrcode';
+    /** 条形码格式 */
+    barcodeMode: string;
+    /** 因此标题 */
+    hideTitle: boolean;
+    /** 
+     * 页眉/页脚/固定定位等元素显示规则
+     * first - 首页显示
+     * odd - 奇数页显示
+     */
+    showInPage: 'first' | 'odd' | 'even' | 'last';
+    /** 固定定位 */
+    fixed: boolean;
+    /** 打印设计时拖拽方向 */
+    axis: 'v' | 'h';
+    /** 旋转角度 */
+    transform: number;
+  }
+}
+
+export interface ImagePrintElementType {
+  printElementType: {
+    tid: string;
+    field: string;
+    data: string;
+    formatter: () => void;
+    styler: () => void;
+    onRendered: () => void;
+    fields: Field[];
+  },
+  options: {
+    title: string;
+    field: string;
+    src: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+
+export interface HlinePrintElementType {
+  printElementType: {
+    tid: string;
+    onRendered: () => void;
+  },
+  options: {
+    borderColor: string;
+    borderWidth: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+export interface VlinePrintElementType {
+  printElementType: {
+    tid: string;
+    onRendered: () => void;
+  },
+  options: {
+    borderColor: string;
+    borderWidth: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+export interface RectPrintElementType {
+  printElementType: {
+    tid: string;
+    onRendered: () => void;
+  },
+  options: {
+    borderColor: string;
+    borderWidth: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+export interface OvalPrintElementType {
+  printElementType: {
+    tid: string;
+    onRendered: () => void;
+  },
+  options: {
+    borderColor: string;
+    borderWidth: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+export interface HlinePrintElementType {
+  printElementType: {
+    tid: string;
+    onRendered: () => void;
+  },
+  options: {
+    borderColor: string;
+    borderWidth: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+
+export interface TableColumn {
+  width: number;
+  title: string;
+  field: string;
+  fixed: boolean;
+  rowspan: number;
+  colspan: number;
+  align: string;
+  halign: string;
+  formater: () => void;
+  styler: () => void;
+}
+
+export interface TablePrintElementType {
+  printElementType: {
+    tid: string;
+    title: string;
+    field: string;
+    columns: TableColumn[]
+    styler: () => void;
+    rowStyler: () => void;
+    formatter: () => void;
+    groupFields: any[];
+    groupFormatter: () => void;
+    fotterFormatter: () => void;
+    gridColumnsFooterFormatter: () => void;
+    groupFooterFormatter: () => void;
+    onRendered: () => void;
+    fields: Field[];
+  },
+  options: {
+    field: string;
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+    textAlign: 'left'|'center'|'right';
+    tableBorder: 'noBorder' | 'border';
+    tableHeaderBorder: 'noBorder'|'border'|'topBorder'|'bottomBorder'|'topBottomBorder';
+    tableHeaderCellBorder: 'noBorder'|'border';
+    tableHeaderRowHeight: number;
+    tableHeaderBackground: string;
+    tableHeaderFontSize: number;
+    tableHeaderFontWeight: string;
+    tableBodyCellBorder: string;
+    tableBodyRowBorder: string;
+    tableBodyRowHeight: number;
+    axis: 'v' | 'h';
+    lHeight: number;
+  }
+}
+export interface LongTextPrintElementType {
+  printElementType: {
+    tid: string;
+    title: string;
+    field: string;
+    data: string;
+    formatter: () => void;
+    styler: () => void;
+    onRendered: () => void;
+    fields: Field[];
+  },
+  options: {
+    title: string;
+    field: string;
+    testData: string;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: string;
+    letterSpacing: number;
+    color: string;
+    textDecoration: string;
+    textAlign: string;
+    lineHeight: number;
+    hideTitle: boolean;
+    longTextIndent: number;
+    showInPage: string;
+    fixed: boolean;
+    leftSpaceRemoved: boolean;
+    axis: string;
+    lHeight: number;
+    transform: number;
+  }
+}
+export interface HTMLPrintElementType {
+  printElementType: {
+    tid: string;
+    title: string;
+    field: string;
+    data: string;
+    formatter: () => void;
+    styler: () => void;
+    onRendered: () => void;
+  },
+  options: {
+    title: string;
+    field: string;
+    testData: string;
+    fontFamily: string;
+    showInPage: string;
+    fixed: boolean;
+    axis: string;
+    transform: number;
+  }
+}
+
+/** Hiprint 打印面板对象 */
+export interface PrintPanel {
+  addPrintText: (options?) => void;
+  addPrintLongText: () => void;
+}
+
+/** Hprint 打印面板创建配置对象 */
+export interface PrintPanelOptions {
+  /** 宽度 */
+  width: number;
+  /** 高度 */
+  height: number;
+  /** 页脚高度 */
+  paperFotter: number;
+  /** 页眉高度 */
+  paperHeader: number;
+}
+
+export interface PrintTemplateData {
+
+}
+
+export interface PrintTemplateOptions {
+  template: PrintTemplateData
+}
+
+export interface PrintTemplate {
+  addPrintPanel:(options:PrintPanelOptions) => void;
+  design: () => void;
+}
+
+export declare const hiprint = {
+  /** 初始化 Hiprint */
+  init:() => viod,
+  /** 创建打印模板对象 */
+  PrintTemplate: {
+    new (options: PrintTemplateOptions): PrintTemplate;
+  }
+}
+
+//#endregion

package/index.js

@@ -1,11 +1,14 @@
+// @ts-check
 import './libs/jquery';
-export {hiprint, defaultElementTypeProvider, print, print2, usePaper, useScale, useDataSource} from './hooks/useHiprint';
-export {default as fontSize} from './font-size';
-export {default as scale} from './scale';
-export {default as zIndex} from './z-index';
-export {default as panel} from './panel';
+export { hiprint, defaultElementTypeProvider, print, print2, usePaper, useScale, useDataSource } from './hooks/useHiprint';
+export { default as fontSize } from './font-size';
+export { default as scale } from './scale';
+export { default as zIndex } from './z-index';
+export { default as panel } from './panel';
+import { getPrintTemplate } from 'yh-hiprint/libs/index.js';
+import { ElMessageBox, ElLoading } from 'element-plus';
 
-export function cLog(string, isError = false) {
+export function cLog (string, isError = false) {
   if (isError) {
     console.error('%cyhHiprint：%c', 'font-size: 16px;font-weight: bold;color: #00ffff', 'font-size: 16px;font-weight: bold;color: #ccccc', string);
   } else {
@@ -13,9 +16,10 @@ export function cLog(string, isError = false) {
   }
 }
 
-const hiprint = ({code, params, data, isCustom}) => {
+const hiprintFun = async ({ code, params, data, isCustom, returnHtml }) => {
   let height = document.documentElement.clientHeight;
-  let width = (document.documentElement.clientWidth - 1200) / 2;
+  let width = 1200;
+  let left = (document.documentElement.clientWidth - 1200) / 2;
   // 转换数组
   let paramData = params;
   if (!Array.isArray(params)) {
@@ -31,11 +35,70 @@ const hiprint = ({code, params, data, isCustom}) => {
   if (isCustom) {
     url += `&isCustom=${isCustom ? '1' : '0'}`;
   }
-  let windowOpen = window.open(url, 'hiprintWindow', `height=${height}, width=1200, top=20, left=${width}, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no`);
+  if (returnHtml) {
+    url += `&returnHtml=${returnHtml ? '1' : '0'}`;
+  }
+  let windowOpen = window.open(url, 'hiprintWindow', `height=${height}, width=${width}, top=20, left=${left}, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no`);
+
+  return new Promise((resolve, reject) => {
+    if (!windowOpen) {
+      reject("预览窗口渲染失败！");
+    }
+    function printHTMLHandler (e) {
+      let { type, data } = e.data;
+      if (type === "sendPrintHTML" && data) {
+        resolve(data);
+      }
+      window.removeEventListener('message', printHTMLHandler);
+    }
+    window.addEventListener('message', printHTMLHandler);
+  });
 };
+
+const silentHiprint = async ({ code, params = {}, data }) => {
+  if (!code || !data) {
+    ElMessageBox.alert("请正确的传递模板编号和打印数据", '提示');
+    return false;
+  }
+  let loading = null;
+  try {
+    loading = ElLoading.service({
+      text: "正在获取打印模板"
+    });
+    let res = await getPrintTemplate(code, params);
+    if (res.status === 200 && res.data && res.data.json) {
+      let json = res.data.json;
+      let hiprintTemplate = new hiprint.PrintTemplate({ template: JSON.parse(json) });
+      let html = hiprintTemplate.getHtml(data);
+      if (html[0]) {
+        return html[0].innerHTML;
+      } else {
+        ElMessageBox.alert("打印内容渲染失败", '提示');
+      }
+    } else {
+      ElMessageBox.alert(res.message || "获取打印模板失败", '提示');
+    }
+  } catch (error) {
+    if (loading) {
+      loading.close();
+      loading = null;
+    }
+    console.error(error);
+  } finally {
+    if (loading) {
+      loading.close();
+      loading = null;
+    }
+  }
+
+};
+
+window.silentHiprint = silentHiprint;
+
 export default {
-  install(app, {router, pinia, isAdmin}) {
-    app.provide('$hiprint', hiprint);
+  install (app, { router, pinia, isAdmin }) {
+    app.provide('$hiprint', hiprintFun);
+    app.provide('$silentHiprint', silentHiprint);
     if (router) {
       router.addRoute('Index', {
         path: 'hiprint/designer',

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/etypes/default-etyps-provider.js

@@ -1,82 +1,82 @@
 export default function (hiprint) {
   return function (options) {
     var addElementTypes = function (context) {
-      context.removePrintElementTypes("defaultModule");
-      context.addPrintElementTypes("defaultModule", [
-        new hiprint.PrintElementTypeGroup("常规", [
+      context.removePrintElementTypes('defaultModule');
+      context.addPrintElementTypes('defaultModule', [
+        new hiprint.PrintElementTypeGroup('常规', [
           {
-            tid: "defaultModule.text",
-            title: "文本",
-            data: "",
-            type: "text",
+            tid: 'defaultModule.text',
+            title: '文本',
+            data: '',
+            type: 'text',
           },
           {
-            tid: "defaultModule.textVal",
-            title: "值（文本）",
-            data: "",
-            type: "text",
+            tid: 'defaultModule.textVal',
+            title: '值（文本）',
+            data: '',
+            type: 'text',
             options: {
               hideTitle: true,
             },
           },
           {
-            tid: "defaultModule.barcode",
-            title: "条形码",
-            data: "",
-            type: "text",
+            tid: 'defaultModule.barcode',
+            title: '条形码',
+            data: '',
+            type: 'text',
             options: {
-              field: "barcode",
-              testData: "lkforntend",
+              field: 'barcode',
+              testData: 'lkforntend',
               height: 32,
               fontSize: 12,
               lineHeight: 18,
-              textType: "barcode",
+              textType: 'barcode',
             },
           },
           {
-            tid: "defaultModule.qrcode",
-            title: "二维码",
-            data: "",
-            type: "text",
+            tid: 'defaultModule.qrcode',
+            title: '二维码',
+            data: '',
+            type: 'text',
             options: {
-              testData: "力控远海-技术中心-前端",
-              field: "qrcode",
+              testData: '力控元海-技术中心-前端',
+              field: 'qrcode',
               width: 50,
               height: 50,
-              textType: "qrcode",
+              textType: 'qrcode',
             },
           },
           {
-            tid: "defaultModule.image",
-            title: "图片",
-            data: "",
-            type: "image",
+            tid: 'defaultModule.image',
+            title: '图片',
+            data: '',
+            type: 'image',
           },
           {
-            tid: "defaultModule.longText",
-            title: "长文",
-            data: "155123456789",
-            type: "longText",
+            tid: 'defaultModule.longText',
+            title: '长文',
+            data: '155123456789',
+            type: 'longText',
           },
           {
-            tid: "defaultModule.table",
-            field: "table",
-            title: "表格",
-            type: "table",
+            tid: 'defaultModule.table',
+            field: 'table',
+            title: '表格',
+            type: 'table',
             columns: [
               [
                 {
-                  title: "",
+                  title: '',
                   width: 100,
                 },
                 {
-                  title: "",
+                  title: '',
                   width: 100,
                 },
               ],
             ],
             editable: true,
-            tableBorder: "border",
+            tableBorder: 'border',
             columnDisplayEditable: true, //列显示是否能编辑
             columnDisplayIndexEditable: true, //列顺序显示是否能编辑
             columnTitleEditable: true, //列标题是否能编辑
@@ -91,61 +91,61 @@ export default function (hiprint) {
             isEnableMergeCell: true, //合并单元格
           },
           {
-            tid: "defaultModule.emptyTable",
-            field: "table",
-            title: "空白表格",
-            type: "table",
+            tid: 'defaultModule.emptyTable',
+            field: 'table',
+            title: '空白表格',
+            type: 'table',
             columns: [
               [
                 {
-                  title: "",
-                  field: "",
+                  title: '',
+                  field: '',
                   width: 100,
                 },
                 {
-                  title: "",
-                  field: "",
+                  title: '',
+                  field: '',
                   width: 100,
                 },
               ],
             ],
           },
           {
-            tid: "defaultModule.html",
-            title: "html",
+            tid: 'defaultModule.html',
+            title: 'html',
             formatter: function (data, options) {
-              return "<div></div>";
+              return '<div></div>';
             },
-            type: "html",
+            type: 'html',
           },
           {
-            tid: "defaultModule.customText",
-            title: "自定义文本",
-            customText: "自定义文本",
+            tid: 'defaultModule.customText',
+            title: '自定义文本',
+            customText: '自定义文本',
             custom: true,
-            type: "text",
+            type: 'text',
           },
         ]),
-        new hiprint.PrintElementTypeGroup("辅助", [
+        new hiprint.PrintElementTypeGroup('辅助', [
           {
-            tid: "defaultModule.hline",
-            title: "横线",
-            type: "hline",
+            tid: 'defaultModule.hline',
+            title: '横线',
+            type: 'hline',
           },
           {
-            tid: "defaultModule.vline",
-            title: "竖线",
-            type: "vline",
+            tid: 'defaultModule.vline',
+            title: '竖线',
+            type: 'vline',
           },
           {
-            tid: "defaultModule.rect",
-            title: "矩形",
-            type: "rect",
+            tid: 'defaultModule.rect',
+            title: '矩形',
+            type: 'rect',
           },
           {
-            tid: "defaultModule.oval",
-            title: "椭圆",
-            type: "oval",
+            tid: 'defaultModule.oval',
+            title: '椭圆',
+            type: 'oval',
           },
         ]),
       ]);