@ibiz-template/vue3-components 0.7.41-alpha.9 → 0.7.41-alpha.91

package/lib/util/print-preview-util/pdf-export/pdf-helper.cjs

@@ -0,0 +1,340 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var ElementPlus = require('element-plus');
+var pdfPrintProcess = require('./pdf-print-process.cjs');
+
+"use strict";
+const PAGE_SIZES = {
+  a4: { width: 210, height: 297 },
+  a3: { width: 297, height: 420 },
+  letter: { width: 215.9, height: 279.4 }
+};
+const DEFAULT_OPTIONS = {
+  orientation: "portrait",
+  pageSize: "a4",
+  fontSize: 12,
+  margins: {
+    top: 20,
+    right: 20,
+    bottom: 20,
+    left: 20
+  },
+  lineHeight: 1.6,
+  textAlign: "left",
+  textColor: "#000000",
+  backgroundColor: "#ffffff",
+  isHtml: false,
+  segmentHeight: 8e3
+};
+const HTML_BASE_STYLES = "\n  h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0; line-height: 1.2; }\n  h2 { font-size: 1.5em; font-weight: bold; margin: 0.75em 0; line-height: 1.3; }\n  h3 { font-size: 1.17em; font-weight: bold; margin: 0.83em 0; line-height: 1.4; }\n  h4 { font-size: 1em; font-weight: bold; margin: 1em 0; }\n  h5 { font-size: 0.83em; font-weight: bold; margin: 1.17em 0; }\n  h6 { font-size: 0.67em; font-weight: bold; margin: 1.33em 0; }\n  p { margin: 1em 0; }\n  ul, ol { margin: 1em 0; padding-left: 2em; }\n  li { margin: 0.5em 0; }\n  table { border-collapse: collapse; width: 100%; margin: 1em 0; }\n  th, td { border: 1px solid #333; padding: 0.5em; text-align: left; }\n  th { background-color: #f5f5f5; font-weight: bold; }\n  blockquote { margin: 1em 0; padding-left: 1em; border-left: 3px solid #ccc; color: #666; }\n  hr { border: none; border-top: 1px solid #ccc; margin: 1em 0; }\n  strong, b { font-weight: bold; }\n  em, i { font-style: italic; }\n  code { font-family: monospace; background-color: #f5f5f5; padding: 0.2em 0.4em; }\n  pre { background-color: #f5f5f5; padding: 1em; overflow-x: auto; white-space: pre-wrap; }\n  a { color: #0066cc; text-decoration: underline; }\n  img { max-width: 100%; height: auto; }\n  div { margin: 0; padding: 0; }\n  br { display: block; margin: 0.5em 0; }\n";
+function createTempContainer(content, options) {
+  const container = document.createElement("div");
+  const ns = vue3Util.useNamespace("print-pdf");
+  const baseStyles = "\n    position: absolute;\n    left: -9999px;\n    top: 0;\n    width: ".concat(PAGE_SIZES[options.pageSize].width - options.margins.left - options.margins.right, "mm;\n    padding: 0;\n    font-size: ").concat(options.fontSize, "px;\n    line-height: ").concat(options.lineHeight, ";\n    text-align: ").concat(options.textAlign, ";\n    color: ").concat(options.textColor, ";\n    background-color: ").concat(options.backgroundColor, ";\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans SC', sans-serif;\n    word-wrap: break-word;\n    box-sizing: border-box;\n  ");
+  container.style.cssText = baseStyles;
+  container.classList.add(ns.b());
+  if (options.isHtml) {
+    const styleElement = document.createElement("style");
+    styleElement.textContent = ".".concat(ns.b(), " {").concat(HTML_BASE_STYLES);
+    container.appendChild(styleElement);
+    const contentWrapper = document.createElement("div");
+    contentWrapper.innerHTML = content;
+    container.appendChild(contentWrapper);
+  } else {
+    container.style.whiteSpace = "pre-wrap";
+    container.textContent = content;
+  }
+  document.body.appendChild(container);
+  return container;
+}
+function cleanupTempElements(container) {
+  if (container && container.parentNode) {
+    container.parentNode.removeChild(container);
+  }
+}
+function getPageSizeInPixels(pageSize, orientation) {
+  const size = PAGE_SIZES[pageSize];
+  const mmToPixel = 3.7795275591;
+  let width = size.width;
+  let height = size.height;
+  if (orientation === "landscape") {
+    [width, height] = [height, width];
+  }
+  return {
+    width: Math.round(width * mmToPixel),
+    height: Math.round(height * mmToPixel)
+  };
+}
+function validateOptions(options) {
+  if (!options.content || typeof options.content !== "string") {
+    ibiz.message.error(ibiz.i18n.t("util.printPreviewUtil.pdfValid"));
+    return false;
+  }
+  if (options.content.trim().length === 0) {
+    ibiz.message.error(ibiz.i18n.t("util.printPreviewUtil.pdfEmpty"));
+    return false;
+  }
+  if (options.fontSize && (options.fontSize < 8 || options.fontSize > 72)) {
+    ibiz.message.error(ibiz.i18n.t("util.printPreviewUtil.pdfFontSize"));
+    return false;
+  }
+  if (options.filename && !options.filename.endsWith(".pdf")) {
+    ibiz.message.error(ibiz.i18n.t("util.printPreviewUtil.pdfFilename"));
+    return false;
+  }
+  return true;
+}
+function detectBrowser() {
+  const ua = navigator.userAgent;
+  if (ua.indexOf("Chrome") > -1 && ua.indexOf("Edg") > -1) {
+    return "edge";
+  }
+  if (ua.indexOf("Chrome") > -1) {
+    return "chrome";
+  }
+  if (ua.indexOf("Firefox") > -1) {
+    return "firefox";
+  }
+  if (ua.indexOf("Safari") > -1) {
+    return "safari";
+  }
+  return "unknown";
+}
+function checkBrowserCompatibility() {
+  const browser = detectBrowser();
+  if (browser === "safari") {
+    console.warn(
+      "Safari\u6D4F\u89C8\u5668\u53EF\u80FD\u5B58\u5728\u90E8\u5206\u517C\u5BB9\u6027\u95EE\u9898\uFF0C\u5EFA\u8BAE\u4F7F\u7528Chrome\u6216Firefox\u83B7\u5F97\u6700\u4F73\u4F53\u9A8C"
+    );
+  }
+}
+const showAsyncNotice = (data) => {
+  const ns = vue3Util.useNamespace("pdf-print-process");
+  const ins = ElementPlus.ElNotification({
+    customClass: ns.e("wrapper"),
+    message: vue.h(pdfPrintProcess.PdfPrintProcess, {
+      data,
+      onClose: () => {
+        ins.close();
+      }
+    }),
+    position: "bottom-right",
+    showClose: false,
+    duration: 0
+  });
+  return ins;
+};
+function canvas2Base64(canvas, canvasY, height, width, backgroundColor) {
+  const pageCanvas = document.createElement("canvas");
+  pageCanvas.width = width;
+  pageCanvas.height = height;
+  const ctx = pageCanvas.getContext("2d");
+  if (ctx) {
+    ctx.fillStyle = backgroundColor;
+    ctx.fillRect(0, 0, pageCanvas.width, pageCanvas.height);
+    ctx.drawImage(
+      canvas,
+      0,
+      canvasY,
+      canvas.width,
+      pageCanvas.height,
+      0,
+      0,
+      canvas.width,
+      pageCanvas.height
+    );
+  }
+  return pageCanvas.toDataURL("image/jpeg", 1);
+}
+function getCanvasImages(canvasList, options) {
+  const {
+    innerWidth,
+    innerHeight,
+    pageHeight,
+    pageWidth,
+    backgroundColor,
+    noticeMessage
+  } = options;
+  noticeMessage.percentage = 90;
+  noticeMessage.items.push({
+    time: ElementPlus.dayjs().format("HH:mm:ss"),
+    title: ibiz.i18n.t("util.printPreviewUtil.startMergePdf"),
+    noticeMessage: options.noticeMessage
+  });
+  const result = [];
+  let currentPage = 0;
+  let canvasY = 0;
+  canvasList.forEach((canvas) => {
+    let remainingHeight = canvas.height;
+    while (remainingHeight > 0) {
+      if (canvasY < 0) {
+        const height = -canvasY;
+        result[currentPage].base642 = canvas2Base64(
+          canvas,
+          0,
+          height,
+          pageWidth,
+          backgroundColor
+        );
+        canvasY = height;
+        result[currentPage].height2 = height * innerWidth / canvas.width;
+        remainingHeight -= height;
+      } else if (canvas.height - canvasY > pageHeight) {
+        result.push({
+          page: currentPage,
+          width: innerWidth,
+          height: innerHeight,
+          base64: canvas2Base64(
+            canvas,
+            canvasY,
+            pageHeight,
+            pageWidth,
+            backgroundColor
+          )
+        });
+        canvasY += pageHeight;
+        remainingHeight -= pageHeight;
+        currentPage++;
+      } else {
+        const actualHeight = canvas.height - canvasY;
+        const height = actualHeight * innerWidth / canvas.width;
+        result.push({
+          page: currentPage,
+          width: innerWidth,
+          height,
+          base64: canvas2Base64(
+            canvas,
+            canvasY,
+            actualHeight,
+            pageWidth,
+            backgroundColor
+          )
+        });
+        canvasY = actualHeight - pageHeight;
+        remainingHeight = 0;
+      }
+    }
+  });
+  return result;
+}
+function processInIdleTime(callback) {
+  if ("requestIdleCallback" in window) {
+    requestIdleCallback(callback);
+  } else {
+    setTimeout(callback, 0);
+  }
+}
+async function getCanvas(dom, options) {
+  const { innerHeight, innerWidth, segmentHeight, noticeMessage } = options;
+  const totalHeight = dom.scrollHeight;
+  const count = Math.ceil(totalHeight / segmentHeight);
+  const step = 80 / count;
+  let startPage = 0;
+  let endPage = 0;
+  const pageHeight = innerHeight / innerWidth * options.width;
+  const canvasList = [];
+  let i = 0;
+  noticeMessage.items.push({
+    time: ElementPlus.dayjs().format("HH:mm:ss"),
+    title: ibiz.i18n.t("util.printPreviewUtil.startCalcPdf")
+  });
+  noticeMessage.percentage = 10;
+  async function processSegment(y) {
+    i++;
+    const height = Math.min(segmentHeight, totalHeight - y);
+    const canvas = await ibiz.util.html2canvas.getCanvas(dom, {
+      scale: 1,
+      useCORS: true,
+      logging: false,
+      backgroundColor: options.backgroundColor,
+      y,
+      height,
+      width: options.width,
+      windowWidth: options.windowWidth
+    });
+    canvasList.push(canvas);
+    noticeMessage.percentage = Math.floor(step * i + 10);
+    endPage += height / pageHeight;
+    noticeMessage.items.push({
+      time: ElementPlus.dayjs().format("HH:mm:ss"),
+      title: ibiz.i18n.t("util.printPreviewUtil.startCalcPdfPage", {
+        startPage: Math.ceil(startPage),
+        endPage: Math.ceil(endPage)
+      })
+    });
+    startPage = endPage;
+  }
+  for (let y = 0; y < totalHeight; y += segmentHeight) {
+    await new Promise((resolve) => {
+      processInIdleTime(() => {
+        processSegment(y).then(resolve);
+      });
+    });
+  }
+  return getCanvasImages(canvasList, {
+    pageHeight,
+    pageWidth: options.width,
+    innerHeight,
+    innerWidth,
+    noticeMessage
+  });
+}
+function exportPdf(pdf, images, options) {
+  const { mergedOptions, noticeMessage } = options;
+  noticeMessage.percentage = 100;
+  noticeMessage.items.push({
+    time: ElementPlus.dayjs().format("HH:mm:ss"),
+    title: ibiz.i18n.t("util.printPreviewUtil.startExportPdf")
+  });
+  images.forEach((item, index) => {
+    if (index > 0) {
+      pdf.addPage();
+    }
+    pdf.addImage(
+      item.base64,
+      "PNG",
+      mergedOptions.margins.left,
+      mergedOptions.margins.top,
+      item.width,
+      item.height
+    );
+    if (item.base642) {
+      pdf.addImage(
+        item.base642,
+        "PNG",
+        mergedOptions.margins.left,
+        mergedOptions.margins.top,
+        item.width,
+        item.height2
+      );
+    }
+  });
+  pdf.save(mergedOptions.filename);
+  if (options.isAsync) {
+    noticeMessage.status = "success";
+    noticeMessage.items.push({
+      time: ElementPlus.dayjs().format("HH:mm:ss"),
+      title: ibiz.i18n.t("util.printPreviewUtil.exportPdfSuccess")
+    });
+    noticeMessage.caption = ibiz.i18n.t(
+      "util.printPreviewUtil.exportPdfSuccess"
+    );
+  }
+}
+
+exports.DEFAULT_OPTIONS = DEFAULT_OPTIONS;
+exports.PAGE_SIZES = PAGE_SIZES;
+exports.canvas2Base64 = canvas2Base64;
+exports.checkBrowserCompatibility = checkBrowserCompatibility;
+exports.cleanupTempElements = cleanupTempElements;
+exports.createTempContainer = createTempContainer;
+exports.detectBrowser = detectBrowser;
+exports.exportPdf = exportPdf;
+exports.getCanvas = getCanvas;
+exports.getCanvasImages = getCanvasImages;
+exports.getPageSizeInPixels = getPageSizeInPixels;
+exports.processInIdleTime = processInIdleTime;
+exports.showAsyncNotice = showAsyncNotice;
+exports.validateOptions = validateOptions;

