ele-admin-plus 1.4.1-beta.1 → 1.4.1

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

@@ -85,7 +85,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 默认是否勾选层级序号 */
     defaultShowTreeIndex: Boolean,
     /** 打印前的钩子函数 */
-    beforePrint: Function
+    beforePrint: Function,
+    /** 打印插件 */
+    printPlugin: Function
   },
   setup(__props, { expose: __expose }) {
     const ownSlots = ["printTop", "printBottom"];
@@ -164,35 +166,45 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         isShowTreeIndex,
         isShowHeader
       );
+      const printParams = {
+        data: printDataValue,
+        columns: printColumns,
+        headerData,
+        bodyData,
+        footerData,
+        bodyCols,
+        dataType: printDataType,
+        hideLoading,
+        closeModal,
+        showHeader: isShowHeader,
+        showFooter: isShowFooter,
+        showTreeIndex: isShowTreeIndex,
+        tableColumns
+      };
       if (typeof props.beforePrint === "function") {
-        const flag = props.beforePrint({
-          data: printDataValue,
-          columns: printColumns,
-          headerData,
-          bodyData,
-          footerData,
-          bodyCols,
-          dataType: printDataType,
-          hideLoading,
-          closeModal,
-          showHeader: isShowHeader,
-          showFooter: isShowFooter,
-          showTreeIndex: isShowTreeIndex,
-          tableColumns
-        });
+        const flag = props.beforePrint(printParams);
         if (flag === false) {
           return;
         }
       }
