ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.3

package/lib/ele-pro-table/components/tool-print.cjs

@@ -1,9 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../../icons");
 const core = require("../../utils/core");
-const EleTool = require("../../ele-tool/index");
 const EleModal = require("../../ele-modal/index");
 const ElePrinter = require("../../ele-printer/index");
 const EleTable = require("../../ele-table/index");
@@ -12,6 +10,7 @@ const util$1 = require("../util");
 const ToolColumnList = require("./tool-column-list");
 const ToolPrintBodyCell = require("./tool-print-body-cell");
 const ToolPrintHeaderCell = require("./tool-print-header-cell");
+const ownSlots = ["printTop", "printBottom"];
 const _sfc_main = vue.defineComponent({
   name: "ToolPrint",
   components: {
@@ -21,9 +20,6 @@ const _sfc_main = vue.defineComponent({
     ElOption: elementPlus.ElOption,
     ElCheckbox: elementPlus.ElCheckbox,
     ElButton: elementPlus.ElButton,
-    ElIcon: elementPlus.ElIcon,
-    PrinterOutlined: icons.PrinterOutlined,
-    EleTool,
     EleModal,
     ElePrinter,
     EleTable,
@@ -33,13 +29,13 @@ const _sfc_main = vue.defineComponent({
     ToolPrintHeaderCell
   },
   props: {
-    /** 提示位置 */
-    placement: String,
     /** 表格国际化 */
     locale: {
       type: Object,
       required: true
     },
+    /** 缓存本地的名称 */
+    cacheKey: String,
     /** 弹窗参数 */
     modalProps: Object,
     /** 打印组件参数 */
@@ -83,6 +79,13 @@ const _sfc_main = vue.defineComponent({
       type: String,
       default: "pageData"
     },
+    /** 默认是否勾选表尾 */
+    defaultShowFooter: {
+      type: Boolean,
+      default: true
+    },
+    /** 默认是否勾选层级序号 */
+    defaultShowTreeIndex: Boolean,
     /** 打印前的钩子函数 */
     beforePrint: Function
   },
@@ -107,58 +110,81 @@ const _sfc_main = vue.defineComponent({
       bodyCols: [],
       data: []
     });
-    const openModal = () => {
-      visible.value = true;
-    };
-    const closeModal = () => {
-      visible.value = false;
-    };
     const showLoading = () => {
       loading.value = true;
     };
     const hideLoading = () => {
       loading.value = false;
     };
-    const onPrintDone = () => {
+    const openModal = () => {
+      visible.value = true;
+    };
+    const closeModal = () => {
       hideLoading();
+      visible.value = false;
     };
-    const printData = (data) => {
+    const handlePrintDone = () => {
+      hideLoading();
+    };
+    const printData = (params) => {
       var _a;
       showLoading();
-      const columns = util$1.getCheckedColumns(
+      const printDataValue = (params == null ? void 0 : params.data) || [];
+      const isShowHeader = (params == null ? void 0 : params.showHeader) ?? showHeader.value;
+      const isShowFooter = (params == null ? void 0 : params.showFooter) ?? showFooter.value;
+      const isShowTreeIndex = (params == null ? void 0 : params.showTreeIndex) ?? showTreeIndex.value;
+      const printDataType = (params == null ? void 0 : params.dataType) ?? dataType.value;
+      const printColumns = (params == null ? void 0 : params.columns) || util$1.getCheckedColumns(
         props.columns,
         colItems.value,
         true,
-        util$1.columnsPrintFilter
+        void 0,
+        util$1.columnsPrintFilter,
+        false,
+        colItems.value
+      );
+      const tableColumns = (params == null ? void 0 : params.columns) || util$1.getCheckedColumns(
+        props.columns,
+        colItems.value,
+        true,
+        void 0,
+        util$1.columnsPrintFilter,
+        true,
+        colItems.value
       );
       const { headerData, bodyData, footerData, bodyCols } = util$1.getExportData(
-        data,
-        columns,
+        printDataValue,
+        printColumns,
         props.spanMethod,
         props.pageIndex,
-        showFooter.value,
+        isShowFooter,
         props.sumText,
         props.summaryMethod,
         (_a = props.treeProps) == null ? void 0 : _a.children,
-        showTreeIndex.value,
-        showHeader.value
+        isShowTreeIndex,
+        isShowHeader
       );
       if (typeof props.beforePrint === "function") {
         const flag = props.beforePrint({
-          data,
-          columns,
+          data: printDataValue,
+          columns: printColumns,
           headerData,
           bodyData,
           footerData,
           bodyCols,
+          dataType: printDataType,
           hideLoading,
-          closeModal
+          closeModal,
+          showHeader: isShowHeader,
+          showFooter: isShowFooter,
+          showTreeIndex: isShowTreeIndex,
+          tableColumns
         });
         if (flag === false) {
           return;
         }
       }
-      printOptions.data = data;
+      printOptions.data = printDataValue;
       printOptions.headerData = headerData;
       printOptions.bodyData = bodyData;
       printOptions.footerData = footerData;
@@ -171,11 +197,11 @@ const _sfc_main = vue.defineComponent({
     };
     const handlePrint = () => {
       if (dataType.value === "selections") {
-        printData([...props.selections || []]);
+        printData({ data: [...props.selections || []] });
         return;
       }
       if (dataType.value !== "data") {
-        printData([...props.pageData || []]);
+        printData({ data: [...props.pageData || []] });
         return;
       }
       if (props.datasource == null || typeof props.datasource !== "function" || typeof props.fetch !== "function") {
@@ -186,9 +212,10 @@ const _sfc_main = vue.defineComponent({
         props.datasource(params).then((result) => {
           if (result == null) {
             hideLoading();
+            closeModal();
             return;
           }
-          printData(result);
+          printData({ data: result });
         }).catch((e) => {
           console.error(e);
           hideLoading();
@@ -196,32 +223,21 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const initColItems = () => {
-      colItems.value = util$1.getColItems(
+      const colsWidth = util$1.getCacheColsWidth(props.cacheKey);
+      const { cols, checkAll, indeterminate } = util$1.getColItems(
         props.columns,
-        props.locale.columnUntitled,
-        props.locale.columnIndex,
-        props.locale.columnExpand,
+        props.locale,
         util$1.columnsPrintFilter,
+        void 0,
+        true,
         true,
-        true
+        colsWidth
       );
-      let checkAll = true;
-      let indeterminate = false;
-      core.eachTree(colItems.value, (d) => {
-        if (!d.checked && checkAll) {
-          checkAll = false;
-        }
-        if (d.checked && !indeterminate) {
-          indeterminate = true;
-        }
-        if (!checkAll && indeterminate) {
-          return false;
-        }
-      });
-      isCheckAll.value = colItems.value.length > 0 && checkAll;
-      isIndeterminate.value = !checkAll && indeterminate;
+      colItems.value = cols;
+      isCheckAll.value = checkAll;
+      isIndeterminate.value = indeterminate;
     };
-    const onCheckedChange = (item, checked, type) => {
+    const handleCheckedChange = (item, checked, type) => {
       let checkAll = true;
       let indeterminate = false;
       core.eachTree(colItems.value, (d) => {
@@ -242,7 +258,16 @@ const _sfc_main = vue.defineComponent({
       isCheckAll.value = colItems.value.length > 0 && checkAll;
       isIndeterminate.value = !checkAll && indeterminate;
     };
-    const onSortChange = (items, parent) => {
+    const handleCheckAllChange = (checked) => {
+      isCheckAll.value = checked;
+      isIndeterminate.value = false;
+      core.eachTree(colItems.value, (d) => {
+        if (d.checked !== checked) {
+          d.checked = checked;
+        }
+      });
+    };
+    const handleSortChange = (items, parent) => {
       if (!parent) {
         colItems.value = items;
       } else {
@@ -254,39 +279,35 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
-    const onCheckAllChange = (checked) => {
-      isCheckAll.value = checked;
-      isIndeterminate.value = false;
+    const handleColWidthChange = (item, width) => {
       core.eachTree(colItems.value, (d) => {
-        if (d.checked !== checked) {
-          d.checked = checked;
+        if (d.uid === item.uid) {
+          d.width = width;
+          return false;
         }
       });
     };
-    const onReset = () => {
+    const handleReset = () => {
       initColItems();
     };
     const handleTreeIndexChange = (checked) => {
       if (checked) {
-        onCheckedChange(void 0, false, "index");
+        handleCheckedChange(void 0, false, "index");
       }
     };
     vue.watch(visible, (visible2) => {
       if (visible2) {
         dataType.value = props.defaultDataType;
         initColItems();
-        showHeader.value = props.tableHeader;
-        showFooter.value = props.showSummary;
+        showHeader.value = !!props.tableHeader;
+        showFooter.value = props.showSummary ? !!props.defaultShowFooter : false;
         treeIndexDisabled.value = !(props.pageData && props.pageData.some(
           (d) => {
             var _a, _b, _c;
             return ((_b = d[((_a = props.treeProps) == null ? void 0 : _a.children) || "children"]) == null ? void 0 : _b.length) || d[((_c = props.treeProps) == null ? void 0 : _c.hasChildren) || "hasChildren"];
           }
         )) && core.findTree(colItems.value, (c) => c.type === "expand") == null;
-        if (treeIndexDisabled.value) {
-          showTreeIndex.value = false;
-        }
-        handleTreeIndexChange(showTreeIndex.value);
+        showTreeIndex.value = treeIndexDisabled.value ? false : !!props.defaultShowTreeIndex;
         return;
       }
       printOptions.data = [];
@@ -297,9 +318,10 @@ const _sfc_main = vue.defineComponent({
       printOptions.hasHeader = false;
       printOptions.hasFooter = false;
       printOptions.printing = false;
-      loading.value = false;
+      hideLoading();
     });
     return {
+      ownSlots,
       visible,
       loading,
       dataType,
@@ -313,13 +335,15 @@ const _sfc_main = vue.defineComponent({
       printOptions,
       openModal,
       closeModal,
-      onPrintDone,
+      handlePrintDone,
       handlePrint,
-      onCheckedChange,
-      onSortChange,
-      onCheckAllChange,
-      onReset,
-      handleTreeIndexChange
+      handleCheckedChange,
+      handleSortChange,
+      handleColWidthChange,
+      handleCheckAllChange,
+      handleReset,
+      handleTreeIndexChange,
+      printData
     };
   }
 });
@@ -342,8 +366,6 @@ const _hoisted_9 = ["colspan", "rowspan"];
 const _hoisted_10 = { key: 1 };
 const _hoisted_11 = ["colspan", "rowspan"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_PrinterOutlined = vue.resolveComponent("PrinterOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElOption = vue.resolveComponent("ElOption");
   const _component_ElSelect = vue.resolveComponent("ElSelect");
   const _component_ElFormItem = vue.resolveComponent("ElFormItem");
@@ -357,307 +379,296 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CellRender = vue.resolveComponent("CellRender");
   const _component_EleTable = vue.resolveComponent("EleTable");
   const _component_ElePrinter = vue.resolveComponent("ElePrinter");
-  const _component_EleTool = vue.resolveComponent("EleTool");
-  return vue.openBlock(), vue.createBlock(_component_EleTool, {
-    title: _ctx.locale.print,
-    placement: _ctx.placement,
-    onClick: _ctx.openModal
-  }, {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_ElIcon, null, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_PrinterOutlined)
-        ]),
-        _: 1
-      }),
-      vue.createVNode(_component_EleModal, vue.mergeProps({
-        form: true,
-        width: "460px",
-        title: _ctx.locale.print,
-        position: "center"
-      }, _ctx.modalProps || {}, {
-        modelValue: _ctx.visible,
-        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.visible = $event)
-      }), {
-        footer: vue.withCtx(() => [
-          vue.createVNode(_component_ElButton, { onClick: _ctx.closeModal }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportCancel), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          vue.createVNode(_component_ElButton, {
-            loading: _ctx.loading,
-            type: "primary",
-            onClick: _ctx.handlePrint
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportOk), 1)
-            ]),
-            _: 1
-          }, 8, ["loading", "onClick"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_ElForm, {
-            labelWidth: "80px",
-            onSubmit: _cache[5] || (_cache[5] = vue.withModifiers(() => {
-            }, ["prevent"])),
-            class: "ele-tool-print-form"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ElFormItem, {
-                label: _ctx.locale.exportSelectData
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_ElSelect, {
-                    modelValue: _ctx.dataType,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dataType = $event),
-                    placeholder: _ctx.locale.exportSelectData
-                  }, {
-                    default: vue.withCtx(() => [
-                      _ctx.pageData != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
-                        key: 0,
-                        value: "pageData",
-                        label: _ctx.locale.exportDataTypePage
-                      }, null, 8, ["label"])) : vue.createCommentVNode("", true),
-                      _ctx.selections != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
-                        key: 1,
-                        value: "selections",
-                        label: _ctx.locale.exportDataTypeSelected
-                      }, null, 8, ["label"])) : vue.createCommentVNode("", true),
-                      _ctx.datasource != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
-                        key: 2,
-                        value: "data",
-                        label: _ctx.locale.exportDataTypeAll
-                      }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              vue.createVNode(_component_ElFormItem, {
-                label: _ctx.locale.exportSelectColumn
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_1, [
-                    vue.createElementVNode("div", _hoisted_2, [
-                      vue.createElementVNode("div", _hoisted_3, [
-                        vue.createVNode(_component_ElCheckbox, {
-                          label: _ctx.locale.columnTitle,
-                          modelValue: _ctx.isCheckAll,
-                          indeterminate: _ctx.isIndeterminate,
-                          "onUpdate:modelValue": _ctx.onCheckAllChange
-                        }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
-                      ]),
-                      vue.createElementVNode("div", {
-                        class: "ele-tool-column-link",
-                        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onReset && _ctx.onReset(...args))
-                      }, vue.toDisplayString(_ctx.locale.columnReset), 1)
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createVNode(_component_EleModal, vue.mergeProps({
+      form: true,
+      width: "460px",
+      title: _ctx.locale.print,
+      position: "center"
+    }, _ctx.modalProps || {}, {
+      modelValue: _ctx.visible,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.visible = $event)
+    }), {
+      footer: vue.withCtx(() => [
+        vue.createVNode(_component_ElButton, { onClick: _ctx.closeModal }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportCancel), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        vue.createVNode(_component_ElButton, {
+          loading: _ctx.loading,
+          type: "primary",
+          onClick: _ctx.handlePrint
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.locale.exportOk), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])
+      ]),
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElForm, {
+          labelWidth: "80px",
+          onSubmit: _cache[5] || (_cache[5] = vue.withModifiers(() => {
+          }, ["prevent"])),
+          class: "ele-tool-print-form"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_ElFormItem, {
+              label: _ctx.locale.exportSelectData
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_ElSelect, {
+                  modelValue: _ctx.dataType,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dataType = $event),
+                  placeholder: _ctx.locale.exportSelectData
+                }, {
+                  default: vue.withCtx(() => [
+                    _ctx.pageData != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                      key: 0,
+                      value: "pageData",
+                      label: _ctx.locale.exportDataTypePage
+                    }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+                    _ctx.selections != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                      key: 1,
+                      value: "selections",
+                      label: _ctx.locale.exportDataTypeSelected
+                    }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+                    _ctx.datasource != null ? (vue.openBlock(), vue.createBlock(_component_ElOption, {
+                      key: 2,
+                      value: "data",
+                      label: _ctx.locale.exportDataTypeAll
+                    }, null, 8, ["label"])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            vue.createVNode(_component_ElFormItem, {
+              label: _ctx.locale.exportSelectColumn
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_1, [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createElementVNode("div", _hoisted_3, [
+                      vue.createVNode(_component_ElCheckbox, {
+                        label: _ctx.locale.columnTitle,
+                        modelValue: _ctx.isCheckAll,
+                        indeterminate: _ctx.isIndeterminate,
+                        "onUpdate:modelValue": _ctx.handleCheckAllChange
+                      }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
                     ]),
-                    vue.createVNode(_component_ToolColumnList, {
-                      data: _ctx.colItems,
-                      sortable: true,
-                      onSortChange: _ctx.onSortChange,
-                      onCheckedChange: _ctx.onCheckedChange
-                    }, null, 8, ["data", "onSortChange", "onCheckedChange"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              vue.createVNode(_component_ElFormItem, {
-                label: _ctx.locale.exportOther
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4, [
-                    vue.createVNode(_component_ElCheckbox, {
-                      label: _ctx.locale.exportOtherHeader,
-                      modelValue: _ctx.showHeader,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.showHeader = $event)
-                    }, null, 8, ["label", "modelValue"]),
-                    vue.createVNode(_component_ElCheckbox, {
-                      label: _ctx.locale.exportOtherFooter,
-                      modelValue: _ctx.showFooter,
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.showFooter = $event),
-                      disabled: !_ctx.showSummary
-                    }, null, 8, ["label", "modelValue", "disabled"]),
-                    vue.createVNode(_component_ElCheckbox, {
-                      label: _ctx.locale.exportOtherTreeIndex,
-                      modelValue: _ctx.showTreeIndex,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.showTreeIndex = $event),
-                      disabled: _ctx.treeIndexDisabled,
-                      onChange: _ctx.handleTreeIndexChange
-                    }, null, 8, ["label", "modelValue", "disabled", "onChange"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16, ["title", "modelValue"]),
-      vue.createVNode(_component_ElePrinter, vue.mergeProps({ target: "_iframe" }, _ctx.printerProps || {}, {
-        modelValue: _ctx.printOptions.printing,
-        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.printOptions.printing = $event),
-        onDone: _ctx.onPrintDone
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "printTop", {
-            data: _ctx.printOptions.data
-          }),
-          vue.createVNode(_component_EleTable, vue.mergeProps({
-            border: true,
-            printSkin: true,
-            hasHeader: _ctx.printOptions.hasHeader,
-            hasFooter: _ctx.printOptions.hasFooter
-          }, _ctx.tableProps || {}), {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("colgroup", null, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.bodyCols, (col) => {
-                  return vue.openBlock(), vue.createElementBlock("col", {
-                    key: col.key,
-                    width: col.width
-                  }, null, 8, _hoisted_5);
-                }), 128))
+                    vue.createElementVNode("div", {
+                      class: "ele-tool-column-link",
+                      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
+                    }, vue.toDisplayString(_ctx.locale.columnReset), 1)
+                  ]),
+                  vue.createVNode(_component_ToolColumnList, {
+                    data: _ctx.colItems,
+                    sortable: true,
+                    allowWidth: true,
+                    columnWidthPlaceholder: _ctx.locale.columnWidth,
+                    onSortChange: _ctx.handleSortChange,
+                    onCheckedChange: _ctx.handleCheckedChange,
+                    onColWidthChange: _ctx.handleColWidthChange
+                  }, null, 8, ["data", "columnWidthPlaceholder", "onSortChange", "onCheckedChange", "onColWidthChange"])
+                ])
               ]),
-              _ctx.printOptions.hasHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_6, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.headerData, (item, index) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col, columnIndex) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                        key: col.key
-                      }, [
-                        col.isTreeIndex ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                          col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("th", {
-                            key: 0,
-                            colspan: col.colspan,
-                            rowspan: col.rowspan,
-                            class: "ele-print-tree-index"
-                          }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true)
-                        ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createBlock(_component_ToolPrintHeaderCell, {
-                          key: 1,
-                          col,
-                          columnIndex,
-                          headerCellStyle: _ctx.headerCellStyle,
-                          headerCellClass: _ctx.headerCellClassName
-                        }, vue.createSlots({ _: 2 }, [
-                          vue.renderList(Object.keys(_ctx.$slots).filter(
-                            (k) => !["printTop", "printBottom"].includes(k)
-                          ), (name) => {
-                            return {
-                              name,
-                              fn: vue.withCtx((slotProps) => [
-                                vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
-                              ])
-                            };
-                          })
-                        ]), 1032, ["col", "columnIndex", "headerCellStyle", "headerCellClass"])) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 128))
-                  ]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("tbody", null, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.bodyData, (item, index) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col, columnIndex) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                        key: col.key
-                      }, [
-                        col.isExpandCell ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                          col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("td", {
-                            key: 0,
-                            rowspan: col.rowspan,
-                            colspan: col.colspan,
-                            style: { "padding-left": "0", "padding-right": "0" },
-                            class: "ele-print-expand-td"
-                          }, [
-                            col.column && (col.column.printSlot || col.column.slot) && !["printTop", "printBottom"].includes(
-                              col.column.printSlot || col.column.slot
-                            ) ? vue.renderSlot(_ctx.$slots, col.column.printSlot || col.column.slot, vue.mergeProps({
-                              key: 0,
-                              ref_for: true
-                            }, {
-                              row: col.row,
-                              column: col.column,
-                              $index: col.index
-                            })) : vue.createCommentVNode("", true)
-                          ], 8, _hoisted_8)) : vue.createCommentVNode("", true)
-                        ], 64)) : col.isTreeIndex ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                          col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("td", {
-                            key: 0,
-                            colspan: col.colspan,
-                            rowspan: col.rowspan,
-                            style: vue.normalizeStyle({
-                              paddingLeft: 0,
-                              paddingRight: 0,
-                              textAlign: "center",
-                              verticalAlign: "top",
-                              borderLeftColor: col.hideLeftBorder ? "transparent" : void 0
-                            }),
-                            class: vue.normalizeClass([
-                              "ele-print-tree-index",
-                              { "is-placeholder": !col.text }
-                            ])
-                          }, vue.toDisplayString(col.text), 15, _hoisted_9)) : vue.createCommentVNode("", true)
-                        ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createBlock(_component_ToolPrintBodyCell, {
-                          key: 2,
-                          col,
-                          columnIndex,
-                          bodyCellStyle: _ctx.cellStyle,
-                          bodyCellClass: _ctx.cellClassName
-                        }, vue.createSlots({ _: 2 }, [
-                          vue.renderList(Object.keys(_ctx.$slots).filter(
-                            (k) => !["printTop", "printBottom"].includes(k)
-                          ), (name) => {
-                            return {
-                              name,
-                              fn: vue.withCtx((slotProps) => [
-                                vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
-                              ])
-                            };
-                          })
-                        ]), 1032, ["col", "columnIndex", "bodyCellStyle", "bodyCellClass"])) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 128))
-                  ]);
-                }), 128))
+              _: 1
+            }, 8, ["label"]),
+            vue.createVNode(_component_ElFormItem, {
+              label: _ctx.locale.exportOther
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_4, [
+                  vue.createVNode(_component_ElCheckbox, {
+                    label: _ctx.locale.exportOtherHeader,
+                    modelValue: _ctx.showHeader,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.showHeader = $event)
+                  }, null, 8, ["label", "modelValue"]),
+                  vue.createVNode(_component_ElCheckbox, {
+                    label: _ctx.locale.exportOtherFooter,
+                    modelValue: _ctx.showFooter,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.showFooter = $event),
+                    disabled: !_ctx.showSummary
+                  }, null, 8, ["label", "modelValue", "disabled"]),
+                  vue.createVNode(_component_ElCheckbox, {
+                    label: _ctx.locale.exportOtherTreeIndex,
+                    modelValue: _ctx.showTreeIndex,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.showTreeIndex = $event),
+                    disabled: _ctx.treeIndexDisabled,
+                    onChange: _ctx.handleTreeIndexChange
+                  }, null, 8, ["label", "modelValue", "disabled", "onChange"])
+                ])
               ]),
-              _ctx.printOptions.hasFooter ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_10, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.footerData, (item, index) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["title", "modelValue"]),
+    vue.createVNode(_component_ElePrinter, vue.mergeProps({ target: "_iframe" }, _ctx.printerProps || {}, {
+      modelValue: _ctx.printOptions.printing,
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.printOptions.printing = $event),
+      onDone: _ctx.handlePrintDone
+    }), {
+      default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "printTop", {
+          data: _ctx.printOptions.data
+        }),
+        vue.createVNode(_component_EleTable, vue.mergeProps({
+          border: true,
+          printSkin: true,
+          hasHeader: _ctx.printOptions.hasHeader,
+          hasFooter: _ctx.printOptions.hasFooter
+        }, _ctx.tableProps || {}), {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("colgroup", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.bodyCols, (col) => {
+                return vue.openBlock(), vue.createElementBlock("col", {
+                  key: col.key,
+                  width: col.width
+                }, null, 8, _hoisted_5);
+              }), 128))
+            ]),
+            _ctx.printOptions.hasHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_6, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.headerData, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col, columnIndex) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                      key: col.key
+                    }, [
+                      col.isTreeIndex ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                        col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("th", {
+                          key: 0,
+                          colspan: col.colspan,
+                          rowspan: col.rowspan,
+                          class: "ele-print-tree-index"
+                        }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true)
+                      ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createBlock(_component_ToolPrintHeaderCell, {
+                        key: 1,
+                        col,
+                        columnIndex,
+                        headerCellStyle: _ctx.headerCellStyle,
+                        headerCellClass: _ctx.headerCellClassName
+                      }, vue.createSlots({ _: 2 }, [
+                        vue.renderList(Object.keys(_ctx.$slots).filter(
+                          (k) => !_ctx.ownSlots.includes(k)
+                        ), (name) => {
+                          return {
+                            name,
+                            fn: vue.withCtx((slotProps) => [
+                              vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["col", "columnIndex", "headerCellStyle", "headerCellClass"])) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("tbody", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.bodyData, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col, columnIndex) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                      key: col.key
+                    }, [
+                      col.isExpandCell ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                         col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("td", {
-                          key: col.key,
+                          key: 0,
+                          rowspan: col.rowspan,
                           colspan: col.colspan,
-                          rowspan: col.rowspan
+                          style: { "padding-left": "0", "padding-right": "0" },
+                          class: "ele-print-expand-td"
                         }, [
-                          !col.isExpandCell ? (vue.openBlock(), vue.createBlock(_component_CellRender, {
+                          col.column && (col.column.printSlot || col.column.slot) && !_ctx.ownSlots.includes(
+                            col.column.printSlot || col.column.slot
+                          ) ? vue.renderSlot(_ctx.$slots, col.column.printSlot || col.column.slot, vue.mergeProps({
                             key: 0,
-                            render: () => col.text,
-                            params: []
-                          }, null, 8, ["render"])) : vue.createCommentVNode("", true)
-                        ], 8, _hoisted_11)) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 256))
-                  ]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true)
+                            ref_for: true
+                          }, {
+                            row: col.row,
+                            column: col.column,
+                            $index: col.index
+                          })) : vue.createCommentVNode("", true)
+                        ], 8, _hoisted_8)) : vue.createCommentVNode("", true)
+                      ], 64)) : col.isTreeIndex ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                        col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("td", {
+                          key: 0,
+                          colspan: col.colspan,
+                          rowspan: col.rowspan,
+                          style: vue.normalizeStyle({
+                            paddingLeft: 0,
+                            paddingRight: 0,
+                            textAlign: "center",
+                            verticalAlign: "top",
+                            borderLeftColor: col.hideLeftBorder ? "transparent" : void 0
+                          }),
+                          class: vue.normalizeClass([
+                            "ele-print-tree-index",
+                            { "is-placeholder": !col.text }
+                          ])
+                        }, vue.toDisplayString(col.text), 15, _hoisted_9)) : vue.createCommentVNode("", true)
+                      ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createBlock(_component_ToolPrintBodyCell, {
+                        key: 2,
+                        col,
+                        columnIndex,
+                        bodyCellStyle: _ctx.cellStyle,
+                        bodyCellClass: _ctx.cellClassName
+                      }, vue.createSlots({ _: 2 }, [
+                        vue.renderList(Object.keys(_ctx.$slots).filter(
+                          (k) => !_ctx.ownSlots.includes(k)
+                        ), (name) => {
+                          return {
+                            name,
+                            fn: vue.withCtx((slotProps) => [
+                              vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["col", "columnIndex", "bodyCellStyle", "bodyCellClass"])) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ]);
+              }), 128))
             ]),
-            _: 3
-          }, 16, ["hasHeader", "hasFooter"]),
-          vue.renderSlot(_ctx.$slots, "printBottom", {
-            data: _ctx.printOptions.data
-          })
-        ]),
-        _: 3
-      }, 16, ["modelValue", "onDone"])
-    ]),
-    _: 3
-  }, 8, ["title", "placement", "onClick"]);
+            _ctx.printOptions.hasFooter ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_10, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.printOptions.footerData, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("tr", { key: index }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item, (col) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                      col.rowspan !== 0 && col.colspan !== 0 ? (vue.openBlock(), vue.createElementBlock("td", {
+                        key: col.key,
+                        colspan: col.colspan,
+                        rowspan: col.rowspan
+                      }, [
+                        !col.isExpandCell ? (vue.openBlock(), vue.createBlock(_component_CellRender, {
+                          key: 0,
+                          render: () => col.text,
+                          params: []
+                        }, null, 8, ["render"])) : vue.createCommentVNode("", true)
+                      ], 8, _hoisted_11)) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 256))
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 16, ["hasHeader", "hasFooter"]),
+        vue.renderSlot(_ctx.$slots, "printBottom", {
+          data: _ctx.printOptions.data
+        })
+      ]),
+      _: 3
+    }, 16, ["modelValue", "onDone"])
+  ], 64);
 }
 const toolPrint = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = toolPrint;