package/lib/util/print-preview-util/pdf-export/pdf-print-process.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./pdf-print-process.css');
+
+"use strict";
+const PdfPrintProcess = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPdfPrintProcess",
+  props: {
+    data: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("pdf-print-process");
+    const contentRef = vue.ref(null);
+    vue.watch(() => props.data, () => {
+      if (["success", "failed"].includes(props.data.status)) {
+        setTimeout(() => {
+          emit("close");
+        }, 3e3);
+      }
+      if (contentRef.value) {
+        vue.nextTick(() => {
+          var _a;
+          (_a = contentRef.value) == null ? void 0 : _a.scrollTo({
+            top: contentRef.value.scrollHeight,
+            behavior: "smooth"
+          });
+        });
+      }
+    }, {
+      deep: true
+    });
+    const onClose = () => {
+      emit("close");
+    };
+    const renderHeader = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("header")
+      }, [vue.createVNode("div", {
+        "class": ns.e("header-caption")
+      }, [vue.createVNode("div", {
+        "class": [ns.e("status"), ns.is("processing", props.data.status === "processing"), ns.is("success", props.data.status === "success"), ns.is("failed", props.data.status === "failed")]
+      }, null), vue.createVNode("div", {
+        "class": ns.e("caption")
+      }, [props.data.caption])]), vue.createVNode("div", {
+        "class": ns.e("toolbar")
+      }, [vue.createVNode("ion-icon", {
+        "name": "close-outline",
+        "onClick": onClose
+      }, null)])]);
+    };
+    const renderContent = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("content")
+      }, [vue.createVNode("div", {
+        "class": ns.e("process")
+      }, [vue.createVNode(vue.resolveComponent("el-progress"), {
+        "percentage": props.data.percentage
+      }, null)]), vue.createVNode("div", {
+        "class": ns.e("steps"),
+        "ref": "contentRef"
+      }, [props.data.items.map((item) => {
+        return vue.createVNode("div", {
+          "class": ns.e("step")
+        }, [vue.createVNode("div", {
+          "class": ns.e("step-time")
+        }, [item.time]), vue.createVNode("div", {
+          "class": ns.e("step-title")
+        }, [item.title])]);
+      })])]);
+    };
+    return {
+      ns,
+      contentRef,
+      renderHeader,
+      renderContent
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.renderHeader(), this.renderContent()]);
+  }
+});
+
+exports.PdfPrintProcess = PdfPrintProcess;

