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

package/es/ele-pro-table/html-plugin.js

@@ -0,0 +1,117 @@
+import { download } from "../utils/common";
+function getTableHtml(params) {
+  const { headerData, bodyData, footerData, bodyCols } = params;
+  const tdPadding = "padding: 9px 12px;";
+  const tableHtml = [
+    '<table style="width: 100%;border-collapse: collapse;" border="1">',
+    "<colgroup>",
+    ...bodyCols.map(
+      (c) => c.width == null ? "<col/>" : `<col width="${c.width}"/>`
+    ),
+    "</colgroup>",
+    ...headerData.length ? [
+      "<thead>",
+      ...headerData.map(
+        (item) => [
+          "<tr>",
+          ...item.map((d) => {
+            if (d.rowspan === 0 || d.colspan === 0) {
+              return "";
+            }
+            if (d.isTreeIndex) {
+              return `<th colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}"></th>`;
+            }
+            const align = d.column?.headerAlign || d.column?.align || "left";
+            return `<td colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}text-align: ${align};">${d.text ?? ""}</td>`;
+          }),
+          "</tr>"
+        ].join("")
+      ),
+      "</thead>"
+    ] : [],
+    "<tbody>",
+    ...bodyData.map(
+      (item) => [
+        "<tr>",
+        ...item.map((d) => {
+          if (d.rowspan === 0 || d.colspan === 0) {
+            return "";
+          }
+          if (d.isExpandCell) {
+            return `<td colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}padding-left: 0;padding-right: 0;">${d.text ?? ""}</td>`;
+          }
+          if (d.isTreeIndex) {
+            return `<td colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}padding-left: 0;padding-right: 0;text-align: center;vertical-align: top;${d.hideLeftBorder ? "border-left-color: transparent;" : ""}">${d.text ?? ""}</td>`;
+          }
+          const align = d.column?.align || "left";
+          const tdHtml = [
+            `<td colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}text-align: ${align};">`
+          ];
+          if ("expand" === d.column?.type) {
+            if (d.text != null && d.text !== "") {
+              tdHtml.push(String(d.text));
+            } else {
+              tdHtml.push(
+                `<i style="height: 1em;width: 1em;line-height: 1em;display: inline-flex;justify-content: center;align-items: center;position: relative;fill: currentColor;color: inherit;font-size: inherit;">
+                   <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
+                     <path d="M10 17 24 31 38 17"></path>
+                   </svg>
+                 </i>`
+              );
+            }
+            tdHtml.push("</td>");
+            return tdHtml.join("");
+          }
+          if (d.isTreeCell) {
+            if (d.indent) {
+              tdHtml.push(
+                `<span style="padding-left: ${d.indent * 16}px;"></span>`
+              );
+            }
+            tdHtml.push(
+              `<i style="height: 1em;width: 1em;line-height: 1em;display: inline-flex;justify-content: center;align-items: center;position: relative;fill: currentColor;color: inherit;font-size: inherit;vertical-align: middle;margin-right: 2px;${d.isTreeLeaf ? "visibility: hidden;" : ""}">
+                 <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
+                   <path d="M10 17 24 31 38 17"></path>
+                 </svg>
+               </i>`
+            );
+          }
+          tdHtml.push(String(d.text ?? ""));
+          tdHtml.push("</td>");
+          return tdHtml.join("");
+        }),
+        "</tr>"
+      ].join("")
+    ),
+    "</tbody>",
+    ...footerData.length ? [
+      "<tfoot>",
+      ...footerData.map(
+        (item) => [
+          "<tr>",
+          ...item.map((d) => {
+            if (d.rowspan === 0 || d.colspan === 0) {
+              return "";
+            }
+            return `<td colspan="${d.colspan}" rowspan="${d.rowspan}" style="${tdPadding}">${d.isExpandCell ? "" : d.text ?? ""}</td>`;
+          }),
+          "</tr>"
+        ].join("")
+      ),
+      "</tfoot>"
+    ] : [],
+    "</table>"
+  ].join("");
+  return tableHtml;
+}
+const htmlExportPlugin = function(params) {
+  return new Promise((resolve) => {
+    const tableHtml = getTableHtml(params);
+    download(tableHtml, `${params.fileName}.html`, "text/html;charset=UTF-8");
+    resolve();
+  });
+};
+export {
+  getTableHtml,
+  htmlExportPlugin
+};

