ele-admin-plus 1.4.0 → 1.4.1

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { EleModalProps } from '../../ele-app/plus';
 import { Columns, DataItem, SpanMethod, SummaryMethod, 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 const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 表格国际化 */
@@ -56,6 +56,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     defaultShowTreeIndex: BooleanConstructor;
     /** 导出前的钩子函数 */
     beforeExport: PropType<BeforeExport>;
+    /** 导出插件 */
+    exportPlugin: PropType<ExportPlugin>;
 }>, {
     openModal: () => void;
     closeModal: () => void;
@@ -113,12 +115,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     defaultShowTreeIndex: BooleanConstructor;
     /** 导出前的钩子函数 */
     beforeExport: PropType<BeforeExport>;
+    /** 导出插件 */
+    exportPlugin: PropType<ExportPlugin>;
 }>> & Readonly<{}>, {
     showSummary: boolean;
     tableHeader: boolean;
-    defaultDataType: ExportDataType;
-    defaultShowFooter: boolean;
     defaultShowTreeIndex: boolean;
     defaultFileName: string;
+    defaultDataType: ExportDataType;
+    defaultShowFooter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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,12 +146,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     defaultShowTreeIndex: BooleanConstructor;
     /** 打印前的钩子函数 */
     beforePrint: PropType<BeforeExport>;
+    /** 打印插件 */
+    printPlugin: PropType<ExportPlugin>;
 }>> & Readonly<{}>, {
     showSummary: boolean;
     tableHeader: boolean;
+    defaultShowTreeIndex: boolean;
     defaultDataType: ExportDataType;
     defaultShowFooter: boolean;
-    defaultShowTreeIndex: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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;