package/lib/util/print-preview-util/pdf-export/pdf-print-process.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-pdf-print-process__wrapper{width:400px;padding:0}.ibiz-pdf-print-process__wrapper .el-notification__group{width:100%;margin:0}.ibiz-pdf-print-process__header{display:flex;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-fill-0)}.ibiz-pdf-print-process__header-caption{display:flex;align-items:center;font-size:var(--ibiz-spacing-base);font-weight:var(--ibiz-font-weight-bold)}.ibiz-pdf-print-process__status{width:var(--ibiz-spacing-tight);height:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);border-radius:var(--ibiz-border-radius-circle)}.ibiz-pdf-print-process__status.is-processing{background-color:var(--ibiz-color-primary);animation:pulse 1.5s infinite}.ibiz-pdf-print-process__status.is-success{background-color:var(--ibiz-color-success)}.ibiz-pdf-print-process__status.is-failed{background-color:var(--ibiz-color-danger)}.ibiz-pdf-print-process__toolbar{display:flex}.ibiz-pdf-print-process__toolbar ion-icon{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-header-4);cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-pdf-print-process__toolbar ion-icon:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-pdf-print-process__content{padding:var(--ibiz-spacing-base)}.ibiz-pdf-print-process__process{padding-bottom:var(--ibiz-spacing-base)}.ibiz-pdf-print-process__steps{display:flex;flex-direction:column;height:200px;padding:var(--ibiz-spacing-base-tight);overflow:auto;background-color:var(--ibiz-color-fill-0);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-pdf-print-process__step{display:flex;gap:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}

package/lib/util/print-preview-util/print-preview-markdown/icon/icon.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const ArrowLeftBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"
+}, null)]);
+const ArrowRightBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"
+}, null)]);
+const FullScreenSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z"
+}, null)]);
+const CloseFullScreenSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z"
+}, null)]);
+const CloseSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M843.904 783.573333 783.573333 843.904 512.042667 572.373333 240.512 843.904 180.181333 783.573333 451.712 512.042667 180.181333 240.512 240.512 180.181333 512.042667 451.712 783.573333 180.181333 843.904 240.512 572.373333 512.042667 843.904 783.573333Z"
+}, null)]);
+
+exports.ArrowLeftBold = ArrowLeftBold;
+exports.ArrowRightBold = ArrowRightBold;
+exports.CloseFullScreenSvg = CloseFullScreenSvg;
+exports.CloseSvg = CloseSvg;
+exports.FullScreenSvg = FullScreenSvg;

