vxe-pc-ui 4.20.34 → 4.20.35

package/es/print/src/print.js

@@ -5,321 +5,324 @@ import { VxeUI } from "@vxe-ui/core";
 import { printHtml, trimHtml } from "./util";
 import { getSlotVNs } from "../../ui/src/vn";
 const { getConfig, createEvent, renderEmptyElement } = VxeUI;
-var print_default = defineVxeComponent({
-  name: "VxePrint",
-  props: {
-    align: {
-      type: String,
-      default: () => getConfig().print.align
+var print_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxePrint",
+    props: {
+      align: {
+        type: String,
+        default: () => getConfig().print.align
+      },
+      title: String,
+      headerAlign: {
+        type: String,
+        default: () => getConfig().print.headerAlign
+      },
+      footerAlign: {
+        type: String,
+        default: () => getConfig().print.footerAlign
+      },
+      showPageNumber: {
+        type: Boolean,
+        default: () => getConfig().print.showPageNumber
+      },
+      customLayout: Boolean,
+      pageBreaks: Array,
+      content: String,
+      html: String,
+      headerHtml: String,
+      footerHtml: String,
+      leftHtml: String,
+      rightHtml: String,
+      showAllPageTitle: {
+        type: Boolean,
+        default: () => getConfig().print.showAllPageTitle
+      },
+      pageStyle: {
+        type: Object,
+        default: () => getConfig().print.pageStyle
+      },
+      customStyle: {
+        type: String,
+        default: () => getConfig().print.customStyle
+      },
+      styleUrls: {
+        type: Array,
+        default: () => getConfig().print.styleUrls
+      },
+      /**
+       * 请使用 beforePrintMethod
+       * @deprecated
+       */
+      beforeMethod: Function,
+      beforePrintMethod: Function,
+      printMethod: Function,
+      afterPrintMethod: Function
     },
-    title: String,
-    headerAlign: {
-      type: String,
-      default: () => getConfig().print.headerAlign
-    },
-    footerAlign: {
-      type: String,
-      default: () => getConfig().print.footerAlign
-    },
-    showPageNumber: {
-      type: Boolean,
-      default: () => getConfig().print.showPageNumber
-    },
-    customLayout: Boolean,
-    pageBreaks: Array,
-    content: String,
-    html: String,
-    headerHtml: String,
-    footerHtml: String,
-    leftHtml: String,
-    rightHtml: String,
-    showAllPageTitle: {
-      type: Boolean,
-      default: () => getConfig().print.showAllPageTitle
-    },
-    pageStyle: {
-      type: Object,
-      default: () => getConfig().print.pageStyle
-    },
-    customStyle: {
-      type: String,
-      default: () => getConfig().print.customStyle
-    },
-    styleUrls: {
-      type: Array,
-      default: () => getConfig().print.styleUrls
-    },
-    /**
-     * 请使用 beforePrintMethod
-     * @deprecated
-     */
-    beforeMethod: Function,
-    beforePrintMethod: Function,
-    printMethod: Function,
-    afterPrintMethod: Function
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const reactData = reactive({
-      staticPageBreaks: []
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xePrint = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $print: $xePrint }, params));
-    };
-    const printMethods = {
-      dispatchEvent,
-      print() {
-        const { align, title, headerAlign, footerAlign, showPageNumber, customLayout, pageBreaks, content, headerHtml, footerHtml, leftHtml, rightHtml, showAllPageTitle, pageStyle, customStyle, styleUrls, beforeMethod, beforePrintMethod, printMethod, afterPrintMethod } = props;
-        const elem = refElem.value;
-        return printHtml(
-          Object.assign(
-            {},
-            {
-              align,
-              title,
-              headerAlign,
-              footerAlign,
-              showPageNumber,
-              customLayout,
-              pageBreaks,
-              content,
-              headerHtml,
-              footerHtml,
-              leftHtml,
-              rightHtml,
-              showAllPageTitle,
-              pageStyle,
-              customStyle,
-              styleUrls,
-              beforeMethod,
-              beforePrintMethod,
-              printMethod,
-              afterPrintMethod
-            },
-            {
-              _pageBreaks: !!reactData.staticPageBreaks.length,
-              html: trimHtml(elem ? elem.outerHTML : "") || props.html || props.content || ""
-            }
-          )
-        );
-      }
-    };
-    const printPrivateMethods = {};
-    Object.assign($xePrint, printMethods, printPrivateMethods);
-    const renderPageConfigLayouts = () => {
-      const { title, showPageNumber, showAllPageTitle, align, headerAlign, footerAlign } = props;
-      const pageBreaks = props.pageBreaks || [];
-      const pageCount = pageBreaks.length;
-      return pageBreaks.map((item, index) => {
-        const bodyHtml = item.bodyHtml;
-        const headerHtml = item.headerHtml || props.headerHtml;
-        const footerHtml = item.footerHtml || props.footerHtml;
-        const leftHtml = item.leftHtml || props.leftHtml;
-        const rightHtml = item.rightHtml || props.rightHtml;
-        const currentPage = index + 1;
-        const params = {
-          currentPage,
-          pageCount
-        };
-        return h(
-          "div",
-          {
-            class: ["vxe-print-page-break", align ? `align--${align}` : ""]
-          },
-          [
-            h(
-              "div",
-              {
-                class: ["vxe-print-page-break--header", headerAlign ? `align--${headerAlign}` : ""]
-              },
-              headerHtml ? `${XEUtils.isFunction(headerHtml) ? headerHtml(params) : headerHtml || ""}` : [
-                title && (showAllPageTitle || !index) ? h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--header-title"
-                  },
-                  `${title || ""}`
-                ) : renderEmptyElement($xePrint)
-              ]
-            ),
-            h(
-              "div",
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const reactData = reactive({
+        staticPageBreaks: []
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xePrint = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $print: $xePrint }, params));
+      };
+      const printMethods = {
+        dispatchEvent,
+        print() {
+          const { align, title, headerAlign, footerAlign, showPageNumber, customLayout, pageBreaks, content, headerHtml, footerHtml, leftHtml, rightHtml, showAllPageTitle, pageStyle, customStyle, styleUrls, beforeMethod, beforePrintMethod, printMethod, afterPrintMethod } = props;
+          const elem = refElem.value;
+          return printHtml(
+            Object.assign(
+              {},
               {
-                class: "vxe-print-page-break--body"
+                align,
+                title,
+                headerAlign,
+                footerAlign,
+                showPageNumber,
+                customLayout,
+                pageBreaks,
+                content,
+                headerHtml,
+                footerHtml,
+                leftHtml,
+                rightHtml,
+                showAllPageTitle,
+                pageStyle,
+                customStyle,
+                styleUrls,
+                beforeMethod,
+                beforePrintMethod,
+                printMethod,
+                afterPrintMethod
               },
-              [
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--left"
-                  },
-                  `${XEUtils.isFunction(leftHtml) ? leftHtml(params) : leftHtml || ""}`
-                ),
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--content"
-                  },
-                  `${XEUtils.isFunction(bodyHtml) ? bodyHtml(params) : bodyHtml || ""}`
-                ),
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--right"
-                  },
-                  `${XEUtils.isFunction(rightHtml) ? rightHtml(params) : rightHtml || ""}`
-                )
-              ]
-            ),
-            h(
-              "div",
               {
-                class: ["vxe-print-page-break--footer", footerAlign ? `align--${footerAlign}` : ""]
-              },
-              footerHtml ? `${XEUtils.isFunction(footerHtml) ? footerHtml(params) : footerHtml || ""}` : [
-                showPageNumber ? h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--footer-page-number"
-                  },
-                  `${currentPage}/${pageCount}`
-                ) : renderEmptyElement($xePrint)
-              ]
+                _pageBreaks: !!reactData.staticPageBreaks.length,
+                html: trimHtml(elem ? elem.outerHTML : "") || props.html || props.content || ""
+              }
             )
