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

package/es/ele-pro-table/components/table-tools.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createSlots, renderSlot, mergeProps, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
-import { ReloadOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from "../../icons";
+import { ReloadOutlined, DownloadOutlined, PrinterOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined, SizeSlackOutlined, MenuOutlined, SizeCompactOutlined } from "../../icons";
 import EleDropdown from "../../ele-dropdown/index";
 import { useLocale } from "../../ele-config-provider/receiver";
 import { getSizeCacheKey } from "../util";
@@ -8,11 +8,14 @@ import EleTool from "../../ele-tool/index";
 import ToolColumn from "./tool-column";
 import ToolExport from "./tool-export";
 import ToolPrint from "./tool-print";
+const ownSlots = ["default", "printTop", "printBottom"];
 const _sfc_main = defineComponent({
   name: "TableTools",
   components: {
     ElIcon,
     ReloadOutlined,
+    DownloadOutlined,
+    PrinterOutlined,
     ColumnHeightOutlined,
     FullscreenOutlined,
     FullscreenExitOutlined,
@@ -84,14 +87,14 @@ const _sfc_main = defineComponent({
   emits: {
     reload: () => true,
     "update:size": (_size) => true,
-    "update:columns": (_columns) => true,
+    "update:columns": (_columns, _tableColumns) => true,
     "update:maximized": (_maximized) => true
   },
   setup(props, { emit }) {
     const { lang } = useLocale("table", props);
-    const placement = computed(() => {
-      return props.maximized ? "bottom" : "top";
-    });
+    const toolExportRef = ref(null);
+    const toolPrintRef = ref(null);
+    const placement = computed(() => props.maximized ? "bottom" : "top");
     const reload = () => {
       emit("reload");
     };
@@ -101,19 +104,49 @@ const _sfc_main = defineComponent({
       }
       emit("update:size", size);
     };
-    const updateColumns = (columns) => {
-      emit("update:columns", columns);
+    const updateColumns = (columns, tableColumns) => {
+      emit("update:columns", columns, tableColumns);
     };
     const toggleMaximized = () => {
       emit("update:maximized", !props.maximized);
     };
+    const openExportModal = () => {
+      if (toolExportRef.value) {
+        toolExportRef.value.openModal();
+      }
+    };
+    const openPrintModal = () => {
+      if (toolPrintRef.value) {
+        toolPrintRef.value.openModal();
+      }
+    };
+    const printData = (params) => {
+      if (toolPrintRef.value) {
+        toolPrintRef.value.printData(params);
+      }
+    };
+    const exportData = (params) => {
+      if (toolExportRef.value) {
+        toolExportRef.value.exportData(params);
+      }
+    };
     return {
+      ownSlots,
+      SizeSlackOutlined,
+      MenuOutlined,
+      SizeCompactOutlined,
       lang,
+      toolExportRef,
+      toolPrintRef,
       placement,
       reload,
       updateSize,
       updateColumns,
-      toggleMaximized
+      toggleMaximized,
+      openExportModal,
+      openPrintModal,
+      printData,
+      exportData
     };
   }
 });
@@ -125,156 +158,199 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ToolExport = resolveComponent("ToolExport");
+  const _component_ToolPrint = resolveComponent("ToolPrint");
   const _component_ReloadOutlined = resolveComponent("ReloadOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_EleTool = resolveComponent("EleTool");
+  const _component_DownloadOutlined = resolveComponent("DownloadOutlined");
+  const _component_PrinterOutlined = resolveComponent("PrinterOutlined");
   const _component_ColumnHeightOutlined = resolveComponent("ColumnHeightOutlined");
   const _component_EleDropdown = resolveComponent("EleDropdown");
   const _component_ToolColumn = resolveComponent("ToolColumn");
   const _component_FullscreenExitOutlined = resolveComponent("FullscreenExitOutlined");
   const _component_FullscreenOutlined = resolveComponent("FullscreenOutlined");
-  const _component_ToolExport = resolveComponent("ToolExport");
-  const _component_ToolPrint = resolveComponent("ToolPrint");
-  return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tools, (tool, index) => {
-    return openBlock(), createElementBlock(Fragment, null, [
-      tool === "reload" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-reload",
-        placement: _ctx.placement,
-        title: _ctx.lang.refresh,
-        onClick: _ctx.reload
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, null, {
-            default: withCtx(() => [
-              createVNode(_component_ReloadOutlined)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, 1032, ["placement", "title", "onClick"])) : tool === "size" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-size",
-        placement: _ctx.placement,
-        title: _ctx.lang.sizes
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_EleDropdown, {
-            trigger: "click",
-            placement: "bottom",
-            popperClass: "ele-tool-size-popper",
-            modelValue: _ctx.size,
-            items: [
-              { title: _ctx.lang.sizeLarge, command: "large" },
-              { title: _ctx.lang.sizeDefault, command: "default" },
-              { title: _ctx.lang.sizeSmall, command: "small" }
-            ],
-            popperOptions: {
-              modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
-            },
-            onCommand: _ctx.updateSize
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_ElIcon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_ColumnHeightOutlined)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue", "items", "onCommand"])
-        ]),
-        _: 2
-      }, 1032, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(_component_ToolColumn, {
-        key: index + "-columns",
-        title: _ctx.lang.columns,
-        placement: _ctx.placement,
-        checkAllText: _ctx.lang.columnTitle,
-        resetText: _ctx.lang.columnReset,
-        untitledText: _ctx.lang.columnUntitled,
-        fixedLeftText: _ctx.lang.columnFixedLeft,
-        fixedRightText: _ctx.lang.columnFixedRight,
-        columns: _ctx.columns,
-        sortable: _ctx.columnSortable,
-        allowFixed: _ctx.columnFixed,
-        cacheKey: _ctx.cacheKey,
-        "onUpdate:columns": _ctx.updateColumns
-      }, null, 8, ["title", "placement", "checkAllText", "resetText", "untitledText", "fixedLeftText", "fixedRightText", "columns", "sortable", "allowFixed", "cacheKey", "onUpdate:columns"])) : tool === "maximized" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-maximized",
-        placement: _ctx.placement,
-        title: _ctx.lang.maximized,
-        onClick: _ctx.toggleMaximized
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, null, {
-            default: withCtx(() => [
-              _ctx.maximized ? (openBlock(), createBlock(_component_FullscreenExitOutlined, { key: 0 })) : (openBlock(), createBlock(_component_FullscreenOutlined, { key: 1 }))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (openBlock(), createBlock(_component_ToolExport, {
-        key: index + "-export",
-        placement: _ctx.placement,
-        locale: _ctx.lang,
-        modalProps: _ctx.exportConfig.modalProps,
-        columns: _ctx.columns,
-        selections: _ctx.selections,
-        pageData: _ctx.pageData,
-        datasource: _ctx.exportConfig.datasource,
-        spanMethod: _ctx.spanMethod,
-        tableHeader: _ctx.tableHeader,
-        showSummary: _ctx.showSummary,
-        sumText: _ctx.sumText,
-        summaryMethod: _ctx.summaryMethod,
-        pageIndex: _ctx.pageIndex,
-        treeProps: _ctx.treeProps,
-        fetch: _ctx.fetch,
-        defaultFileName: _ctx.exportConfig.fileName,
-        defaultDataType: _ctx.exportConfig.dataType,
-        beforeExport: _ctx.exportConfig.beforeExport
-      }, null, 8, ["placement", "locale", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "fetch", "defaultFileName", "defaultDataType", "beforeExport"])) : tool === "print" ? (openBlock(), createBlock(_component_ToolPrint, {
-        key: index + "-print",
-        placement: _ctx.placement,
-        locale: _ctx.lang,
-        modalProps: _ctx.printConfig.modalProps,
-        printerProps: _ctx.printConfig.printerProps,
-        tableProps: _ctx.printConfig.tableProps,
-        columns: _ctx.columns,
-        selections: _ctx.selections,
-        pageData: _ctx.pageData,
-        datasource: _ctx.printConfig.datasource,
-        spanMethod: _ctx.spanMethod,
-        tableHeader: _ctx.tableHeader,
-        showSummary: _ctx.showSummary,
-        sumText: _ctx.sumText,
-        summaryMethod: _ctx.summaryMethod,
-        cellStyle: _ctx.cellStyle,
-        cellClassName: _ctx.cellClassName,
-        headerCellStyle: _ctx.headerCellStyle,
-        headerCellClassName: _ctx.headerCellClassName,
-        pageIndex: _ctx.pageIndex,
-        treeProps: _ctx.treeProps,
-        fetch: _ctx.fetch,
-        defaultDataType: _ctx.printConfig.dataType,
-        beforePrint: _ctx.printConfig.beforePrint
-      }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
-            ])
-          };
-        })
-      ]), 1032, ["placement", "locale", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "fetch", "defaultDataType", "beforePrint"])) : tool && !["default", "printTop", "printBottom"].includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
-        key: 6,
-        pageIndex: _ctx.pageIndex,
-        fetch: _ctx.fetch
-      }) : createCommentVNode("", true)
-    ], 64);
-  }), 256);
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_ToolExport, {
+      ref: "toolExportRef",
+      locale: _ctx.lang,
+      cacheKey: _ctx.cacheKey,
+      modalProps: _ctx.exportConfig.modalProps,
+      columns: _ctx.exportConfig.columns || _ctx.columns,
+      selections: _ctx.selections,
+      pageData: _ctx.pageData,
+      datasource: _ctx.exportConfig.datasource,
+      spanMethod: _ctx.spanMethod,
+      tableHeader: _ctx.exportConfig.showHeader ?? _ctx.tableHeader,
+      showSummary: _ctx.showSummary,
+      sumText: _ctx.sumText,
+      summaryMethod: _ctx.summaryMethod,
+      pageIndex: _ctx.pageIndex,
+      treeProps: _ctx.treeProps,
+      fetch: _ctx.fetch,
+      defaultFileName: _ctx.exportConfig.fileName,
+      defaultDataType: _ctx.exportConfig.dataType,
+      defaultShowFooter: _ctx.exportConfig.showFooter,
+      defaultShowTreeIndex: _ctx.exportConfig.showTreeIndex,
+      beforeExport: _ctx.exportConfig.beforeExport
+    }, null, 8, ["locale", "cacheKey", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "fetch", "defaultFileName", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforeExport"]),
+    createVNode(_component_ToolPrint, {
+      ref: "toolPrintRef",
+      locale: _ctx.lang,
+      cacheKey: _ctx.cacheKey,
+      modalProps: _ctx.printConfig.modalProps,
+      printerProps: _ctx.printConfig.printerProps,
+      tableProps: _ctx.printConfig.tableProps,
+      columns: _ctx.printConfig.columns || _ctx.columns,
+      selections: _ctx.selections,
+      pageData: _ctx.pageData,
+      datasource: _ctx.printConfig.datasource,
+      spanMethod: _ctx.spanMethod,
+      tableHeader: _ctx.printConfig.showHeader ?? _ctx.tableHeader,
+      showSummary: _ctx.showSummary,
+      sumText: _ctx.sumText,
+      summaryMethod: _ctx.summaryMethod,
+      cellStyle: _ctx.cellStyle,
+      cellClassName: _ctx.cellClassName,
+      headerCellStyle: _ctx.headerCellStyle,
+      headerCellClassName: _ctx.headerCellClassName,
+      pageIndex: _ctx.pageIndex,
+      treeProps: _ctx.treeProps,
+      fetch: _ctx.fetch,
+      defaultDataType: _ctx.printConfig.dataType,
+      defaultShowFooter: _ctx.printConfig.showFooter,
+      defaultShowTreeIndex: _ctx.printConfig.showTreeIndex,
+      beforePrint: _ctx.printConfig.beforePrint
+    }, createSlots({ _: 2 }, [
+      renderList(Object.keys(_ctx.$slots), (name) => {
+        return {
+          name,
+          fn: withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+          ])
+        };
+      })
+    ]), 1032, ["locale", "cacheKey", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "fetch", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforePrint"]),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tools, (tool, index) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        tool === "reload" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-reload",
+          placement: _ctx.placement,
+          title: _ctx.lang.refresh,
+          onClick: _ctx.reload
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                createVNode(_component_ReloadOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-export",
+          title: _ctx.lang.export,
+          placement: _ctx.placement,
+          clickHideTooltip: true,
+          onClick: _ctx.openExportModal
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
+              default: withCtx(() => [
+                createVNode(_component_DownloadOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["title", "placement", "onClick"])) : tool === "print" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-print",
+          title: _ctx.lang.print,
+          placement: _ctx.placement,
+          clickHideTooltip: true,
+          onClick: _ctx.openPrintModal
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                createVNode(_component_PrinterOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["title", "placement", "onClick"])) : tool === "size" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-size",
+          placement: _ctx.placement,
+          title: _ctx.lang.sizes
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_EleDropdown, {
+              trigger: "click",
+              placement: "bottom",
+              popperClass: "ele-tool-size-popper",
+              modelValue: _ctx.size,
+              items: [
+                { title: _ctx.lang.sizeLarge, command: "large", icon: _ctx.SizeSlackOutlined },
+                {
+                  title: _ctx.lang.sizeDefault,
+                  command: "default",
+                  icon: _ctx.MenuOutlined,
+                  iconStyle: { transform: "scale(0.94)", transformOrigin: "left" }
+                },
+                { title: _ctx.lang.sizeSmall, command: "small", icon: _ctx.SizeCompactOutlined }
+              ],
+              popperOptions: {
+                modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
+              },
+              onCommand: _ctx.updateSize
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElIcon, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ColumnHeightOutlined)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items", "onCommand"])
+          ]),
+          _: 2
+        }, 1032, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(_component_ToolColumn, {
+          key: index + "-columns",
+          placement: _ctx.placement,
+          locale: _ctx.lang,
+          columns: _ctx.columns,
+          sortable: _ctx.columnSortable,
+          allowFixed: _ctx.columnFixed,
+          cacheKey: _ctx.cacheKey,
+          "onUpdate:columns": _ctx.updateColumns
+        }, null, 8, ["placement", "locale", "columns", "sortable", "allowFixed", "cacheKey", "onUpdate:columns"])) : tool === "maximized" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-maximized",
+          placement: _ctx.placement,
+          title: _ctx.lang.maximized,
+          clickHideTooltip: true,
+          onClick: _ctx.toggleMaximized
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                _ctx.maximized ? (openBlock(), createBlock(_component_FullscreenExitOutlined, { key: 0 })) : (openBlock(), createBlock(_component_FullscreenOutlined, { key: 1 }))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["placement", "title", "onClick"])) : tool && !_ctx.ownSlots.includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
+          key: 6,
+          pageIndex: _ctx.pageIndex,
+          fetch: _ctx.fetch
+        }) : createCommentVNode("", true)
+      ], 64);
+    }), 256))
+  ], 64);
 }
 const tableTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-pro-table/components/tool-column-list.d.ts