package/es/ele-pro-table/index.d.ts

@@ -3,21 +3,38 @@ import { EleDataTableProps, EleToolbarProps } from '../ele-app/plus';
 import { DataItem, Column, Columns, Sorter, Filter, RowKey } from '../ele-data-table/types';
 import { ReloadFunction, DoneParams, TableTool, FetchFunction, TableViewInstance, ExportConfig, PrintConfig, TableExportParams } from './types';
 
-declare function __VLS_template(): Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
-    row: DataItem | undefined;
-    column: Column;
-    $index: number | undefined;
-}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
-    row: DataItem | undefined;
-    column: Column;
-    $index: number;
-}) => any>> & {
-    topExtra?(_: {}): any;
-    toolbar?(_: {}): any;
-    tools?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): any;
-    bottomExtra?(_: {}): any;
+declare function __VLS_template(): Readonly<{
+    [x: string]: (props: Record<string, any>) => any;
+    default(): any;
+    toolbar(): any;
+    tools(): any;
+    footer(): any;
+    empty(): any;
+    append(): any;
+    topExtra(): any;
+    bottomExtra(): any;
+    printTop(props: {
+        data: DataItem[];
+    }): any;
+    printBottom(props: {
+        data: DataItem[];
+    }): any;
+}> & {
+    [x: string]: (props: Record<string, any>) => any;
+    default(): any;
+    toolbar(): any;
+    tools(): any;
+    footer(): any;
+    empty(): any;
+    append(): any;
+    topExtra(): any;
+    bottomExtra(): any;
+    printTop(props: {
+        data: DataItem[];
+    }): any;
+    printBottom(props: {
+        data: DataItem[];
+    }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     rowKey: {
@@ -74,8 +91,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     locale: import('vue').PropType<Partial<import('./types').TableLocale>>;
     exportConfig: import('vue').PropType<ExportConfig>;
     printConfig: import('vue').PropType<PrintConfig>;
-    width: (NumberConstructor | StringConstructor)[];
+    maximized: BooleanConstructor;
     height: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    tableLayout: {
+        type: import('vue').PropType<"fixed" | "auto">;
+        default: string;
+    };
+    width: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    columns: {
+        type: import('vue').PropType<Columns>;
+        required: boolean;
+    };
     size: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
@@ -86,7 +117,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
@@ -97,10 +127,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    border: {
-        type: BooleanConstructor;
-        default: null;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -141,10 +167,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     };
     load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["load"]>;
-    tableLayout: {
-        type: import('vue').PropType<"fixed" | "auto">;
-        default: string;
-    };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["showOverflowTooltip"]>;
@@ -159,10 +181,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
-    columns: {
-        type: import('vue').PropType<Columns>;
-        required: boolean;
-    };
+    nativeScrollbar: BooleanConstructor;
     sticky: BooleanConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
@@ -185,6 +204,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selectedRowKeys: import('vue').PropType<import('../ele-data-table/types').DataKey[]>;
 }>, {
     tableViewRef: Ref<TableViewInstance, TableViewInstance>;
+    reload: ReloadFunction;
+    getData: () => DataItem[];
+    setData: (data: DataItem[]) => void;
+    fetch: FetchFunction;
+    openPrintModal: () => void;
+    printData: (params?: TableExportParams) => void;
+    openExportModal: () => void;
+    exportData: (params?: TableExportParams) => void;
+    getTableRef: () => TableViewInstance | undefined;
     tableData: Ref<{
         [x: string]: any;
         [x: number]: any;
@@ -198,17 +226,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     }[]>;
     tableLoading: Ref<boolean, boolean>;
     tableProps: import('vue').ComputedRef<EleDataTableProps>;
-    reload: ReloadFunction;
     reloadTable: () => void;
-    getTableRef: () => TableViewInstance | undefined;
-    getData: () => DataItem[];
-    setData: (data: DataItem[]) => void;
     goPageByRowKey: (key: unknown) => void;
-    fetch: FetchFunction;
-    openPrintModal: () => void;
-    printData: (params?: TableExportParams) => void;
-    openExportModal: () => void;
-    exportData: (params?: TableExportParams) => void;
     clearSelection: () => void;
     getSelectionRows: () => DataItem[] | undefined;
     toggleRowSelection: (row: DataItem, selected?: boolean, ignoreSelectable?: boolean) => void;
@@ -241,7 +260,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => void;
     cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => void;
     cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => void;
-    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => void;
+    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean | undefined, _selection?: DataItem[] | undefined) => void;
     rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => void;
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => void;
     headerClick: (_column: Column, _e: MouseEvent) => void;
@@ -259,6 +278,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     columnsChange: (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => void;
     sizeChange: (_size: "" | "small" | "default" | "large" | undefined) => void;
     maximizedChange: (_maximized: boolean) => void;
+    "update:maximized": (_maximized: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     rowKey: {
         type: import('vue').PropType<RowKey>;
@@ -314,8 +334,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     locale: import('vue').PropType<Partial<import('./types').TableLocale>>;
     exportConfig: import('vue').PropType<ExportConfig>;
     printConfig: import('vue').PropType<PrintConfig>;
-    width: (NumberConstructor | StringConstructor)[];
+    maximized: BooleanConstructor;
     height: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    tableLayout: {
+        type: import('vue').PropType<"fixed" | "auto">;
+        default: string;
+    };
+    width: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    columns: {
+        type: import('vue').PropType<Columns>;
+        required: boolean;
+    };
     size: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
@@ -326,7 +360,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
@@ -337,10 +370,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    border: {
-        type: BooleanConstructor;
-        default: null;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -381,10 +410,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     };
     load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["load"]>;
-    tableLayout: {
-        type: import('vue').PropType<"fixed" | "auto">;
-        default: string;
-    };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["showOverflowTooltip"]>;
@@ -399,10 +424,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
-    columns: {
-        type: import('vue').PropType<Columns>;
-        required: boolean;
-    };
+    nativeScrollbar: BooleanConstructor;
     sticky: BooleanConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
@@ -436,7 +458,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onCellClick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     onCellDblclick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     onCellContextmenu?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onRowClick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
+    onRowClick?: ((_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean | undefined, _selection?: DataItem[] | undefined) => any) | undefined;
     onRowContextmenu?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
     onRowDblclick?: ((_row: DataItem, _column: Column, _e: MouseEvent) => any) | undefined;
     onHeaderClick?: ((_column: Column, _e: MouseEvent) => any) | undefined;
@@ -454,13 +476,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onColumnsChange?: ((_columns: Columns, _tableColumns: Columns, _isReset: boolean) => any) | undefined;
     onSizeChange?: ((_size: "" | "small" | "default" | "large" | undefined) => any) | undefined;
     onMaximizedChange?: ((_maximized: boolean) => any) | undefined;
+    "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
 }>, {
+    tableLayout: "fixed" | "auto";
+    border: boolean;
     loading: boolean;
     fit: boolean;
     lazy: boolean;
     className: string;
     stripe: boolean;
-    border: boolean;
     showHeader: boolean;
     showSummary: boolean;
     highlightCurrentRow: boolean;
@@ -468,12 +492,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selectOnIndeterminate: boolean;
     indent: number;
     treeProps: import('element-plus/es/components/table/src/table/defaults').TreeProps | undefined;
-    tableLayout: "fixed" | "auto";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
     scrollbarTabindex: string | number;
     allowDragLastColumn: boolean;
     preserveExpandedContent: boolean;
+    nativeScrollbar: boolean;
+    maximized: boolean;
+    tools: boolean | string[];
     sticky: boolean;
     toolbar: boolean | EleToolbarProps;
     headerEllipsis: boolean;
@@ -481,12 +507,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     bottomLine: boolean;
     emptyProps: import('../ele-data-table/types').TableEmptyProps;
     reserveCurrent: boolean;
-    tools: boolean | string[];
+    pagination: boolean | import('./types').TablePagination;
     loadOnCreated: boolean;
     loadOnChanged: boolean;
     columnSortable: boolean;
     columnFixed: boolean;
-    pagination: boolean | import('./types').TablePagination;
     virtual: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;