@lingxiteam/ebe-utils 0.0.38 → 0.1.0

package/lib/public/src/utils/historytool.ts

@@ -78,11 +78,14 @@ const historyFunc =
       if (urlParamsStr) {
         Object.assign(tmpQuery, Qs.parse(urlParamsStr));
       }
-      history[type]({
-        pathname: mPathName,
-        search: Qs.stringify(tmpQuery),
+      history[type](
+        {
+          pathname: mPathName,
+          search: Qs.stringify(tmpQuery),
+          state,
+        },
         state,
-      });
+      );
     }
   };
 const createUrl = (isPortal: boolean, params: HistoryReplaceProps) => {

package/lib/public/src/utils/platform/index.ts

@@ -1 +1,2 @@
 export * from './utils/fileUtils';
+export * from './utils/printUtil';

package/lib/public/src/utils/platform/utils/printUtil.ts

@@ -0,0 +1,144 @@
+/**
+ * 打印工具类
+ * 针对 react 简单改造与优化 https://github.com/crabbly/Print.js html 模式下为非 iframe 模式打印，保证样式不丢失
+ */
+
+function isHtmlElement(printable: any) {
+  // Check if element is instance of HTMLElement or has nodeType === 1 (for elements in iframe)
+  return (
+    typeof printable === 'object' &&
+    (printable instanceof HTMLElement || printable.nodeType === 1)
+  );
+}
+
+const print = (options: { printable: any; type: string }) => {
+  let { printable } = options;
+  if (!printable) {
+    printable = 'root';
+  }
+  let printElement = (
+    isHtmlElement(printable)
+      ? printable
+      : document.getElementsByClassName(printable)?.[0]
+  ) as HTMLElement; // Check if the element exists
+  if (!printElement) {
+    window.console.error(
+      'Invalid HTML element id: '.concat(printable as string),
+    );
+    return;
+  }
+
+  // 原节点，避免cloneNode后canvas图像丢失
+  const originPrintElement = printElement;
+
+  printElement = printElement.cloneNode(true) as HTMLElement;
+
+  const copyCanvas = printElement.querySelectorAll('canvas');
+  const originCanvas = originPrintElement.querySelectorAll('canvas');
+
+  const getRealSize = (size: string) =>
+    Number((size || '0px').replace('px', ''));
+
+  for (let i = 0; i < copyCanvas.length; i += 1) {
+    const originCvs = originCanvas[i] as any;
+    const copyCvs = copyCanvas[i];
+
+    // canvas替换成img并插入节点
+    const imageUrl = originCvs.toDataURL();
+    const img = document.createElement('img');
+    img.src = imageUrl;
+    img.setAttribute('style', 'width: 100%');
+
+    const copyCvsParent = copyCvs.parentElement as HTMLElement;
+    // 图表最顶层父节点
+    const topCopyCvsParent = copyCvsParent.parentElement as HTMLElement;
+    if (topCopyCvsParent) {
+      topCopyCvsParent.insertBefore(img, copyCvsParent.nextElementSibling);
+      // 将px转换为百分比 避免打印被截取
+      if (topCopyCvsParent.style.width?.includes('px')) {
+        topCopyCvsParent.style.width = `${
+          (getRealSize(topCopyCvsParent.style.width) /
+            originPrintElement.clientWidth) *
+          100
+        }%`;
+      }
+      topCopyCvsParent.style.height = 'fit-content';
+      topCopyCvsParent.removeChild(copyCvsParent);
+    }
+  }
+
+  const styles = document.querySelectorAll('style');
+  const link = document.querySelectorAll('link');
+  const tempWin = window.open(
+    '',
+    '',
+    'top=-10,left=-10,toolbar=no,menubar=no,location=no,status=no',
+  ); // 重新打开一个窗口，
+  try {
+    window.top?.moveTo(-10, -10);
+    window.top?.resizeTo(window.screen.availWidth, window.screen.availHeight);
+  } catch {
+    //
+  }
+  tempWin?.document.open('text/html');
+  for (let i = 0; i < styles.length; i += 1) {
+    tempWin?.document.write(styles[i].outerHTML);
+  }
+  for (let i = 0; i < link.length; i += 1) {
+    tempWin?.document.write(link[i].outerHTML);
+  }
+  const tableBody = printElement.querySelector(
+    '.pcfactory-table-body',
+  ) as HTMLElement;
+  // 获取当前打印的表格节点，保存maxHeight，打印完成再设置回去
+  // let _maxHeight = '';
+  if (tableBody) {
+    // _maxHeight = tableBody.style.maxHeight;
+    tableBody.style.maxHeight = 'inherit';
+  }
+  tempWin?.document.write(printElement.outerHTML);
+
+  // 兼容表格行打印宽度
+  const tableHeaderColGroup = tempWin?.document.querySelector(
+    '.pcfactory-table-header table colgroup',
+  );
+  const tableBodyColGroup = tempWin?.document.querySelector(
+    '.pcfactory-table-body table colgroup',
+  );
+  const bodyTable = tempWin?.document.querySelector(
+    '.pcfactory-table-body table',
+  );
+  if (tableHeaderColGroup && tableBodyColGroup) {
+    const cloneTableHeaderColGroup = tableHeaderColGroup.cloneNode(true);
+    tableBodyColGroup.remove();
+    bodyTable?.appendChild(cloneTableHeaderColGroup);
+  }
+
+  const script = document.createElement('script');
+  script.type = 'text/javascript';
+  // 立即执行函数
+  script.innerHTML = `
+    (function() {
+      const linkTags = (document.querySelectorAll('link[rel="stylesheet"]'));
+      var number=linkTags.length
+      for (let i = 0; i < linkTags.length; i += 1) {
+        const mylink = linkTags[i];
+        mylink.onload = () => {
+          number--;
+          if(number==0){
+            window.focus();
+            window.print();
+            window.setTimeout(() => {
+              window.close();
+            }, 200); // 关闭窗口
+          }
+        };
+      }
+    }
+    )();
+  `;
+  tempWin?.document.head.appendChild(script);
+  tempWin?.document.close();
+};
+
+export { print };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/ebe-utils",
-  "version": "0.0.38",
+  "version": "0.1.0",
   "description": "",
   "keywords": [],
   "author": "",
@@ -19,7 +19,7 @@
     "@babel/types": "^7.12.12",
     "cac": "^6.7.14",
     "fs-extra": "9.x",
-    "@lingxiteam/ebe": "0.0.38"
+    "@lingxiteam/ebe": "0.1.0"
   },
   "publishConfig": {
     "access": "public"