-      printOptions.data = printDataValue;
-      printOptions.headerData = headerData;
-      printOptions.bodyData = bodyData;
-      printOptions.footerData = footerData;
-      printOptions.hasHeader = !!printOptions.headerData.length;
-      printOptions.hasFooter = !!printOptions.footerData.length;
-      printOptions.bodyCols = bodyCols;
-      vue.nextTick(() => {
-        printOptions.printing = true;
+      if (props.printPlugin == null) {
+        printOptions.data = printDataValue;
+        printOptions.headerData = headerData;
+        printOptions.bodyData = bodyData;
+        printOptions.footerData = footerData;
+        printOptions.hasHeader = !!printOptions.headerData.length;
+        printOptions.hasFooter = !!printOptions.footerData.length;
+        printOptions.bodyCols = bodyCols;
+        vue.nextTick(() => {
+          printOptions.printing = true;
+        });
+        return;
+      }
+      props.printPlugin(printParams).then(() => {
+        hideLoading();
+        closeModal();
+      }).catch(() => {
+        hideLoading();
       });
     };
     const handlePrint = () => {

package/lib/ele-pro-table/components/tool-print.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { StyleValue } from '../../ele-app/types';
 import { EleModalProps, ElePrinterProps, EleTableProps } from '../../ele-app/plus';
 import { Columns, DataItem, SpanMethod, SummaryMethod, CellStyle, CellClass, HeaderCellStyle, HeaderCellClass, TreeProps } from '../../ele-data-table/types';
-import { TableLocale, ExportDataType, BeforeExport, Datasource, FetchFunction, TableExportParams } from '../types';
+import { TableLocale, ExportDataType, BeforeExport, ExportPlugin, Datasource, FetchFunction, TableExportParams } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
     row: DataItem | undefined;
@@ -78,6 +78,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     defaultShowTreeIndex: BooleanConstructor;
     /** 打印前的钩子函数 */
     beforePrint: PropType<BeforeExport>;
+    /** 打印插件 */
+    printPlugin: PropType<ExportPlugin>;
 }>, {
     openModal: () => void;
     closeModal: () => void;
@@ -144,6 +146,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     defaultShowTreeIndex: BooleanConstructor;
     /** 打印前的钩子函数 */
     beforePrint: PropType<BeforeExport>;
+    /** 打印插件 */
+    printPlugin: PropType<ExportPlugin>;
 }>> & Readonly<{}>, {
     showSummary: boolean;
     tableHeader: boolean;

package/lib/ele-pro-table/exceljs-plugin.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ExcelJS = require("exceljs");
+const common = require("../utils/common");
+function getExportWorkbook(params) {
+  const { headerData, bodyData, footerData, bodyCols } = params;
+  const workbook = new ExcelJS.Workbook();
+  const sheet = workbook.addWorksheet("Sheet1");
+  const sheetRows = [];
+  const sheetStyles = [];
+  const sheetMerges = [];
+  const sheetRowHeight = [];
+  [...headerData, ...bodyData, ...footerData].forEach((item, index) => {
+    const sheetCols = [];
+    const rowStyles = [];
+    item.forEach((d, colIndex) => {
+      var _a;
+      if (!d.isTreeCell || !d.indent) {
+        sheetCols.push(d.text ?? "");
+      } else {
+        const gap = Array.from({ length: d.indent }).fill("  ").join("");
+        sheetCols.push(gap + (d.text ?? ""));
+      }
+      rowStyles.push({
+        font: { size: 12, bold: index < headerData.length },
+        alignment: {
+          vertical: d.isTreeIndex && d.rowspan !== 1 ? "top" : "middle",
+          horizontal: d.isExpandCell ? "left" : ((_a = d.column) == null ? void 0 : _a.align) || "left",
+          wrapText: d.isExpandCell ? true : false,
+          indent: d.isExpandCell ? 1 : 0
+        },
+        border: {
+          top: { style: "thin" },
+          left: d.hideLeftBorder ? {} : { style: "thin" },
+          bottom: { style: "thin" },
+          right: d.hideRightBorder ? {} : { style: "thin" }
+        }
+      });
+      if (d.rowspan && d.rowspan > 1 || d.colspan && d.colspan > 1) {
+        sheetMerges.push([
+          index + 1,
+          colIndex + 1,
+          index + (d.rowspan || 1),
+          colIndex + (d.colspan || 1)
+        ]);
+      }
+    });
+    sheetRows.push(sheetCols);
+    sheetStyles.push(rowStyles);
+    const expandCell = item.find((d) => d.isExpandCell && d.colspan);
+    const lines = String((expandCell == null ? void 0 : expandCell.text) ?? "").split("\n").length || 1;
+    sheetRowHeight.push(lines * 20);
+  });
+  sheet.addRows(sheetRows).forEach((row, index) => {
+    row.eachCell({ includeEmpty: true }, (cell, colIndex) => {
+      Object.assign(cell, sheetStyles[index][colIndex - 1]);
+    });
+    row.height = sheetRowHeight[index];
+  });
+  sheetMerges.forEach((merges) => {
+    sheet.mergeCells(merges);
+  });
+  bodyCols.forEach((col, colIndex) => {
+    const w = col.width ?? col.minWidth;
+    sheet.getColumn(colIndex + 1).width = w == null ? void 0 : w / 8;
+  });
+  return workbook;
+}
+const exceljsPlugin = function(params) {
+  return new Promise((resolve, reject) => {
+    getExportWorkbook(params).xlsx.writeBuffer().then((data) => {
+      common.download(data, `${params.fileName}.xlsx`);
+      resolve();
+    }).catch((e) => {
+      console.error(e);
+      reject(e);
+    });
+  });
+};
+exports.exceljsPlugin = exceljsPlugin;
+exports.getExportWorkbook = getExportWorkbook;

package/lib/ele-pro-table/exceljs-plugin.d.ts

@@ -0,0 +1,12 @@
+import { default as ExcelJS } from 'exceljs';
+import { ExportPlugin, BeforeExportParams } from './types';
+
+/**
+ * 导出生成 ExcelJS Workbook
+ * @param params 参数
+ */
+export declare function getExportWorkbook(params: BeforeExportParams): ExcelJS.Workbook;
+/**
+ * 使用 ExcelJS 进行导出的插件
+ */
+export declare const exceljsPlugin: ExportPlugin;

package/lib/ele-pro-table/index.cjs

@@ -5,12 +5,14 @@ const receiver = require("../ele-config-provider/receiver");
 const EleLoading = require("../ele-loading/index");
 const ElePagination = require("../ele-pagination/index");
 const props$1 = require("../ele-data-table/props");
-const util = require("../ele-data-table/util");
+const util$1 = require("../ele-data-table/util");
 const EleDataTable = require("../ele-data-table/index");
 const EleVirtualTable = require("../ele-virtual-table/index");
 const EleToolbar = require("../ele-toolbar/index");
 const TableTools = require("./components/table-tools");
-const util$1 = require("./util");
+const ToolExport = require("./components/tool-export");
+const ToolPrint = require("./components/tool-print");
+const util = require("./util");
 const props = require("./props");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "EleProTable" },
@@ -31,9 +33,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const pageSlotExcludes = [...toolsSlotExcludes, "printTop", "printBottom"];
     const props2 = __props;
     const emit = __emit;
-    const events = util.useEmits(emit);
-    const methods = util.useMethods(() => getTableRef());
+    const tableState = {
+      sorter: props2.defaultSort ?? {},
+      filter: util.getDefaultFilter(props2.columns),
+      where: props2.where ?? {},
+      reloadId: null
+    };
     const globalProps = receiver.useGlobalProps("table");
+    const { lang } = receiver.useLocale("table", props2);
+    const tableViewRef = vue.ref(null);
+    const getTableRef = () => {
+      return tableViewRef.value;
+    };
+    const events = util$1.useEmits(emit);
+    const methods = util$1.useMethods(() => getTableRef());
     const virtualTableEvents = {
       onEndEeached: (params) => {
         emit("endEeached", params);
@@ -45,36 +58,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         emit("rowsRendered", params);
       }
     };
-    const tableState = {
-      sorter: props2.defaultSort ?? {},
-      filter: util$1.getDefaultFilter(props2.columns),
-      where: props2.where ?? {}
-    };
-    const tableToolsRef = vue.ref(null);
-    const tableViewRef = vue.ref(null);
+    const toolExportRef = vue.ref(null);
+    const toolPrintRef = vue.ref(null);
     const tableData = vue.ref([]);
     const tablePage = vue.ref(
-      util$1.getTablePage(props2.pagination, globalProps.value.pagination)
+      util.getTablePage(props2.pagination, globalProps.value.pagination)
     );
     const tableLimit = vue.ref(
-      util$1.getTableLimit(props2.pagination, globalProps.value.pagination)
+      util.getTableLimit(props2.pagination, globalProps.value.pagination)
     );
     const tableTotal = vue.ref(0);
     const tableLoading = vue.ref(props2.loading);
     const tableCols = vue.ref([]);
     const tableSize = vue.ref(
-      util$1.getTableSize(props2.cacheKey, props2.size, globalProps.value.size)
+      util.getTableSize(props2.cacheKey, props2.size, globalProps.value.size)
     );
     const tableMaximized = vue.ref(false);
     const errorText = vue.ref("");
     const cacheData = vue.ref();
-    const tableRowKey = vue.shallowRef(util$1.getRowKey(props2.rowKey));
+    const tableRowKey = vue.shallowRef(util.getRowKey(props2.rowKey));
     const tableIndex = vue.computed(() => {
       return ((tablePage.value ?? 1) - 1) * (tableLimit.value ?? 0) + 1;
     });
     const tableCurrentIndex = vue.ref(tableIndex.value);
     const paginationProps = vue.computed(() => {
-      return util$1.getPaginationProps(
+      return util.getPaginationProps(
         tableSize.value,
         props2.pagination,
         globalProps.value.pagination,
@@ -87,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       );
     });
     const tableEmptyProps = vue.computed(() => {
-      return util$1.mergeProps(
+      return util.mergeProps(
         props2.emptyProps,
         globalProps.value.emptyProps
       );
@@ -134,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return tools || [];
     });
     const tableToolbarProps = vue.computed(() => {
-      return util$1.mergeProps(
+      return util.mergeProps(
         props2.toolbar,
         globalProps.value.toolbar
       );
@@ -192,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       errorText.value = "";
       const sorter = tableState.sorter;
       if (!isFunctionSource.value) {
-        const { data, page, total } = util$1.reloadData(
+        const { data, page, total } = util.reloadData(
           props2.datasource,
           sorter,
           paginationProps.value ? tablePage.value : void 0,
@@ -205,11 +213,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         handleDone({ data, page, total, response: props2.datasource });
         return;
       }
+      const tempId = common.uuid(8);
+      tableState.reloadId = tempId;
       if (!parent) {
         tableLoading.value = true;
       }
       const filter = tableState.filter;
-      const orders = util$1.getRequestOrders(
+      const orders = util.getRequestOrders(
         sorter,
         props2.request,
         globalProps.value.request
@@ -217,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       props2.datasource({
         page: tablePage.value,
         limit: tableLimit.value,
-        pages: util$1.getRequestPages(
+        pages: util.getRequestPages(
           tablePage.value,
           tableLimit.value,
           props2.request,
@@ -225,14 +235,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ),
         where: Object.assign({}, tableState.where),
         orders,
-        filters: util$1.getRequestFilters(filter),
+        filters: util.getRequestFilters(filter),
         sorter,
         filter,
         parent
       }).then((response) => {
+        if (tableState.reloadId !== tempId) {
+          return;
+        }
         const parseData = props2.parseData ?? globalProps.value.parseData;
         const result = parseData ? parseData(response) : response;
-        const { data, total } = util$1.getResponseResult(
+        const { data, total } = util.getResponseResult(
           result,
           props2.response,
           globalProps.value.response,
@@ -241,6 +254,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         );
         requestCallback(data, total, parent, result, resolve);
       }).catch((e) => {
+        if (tableState.reloadId !== tempId) {
+          return;
+        }
         const errorMsg = e == null ? void 0 : e.message;
         requestCallback(
           errorMsg == null ? errorMsg : String(errorMsg),
@@ -273,7 +289,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "返回的数据格式与配置的不一致, 返回的数据:",
           response,
           "需要的格式:",
-          util$1.getResponseName(globalProps.value.response, props2.response)
+          util.getResponseName(globalProps.value.response, props2.response)
         );
         return;
       }
@@ -283,7 +299,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         resolve(data);
       } else {
-        if (util$1.isAutoAmend(props2.pagination, globalProps.value.pagination) && !data.length && total && "*" !== total && tablePage.value && tableLimit.value) {
+        if (util.isAutoAmend(props2.pagination, globalProps.value.pagination) && !data.length && total && "*" !== total && tablePage.value && tableLimit.value) {
           const maxPage = Math.ceil(total / tableLimit.value);
           if (maxPage && tablePage.value > maxPage) {
             tablePage.value = maxPage;
@@ -318,7 +334,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         if (props2.selections != null && props2.selections.length) {
           methods.setSelectedRowKeys(
-            util.getRowKeys(props2.selections, tableRowKey.value)
+            util$1.getRowKeys(props2.selections, tableRowKey.value)
           );
         }
       });
@@ -376,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       events.onFilterChange(filter);
     };
     const handleHeaderDragend = (newWidth, oldWidth, column, event) => {
-      util$1.cacheColWidth(newWidth, column, props2.cacheKey);
+      util.cacheColWidth(newWidth, column, props2.cacheKey);
       events.onHeaderDragend(newWidth, oldWidth, column, event);
     };
     const handleCurrentChange = (currentRow, oldCurrentRow) => {
@@ -393,7 +409,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const updateSelections = (selection) => {
-      if (util.arrayIsChanged(selection, props2.selections)) {
+      if (util$1.arrayIsChanged(selection, props2.selections)) {
         emit("update:selections", selection);
       }
     };
@@ -405,9 +421,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const reloadTable = () => {
       methods.doLayout();
     };
-    const getTableRef = () => {
-      return tableViewRef.value;
-    };
     const getData = () => {
       return tableData.value;
     };
@@ -420,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const rowKey = tableRowKey.value;
-      const data = util$1.sortData(props2.datasource, tableState.sorter);
+      const data = util.sortData(props2.datasource, tableState.sorter);
       const index = data.findIndex((d) => common.getValue(d, rowKey) === key);
       const page = Math.floor(index / tableLimit.value) + 1;
       if (tablePage.value !== page) {
@@ -429,7 +442,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const fetch = (callback) => {
       const { sorter, filter } = tableState;
-      const orders = util$1.getRequestOrders(
+      const orders = util.getRequestOrders(
         sorter,
         props2.request,
         globalProps.value.request
@@ -437,7 +450,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       callback({
         page: tablePage.value,
         limit: tableLimit.value,
-        pages: util$1.getRequestPages(
+        pages: util.getRequestPages(
           tablePage.value,
           tableLimit.value,
           props2.request,
@@ -445,36 +458,36 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ),
         where: Object.assign({}, tableState.where),
         orders,
-        filters: util$1.getRequestFilters(filter),
+        filters: util.getRequestFilters(filter),
         sorter,
         filter
       });
     };
     const openPrintModal = () => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.openPrintModal();
+      if (toolPrintRef.value) {
+        toolPrintRef.value.openModal();
       }
     };
     const printData = (params) => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.printData(params);
+      if (toolPrintRef.value) {
+        toolPrintRef.value.printData(params);
       }
     };
     const openExportModal = () => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.openExportModal();
+      if (toolExportRef.value) {
+        toolExportRef.value.openModal();
       }
     };
     const exportData = (params) => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.exportData(params);
+      if (toolExportRef.value) {
+        toolExportRef.value.exportData(params);
       }
     };
     vue.watch(
       () => props2.columns,
       (columns) => {
         if (columns) {
-          tableCols.value = util$1.getInitCacheColumns(
+          tableCols.value = util.getInitCacheColumns(
             columns,
             props2.cacheKey,
             props2.columnSortable
@@ -501,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.size,
       (size) => {
-        tableSize.value = util$1.getTableSize(void 0, size, globalProps.value.size);
+        tableSize.value = util.getTableSize(void 0, size, globalProps.value.size);
       }
     );
     vue.watch(
@@ -513,30 +526,38 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.selections,
       (selections) => {
-        methods.setSelectedRowKeys(util.getRowKeys(selections, tableRowKey.value));
+        methods.setSelectedRowKeys(util$1.getRowKeys(selections, tableRowKey.value));
       }
     );
     vue.watch(
       () => props2.rowKey,
       () => {
-        tableRowKey.value = util$1.getRowKey(props2.rowKey);
+        tableRowKey.value = util.getRowKey(props2.rowKey);
       }
     );
     vue.watch(
       globalProps,
       (config) => {
-        tableSize.value = util$1.getTableSize(props2.cacheKey, props2.size, config.size);
+        tableSize.value = util.getTableSize(props2.cacheKey, props2.size, config.size);
       },
       { deep: true }
     );
     vue.onMounted(() => {
+      var _a;
+      if (props2.current != null) {
+        methods.setCurrentRowKey(common.getValue(props2.current, tableRowKey.value));
+      }
+      if ((_a = props2.selections) == null ? void 0 : _a.length) {
+        methods.setSelectedRowKeys(
+          util$1.getRowKeys(props2.selections, tableRowKey.value)
+        );
+      }
       if (props2.loadOnCreated) {
         reload();
       }
     });
     __expose({
       ...methods,
-      tableToolsRef,
       tableViewRef,
       tableData,
       tableLoading,
@@ -570,8 +591,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "tools"),
               toolNames.value && toolNames.value.length ? (vue.openBlock(), vue.createBlock(TableTools, {
                 key: 0,
-                ref_key: "tableToolsRef",
-                ref: tableToolsRef,
                 tools: toolNames.value,
                 size: tableSize.value,
                 columns: _ctx.columns,
@@ -579,28 +598,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 columnFixed: _ctx.columnFixed,
                 maximized: tableMaximized.value,
                 cacheKey: _ctx.cacheKey,
-                locale: _ctx.locale,
-                selections: _ctx.selections,
-                pageData: tableData.value,
-                spanMethod: _ctx.spanMethod,
-                tableHeader: _ctx.showHeader,
-                showSummary: _ctx.showSummary,
-                sumText: _ctx.sumText,
-                summaryMethod: _ctx.summaryMethod,
-                tableStyle: _ctx.tableStyle,
-                cellStyle: _ctx.cellStyle,
-                cellClassName: _ctx.cellClassName,
-                headerCellStyle: _ctx.headerCellStyle,
-                headerCellClassName: _ctx.headerCellClassName,
-                pageIndex: tableIndex.value,
-                treeProps: _ctx.treeProps,
-                fetch,
-                exportConfig: toolExportConfig.value,
-                printConfig: toolPrintConfig.value,
+                lang: vue.unref(lang),
                 onReload: handleRefresh,
                 "onUpdate:size": handleSizeChange,
                 "onUpdate:columns": handleColumnsChange,
-                "onUpdate:maximized": handleMaximizedChange
+                "onUpdate:maximized": handleMaximizedChange,
+                onOpenExportModal: openExportModal,
+                onOpenPrintModal: openPrintModal
               }, vue.createSlots({ _: 2 }, [
                 vue.renderList(Object.keys(_ctx.$slots).filter(
                   (k) => !toolsSlotExcludes.includes(k)
@@ -612,7 +616,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ])
                   };
                 })
-              ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "selections", "pageData", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "tableStyle", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "exportConfig", "printConfig"])) : vue.createCommentVNode("", true)
+              ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "lang"])) : vue.createCommentVNode("", true)
             ]),
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "toolbar")
@@ -671,7 +675,74 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               })
             ]), 1040)) : vue.createCommentVNode("", true)
           ], 4)) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "bottomExtra")
+          vue.renderSlot(_ctx.$slots, "bottomExtra"),
+          vue.createVNode(ToolExport, {
+            ref_key: "toolExportRef",
+            ref: toolExportRef,
+            locale: vue.unref(lang),
+            cacheKey: _ctx.cacheKey,
+            modalProps: toolExportConfig.value.modalProps,
+            columns: toolExportConfig.value.columns || _ctx.columns,
+            selections: _ctx.selections,
+            pageData: tableData.value,
+            datasource: toolExportConfig.value.datasource,
+            spanMethod: _ctx.spanMethod,
+            tableHeader: toolExportConfig.value.showHeader ?? _ctx.showHeader,
+            showSummary: _ctx.showSummary,
+            sumText: _ctx.sumText,
+            summaryMethod: _ctx.summaryMethod,
+            pageIndex: tableIndex.value,
+            treeProps: _ctx.treeProps,
+            fetch,
+            defaultFileName: toolExportConfig.value.fileName,
+            defaultDataType: toolExportConfig.value.dataType,
+            defaultShowFooter: toolExportConfig.value.showFooter,
+            defaultShowTreeIndex: toolExportConfig.value.showTreeIndex,
+            beforeExport: toolExportConfig.value.beforeExport,
+            exportPlugin: toolExportConfig.value.exportPlugin
+          }, null, 8, ["locale", "cacheKey", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "defaultFileName", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforeExport", "exportPlugin"]),
+          vue.createVNode(ToolPrint, {
+            ref_key: "toolPrintRef",
+            ref: toolPrintRef,
+            locale: vue.unref(lang),
+            cacheKey: _ctx.cacheKey,
+            modalProps: toolPrintConfig.value.modalProps,
+            printerProps: toolPrintConfig.value.printerProps,
+            tableProps: toolPrintConfig.value.tableProps,
+            columns: toolPrintConfig.value.columns || _ctx.columns,
+            selections: _ctx.selections,
+            pageData: tableData.value,
+            datasource: toolPrintConfig.value.datasource,
+            spanMethod: _ctx.spanMethod,
+            tableHeader: toolPrintConfig.value.showHeader ?? _ctx.showHeader,
+            showSummary: _ctx.showSummary,
+            sumText: _ctx.sumText,
+            summaryMethod: _ctx.summaryMethod,
+            tableStyle: _ctx.tableStyle,
+            cellStyle: _ctx.cellStyle,
+            cellClassName: _ctx.cellClassName,
+            headerCellStyle: _ctx.headerCellStyle,
+            headerCellClassName: _ctx.headerCellClassName,
+            pageIndex: tableIndex.value,
+            treeProps: _ctx.treeProps,
+            fetch,
+            defaultDataType: toolPrintConfig.value.dataType,
+            defaultShowFooter: toolPrintConfig.value.showFooter,
+            defaultShowTreeIndex: toolPrintConfig.value.showTreeIndex,
+            beforePrint: toolPrintConfig.value.beforePrint,
+            printPlugin: toolPrintConfig.value.printPlugin
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !toolsSlotExcludes.includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["locale", "cacheKey", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "tableStyle", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforePrint", "printPlugin"])
         ]),
         _: 3
       }, 16, ["loading", "class", "style"]);