-          ]
-        );
-      });
-    };
-    const renderPageStaticLayouts = () => {
-      const { title, showPageNumber, showAllPageTitle, align, headerAlign, footerAlign } = props;
-      const { staticPageBreaks } = reactData;
-      const pageCount = staticPageBreaks.length;
-      return staticPageBreaks.map((item, index) => {
-        const itemSlots = item.slots || {};
-        const currentPage = index + 1;
-        const defaultSlot = itemSlots.default;
-        const headerSlot = itemSlots.header || slots.header;
-        const footerSlot = itemSlots.footer || slots.footer;
-        const leftSlot = itemSlots.left || slots.left;
-        const rightSlot = itemSlots.right || slots.right;
-        const params = {
-          currentPage,
-          pageCount
-        };
+          );
+        }
+      };
+      const printPrivateMethods = {};
+      Object.assign($xePrint, printMethods, printPrivateMethods);
+      const renderPageConfigLayouts = () => {
+        const { title, showPageNumber, showAllPageTitle, align, headerAlign, footerAlign } = props;
+        const pageBreaks = props.pageBreaks || [];
+        const pageCount = pageBreaks.length;
+        return pageBreaks.map((item, index) => {
+          const bodyHtml = item.bodyHtml;
+          const headerHtml = item.headerHtml || props.headerHtml;
+          const footerHtml = item.footerHtml || props.footerHtml;
+          const leftHtml = item.leftHtml || props.leftHtml;
+          const rightHtml = item.rightHtml || props.rightHtml;
+          const currentPage = index + 1;
+          const params = {
+            currentPage,
+            pageCount
+          };
+          return h(
+            "div",
+            {
+              class: ["vxe-print-page-break", align ? `align--${align}` : ""]
+            },
+            [
+              h(
+                "div",
+                {
+                  class: ["vxe-print-page-break--header", headerAlign ? `align--${headerAlign}` : ""]
+                },
+                headerHtml ? `${XEUtils.isFunction(headerHtml) ? headerHtml(params) : headerHtml || ""}` : [
+                  title && (showAllPageTitle || !index) ? h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--header-title"
+                    },
+                    `${title || ""}`
+                  ) : renderEmptyElement($xePrint)
+                ]
+              ),
+              h(
+                "div",
+                {
+                  class: "vxe-print-page-break--body"
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--left"
+                    },
+                    `${XEUtils.isFunction(leftHtml) ? leftHtml(params) : leftHtml || ""}`
+                  ),
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--content"
+                    },
+                    `${XEUtils.isFunction(bodyHtml) ? bodyHtml(params) : bodyHtml || ""}`
+                  ),
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--right"
+                    },
+                    `${XEUtils.isFunction(rightHtml) ? rightHtml(params) : rightHtml || ""}`
+                  )
+                ]
+              ),
+              h(
+                "div",
+                {
+                  class: ["vxe-print-page-break--footer", footerAlign ? `align--${footerAlign}` : ""]
+                },
+                footerHtml ? `${XEUtils.isFunction(footerHtml) ? footerHtml(params) : footerHtml || ""}` : [
+                  showPageNumber ? h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--footer-page-number"
+                    },
+                    `${currentPage}/${pageCount}`
+                  ) : renderEmptyElement($xePrint)
+                ]
+              )
+            ]
+          );
+        });
+      };
+      const renderPageStaticLayouts = () => {
+        const { title, showPageNumber, showAllPageTitle, align, headerAlign, footerAlign } = props;
+        const { staticPageBreaks } = reactData;
+        const pageCount = staticPageBreaks.length;
+        return staticPageBreaks.map((item, index) => {
+          const itemSlots = item.slots || {};
+          const currentPage = index + 1;
+          const defaultSlot = itemSlots.default;
+          const headerSlot = itemSlots.header || slots.header;
+          const footerSlot = itemSlots.footer || slots.footer;
+          const leftSlot = itemSlots.left || slots.left;
+          const rightSlot = itemSlots.right || slots.right;
+          const params = {
+            currentPage,
+            pageCount
+          };
+          return h(
+            "div",
+            {
+              class: ["vxe-print-page-break", align ? `align--${align}` : ""]
+            },
+            [
+              h(
+                "div",
+                {
+                  class: ["vxe-print-page-break--header", headerAlign ? `align--${headerAlign}` : ""]
+                },
+                headerSlot ? getSlotVNs(headerSlot(params)) : [
+                  title && (showAllPageTitle || !index) ? h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--header-title"
+                    },
+                    `${title || ""}`
+                  ) : renderEmptyElement($xePrint)
+                ]
+              ),
+              h(
+                "div",
+                {
+                  class: "vxe-print-page-break--body"
+                },
+                [
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--left"
+                    },
+                    leftSlot ? getSlotVNs(leftSlot(params)) : []
+                  ),
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--content"
+                    },
+                    defaultSlot ? getSlotVNs(defaultSlot(params)) : []
+                  ),
+                  h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--right"
+                    },
+                    rightSlot ? getSlotVNs(rightSlot(params)) : []
+                  )
+                ]
+              ),
+              h(
+                "div",
+                {
+                  class: ["vxe-print-page-break--footer", footerAlign ? `align--${footerAlign}` : ""]
+                },
+                footerSlot ? getSlotVNs(footerSlot(params)) : [
+                  showPageNumber ? h(
+                    "div",
+                    {
+                      class: "vxe-print-page-break--footer-page-number"
+                    },
+                    `${currentPage}/${pageCount}`
+                  ) : renderEmptyElement($xePrint)
+                ]
+              )
+            ]
+          );
+        });
+      };
+      const renderVN = () => {
+        const { customLayout } = props;
+        const { staticPageBreaks } = reactData;
+        const defaultSlot = slots.default;
         return h(
           "div",
           {
-            class: ["vxe-print-page-break", align ? `align--${align}` : ""]
+            ref: refElem,
+            class: ["vxe-print"]
           },
-          [
+          customLayout ? defaultSlot ? getSlotVNs(defaultSlot({})) : [] : [
             h(
               "div",
               {
-                class: ["vxe-print-page-break--header", headerAlign ? `align--${headerAlign}` : ""]
+                key: "slot",
+                class: "vxe-print-slots"
               },
-              headerSlot ? getSlotVNs(headerSlot(params)) : [
-                title && (showAllPageTitle || !index) ? h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--header-title"
-                  },
-                  `${title || ""}`
-                ) : renderEmptyElement($xePrint)
-              ]
-            ),
-            h(
-              "div",
-              {
-                class: "vxe-print-page-break--body"
-              },
-              [
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--left"
-                  },
-                  leftSlot ? getSlotVNs(leftSlot(params)) : []
-                ),
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--content"
-                  },
-                  defaultSlot ? getSlotVNs(defaultSlot(params)) : []
-                ),
-                h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--right"
-                  },
-                  rightSlot ? getSlotVNs(rightSlot(params)) : []
-                )
-              ]
-            ),
-            h(
-              "div",
-              {
-                class: ["vxe-print-page-break--footer", footerAlign ? `align--${footerAlign}` : ""]
-              },
-              footerSlot ? getSlotVNs(footerSlot(params)) : [
-                showPageNumber ? h(
-                  "div",
-                  {
-                    class: "vxe-print-page-break--footer-page-number"
-                  },
-                  `${currentPage}/${pageCount}`
-                ) : renderEmptyElement($xePrint)
-              ]
+              defaultSlot ? getSlotVNs(defaultSlot({})) : []
             )
-          ]
+          ].concat(staticPageBreaks.length ? renderPageStaticLayouts() : renderPageConfigLayouts())
         );
-      });
-    };
-    const renderVN = () => {
-      const { customLayout } = props;
-      const { staticPageBreaks } = reactData;
-      const defaultSlot = slots.default;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: ["vxe-print"]
-        },
-        customLayout ? defaultSlot ? getSlotVNs(defaultSlot({})) : [] : [
-          h(
-            "div",
-            {
-              key: "slot",
-              class: "vxe-print-slots"
-            },
-            defaultSlot ? getSlotVNs(defaultSlot({})) : []
-          )
-        ].concat(staticPageBreaks.length ? renderPageStaticLayouts() : renderPageConfigLayouts())
-      );
-    };
-    $xePrint.renderVN = renderVN;
-    provide("$xePrint", $xePrint);
-    return $xePrint;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      };
+      $xePrint.renderVN = renderVN;
+      provide("$xePrint", $xePrint);
+      return $xePrint;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   print_default as default
 };