package/lib/util/print-preview-util/print-preview-markdown/print-preview-markdown.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var icon = require('./icon/icon.cjs');
+require('./print-preview-markdown.css');
+
+"use strict";
+const PrintPreviewMarkdown = /* @__PURE__ */ vue.defineComponent({
+  name: "PrintPreviewMarkdown",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("print-preview-markdown");
+    const printPreview = vue.ref();
+    const isFull = vue.ref(false);
+    const switchFull = () => {
+      if (isFull.value) {
+        ibiz.fullscreenUtil.closeElementFullscreen();
+      } else {
+        ibiz.fullscreenUtil.openElementFullscreen(printPreview.value);
+      }
+      isFull.value = !isFull.value;
+    };
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const renderHeader = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("header")
+      }, [vue.createVNode("div", {
+        "class": ns.em("header", "caption")
+      }, [ibiz.i18n.t("util.printPreviewUtil.title")]), vue.createVNode("div", {
+        "class": ns.em("header", "action")
+      }, [vue.createVNode("div", {
+        "class": ns.em("header", "full"),
+        "onClick": switchFull,
+        "title": ibiz.i18n.t(isFull.value ? "app.cancelFullscreen" : "app.fullscreen")
+      }, [isFull.value ? vue.createVNode(icon.CloseFullScreenSvg, null, null) : vue.createVNode(icon.FullScreenSvg, null, null)]), isFull.value && vue.createVNode("div", {
+        "class": ns.em("header", "close"),
+        "onClick": onClose,
+        "title": ibiz.i18n.t("app.close")
+      }, [vue.createVNode(icon.CloseSvg, null, null)])])]);
+    };
+    const renderContent = () => {
+      const markdown = vue.resolveComponent("IBizMarkDown");
+      return vue.createVNode("div", {
+        "class": ns.e("content")
+      }, [vue.h(markdown, {
+        value: props.value,
+        readonly: true
+      })]);
+    };
+    return {
+      ns,
+      printPreview,
+      renderHeader,
+      renderContent
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "printPreview"
+    }, [this.renderHeader(), this.renderContent()]);
+  }
+});
+
+exports.PrintPreviewMarkdown = PrintPreviewMarkdown;

package/lib/util/print-preview-util/print-preview-markdown/print-preview-markdown.css

@@ -0,0 +1 @@
+.ibiz-print-preview-markdown{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-print-preview-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base)}.ibiz-print-preview-markdown__header--action{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base)}.ibiz-print-preview-markdown__header--caption{font-size:var(--ibiz-font-size-header-5)}.ibiz-print-preview-markdown__header--full{cursor:pointer}.ibiz-print-preview-markdown__header--full svg{width:var(--ibiz-spacing-base-loose);height:var(--ibiz-spacing-base-loose)}.ibiz-print-preview-markdown__header--close{cursor:pointer}.ibiz-print-preview-markdown__header--close svg{width:var(--ibiz-spacing-base-loose);height:var(--ibiz-spacing-base-loose)}.ibiz-print-preview-markdown__content{flex:1;padding:16px;overflow:auto;border-top:1px solid var(--ibiz-color-border)}.ibiz-print-preview-markdown__content>.ibiz-markdown{height:100%}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry{border:none}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border:none}