@@ -10,16 +10,21 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     allowFixed: BooleanConstructor;
+    /** 是否开启列宽设置 */
+    allowWidth: BooleanConstructor;
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: StringConstructor;
 }, {
-    onSortChange: (colItems: ColItem[]) => void;
-    onCheckedChange: (colItem: ColItem, checked: boolean) => void;
-    onFixedLeft: (colItem: ColItem) => void;
-    onFixedRight: (colItem: ColItem) => void;
-    onFixedLeftTooltip: (e: MouseEvent) => void;
-    onFixedRightTooltip: (e: MouseEvent) => void;
-    onChildSortChange: (colItems: ColItem[], parent?: ColItem) => void;
-    onChildFixedLeftTooltip: (el: HTMLElement) => void;
-    onChildFixedRightTooltip: (el: HTMLElement) => void;
+    handleSortChange: (colItems: ColItem[]) => void;
+    handleCheckedChange: (colItem: ColItem, checked: boolean) => void;
+    handleFixedLeft: (colItem: ColItem) => void;
+    handleFixedRight: (colItem: ColItem) => void;
+    handleFixedLeftTooltip: (e: MouseEvent) => void;
+    handleFixedRightTooltip: (e: MouseEvent) => void;
+    handleChildSortChange: (colItems: ColItem[], parent?: ColItem) => void;
+    handleChildFixedLeftTooltip: (el: HTMLElement) => void;
+    handleChildFixedRightTooltip: (el: HTMLElement) => void;
+    handleColWidthChange: (item: ColItem, width?: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     sortChange: (_colItems: ColItem[], _parent?: ColItem) => true;
     checkedChange: (_item: ColItem, _checked: boolean) => true;
@@ -27,6 +32,7 @@ declare const _default: import('vue').DefineComponent<{
     fixedRight: (_item: ColItem) => true;
     fixedLeftTooltip: (_el: HTMLElement) => true;
     fixedRightTooltip: (_el: HTMLElement) => true;
+    colWidthChange: (_item: ColItem, _width?: string | number) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
@@ -36,6 +42,10 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     allowFixed: BooleanConstructor;
+    /** 是否开启列宽设置 */
+    allowWidth: BooleanConstructor;
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: StringConstructor;
 }>> & {
     onSortChange?: ((_colItems: ColItem[], _parent?: ColItem | undefined) => any) | undefined;
     onCheckedChange?: ((_item: ColItem, _checked: boolean) => any) | undefined;
@@ -43,8 +53,10 @@ declare const _default: import('vue').DefineComponent<{
     onFixedRight?: ((_item: ColItem) => any) | undefined;
     onFixedLeftTooltip?: ((_el: HTMLElement) => any) | undefined;
     onFixedRightTooltip?: ((_el: HTMLElement) => any) | undefined;
+    onColWidthChange?: ((_item: ColItem, _width?: string | number | undefined) => any) | undefined;
 }, {
     sortable: boolean;
     allowFixed: boolean;
+    allowWidth: boolean;
 }, {}>;
 export default _default;