ele-admin-plus 1.1.9-beta.8 → 1.1.9-beta.9

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

@@ -1,11 +1,13 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from "vue";
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
 import { ReloadOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from "../../icons";
-import { useLocale } from "../../ele-config-provider/receiver";
 import EleDropdown from "../../ele-dropdown/index";
+import { useLocale } from "../../ele-config-provider/receiver";
 import { getSizeCacheKey } from "../util";
 import EleTool from "../../ele-tool/index";
 import ToolColumn from "./tool-column";
+import ToolExport from "./tool-export";
+import ToolPrint from "./tool-print";
 const _sfc_main = defineComponent({
   name: "TableTools",
   components: {
@@ -16,25 +18,64 @@ const _sfc_main = defineComponent({
     FullscreenExitOutlined,
     EleDropdown,
     EleTool,
-    ToolColumn
+    ToolColumn,
+    ToolExport,
+    ToolPrint
   },
   props: {
+    /** 工具按钮布局 */
+    tools: {
+      type: Array,
+      required: true
+    },
     /** 表格尺寸 */
     size: String,
     /** 表格列数据 */
     columns: Array,
-    /** 工具按钮布局 */
-    tools: Array,
     /** 是否开启列拖拽排序 */
     columnSortable: Boolean,
     /** 是否开启开关固定列 */
     columnFixed: Boolean,
     /** 是否最大化 */
     maximized: Boolean,
-    /** 列配置缓存的名称 */
+    /** 本地缓存的名称 */
     cacheKey: String,
     /** 国际化 */
-    locale: Object
+    locale: Object,
+    /** 表格选中数据 */
+    selections: Array,
+    /** 表格当前页数据 */
+    pageData: Array,
+    /** 单元格合并行列方法 */
+    spanMethod: Function,
+    /** 是否显示合计行 */
+    showSummary: Boolean,
+    /** 合计行文本 */
+    sumText: String,
+    /** 合计行自定义方法 */
+    summaryMethod: Function,
+    /** 单元格样式 */
+    cellStyle: [Object, Function],
+    /** 单元格类名自定义 */
+    cellClassName: [String, Function],
+    /** 单元格样式 */
+    headerCellStyle: [Object, Function],
+    /** 单元格类名自定义 */
+    headerCellClassName: [String, Function],
+    /** 序号列起始索引 */
+    pageIndex: Number,
+    /** 表格请求数据方法 */
+    fetch: Function,
+    /** 导出配置 */
+    exportConfig: {
+      type: Object,
+      required: true
+    },
+    /** 打印配置 */
+    printConfig: {
+      type: Object,
+      required: true
+    }
   },
   emits: {
     reload: () => true,
@@ -88,6 +129,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   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, {
@@ -167,7 +210,81 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]),
         _: 2
-      }, 1032, ["placement", "title", "onClick"])) : _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, { key: 4 }) : createCommentVNode("", true)
+      }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (openBlock(), createBlock(_component_ToolExport, {
+        key: index + "-export",
+        placement: _ctx.placement,
+        title: _ctx.lang.export,
+        checkAllText: _ctx.lang.columnTitle,
+        resetText: _ctx.lang.columnReset,
+        untitledText: _ctx.lang.columnUntitled,
+        fileNameText: _ctx.lang.exportFileName,
+        fileNamePlaceholderText: _ctx.lang.exportFileNamePlaceholder,
+        selectDataText: _ctx.lang.exportSelectData,
+        selectColumnText: _ctx.lang.exportSelectColumn,
+        dataTypePageText: _ctx.lang.exportDataTypePage,
+        dataTypeSelectedText: _ctx.lang.exportDataTypeSelected,
+        dataTypeAllText: _ctx.lang.exportDataTypeAll,
+        cancelText: _ctx.lang.exportCancel,
+        okText: _ctx.lang.exportOk,
+        modalProps: _ctx.exportConfig.modalProps,
+        columns: _ctx.columns,
+        selections: _ctx.selections,
+        pageData: _ctx.pageData,
+        datasource: _ctx.exportConfig.datasource,
+        spanMethod: _ctx.spanMethod,
+        showSummary: _ctx.showSummary,
+        sumText: _ctx.sumText,
+        summaryMethod: _ctx.summaryMethod,
+        pageIndex: _ctx.pageIndex,
+        fetch: _ctx.fetch,
+        defaultFileName: _ctx.exportConfig.fileName,
+        defaultDataType: _ctx.exportConfig.dataType,
+        beforeExport: _ctx.exportConfig.beforeExport
+      }, null, 8, ["placement", "title", "checkAllText", "resetText", "untitledText", "fileNameText", "fileNamePlaceholderText", "selectDataText", "selectColumnText", "dataTypePageText", "dataTypeSelectedText", "dataTypeAllText", "cancelText", "okText", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "showSummary", "sumText", "summaryMethod", "pageIndex", "fetch", "defaultFileName", "defaultDataType", "beforeExport"])) : tool === "print" ? (openBlock(), createBlock(_component_ToolPrint, {
+        key: index + "-print",
+        placement: _ctx.placement,
+        title: _ctx.lang.print,
+        checkAllText: _ctx.lang.columnTitle,
+        resetText: _ctx.lang.columnReset,
+        untitledText: _ctx.lang.columnUntitled,
+        selectDataText: _ctx.lang.exportSelectData,
+        selectColumnText: _ctx.lang.exportSelectColumn,
+        dataTypePageText: _ctx.lang.exportDataTypePage,
+        dataTypeSelectedText: _ctx.lang.exportDataTypeSelected,
+        dataTypeAllText: _ctx.lang.exportDataTypeAll,
+        cancelText: _ctx.lang.exportCancel,
+        okText: _ctx.lang.exportOk,
+        modalProps: _ctx.printConfig.modalProps,
+        columns: _ctx.columns,
+        selections: _ctx.selections,
+        pageData: _ctx.pageData,
+        datasource: _ctx.printConfig.datasource,
+        spanMethod: _ctx.spanMethod,
+        showSummary: _ctx.showSummary,
+        sumText: _ctx.sumText,
+        summaryMethod: _ctx.summaryMethod,
+        cellStyle: _ctx.cellStyle,
+        cellClassName: _ctx.cellClassName,
+        headerCellStyle: _ctx.headerCellStyle,
+        headerCellClassName: _ctx.headerCellClassName,
+        pageIndex: _ctx.pageIndex,
+        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, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["placement", "title", "checkAllText", "resetText", "untitledText", "selectDataText", "selectColumnText", "dataTypePageText", "dataTypeSelectedText", "dataTypeAllText", "cancelText", "okText", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "fetch", "defaultDataType", "beforePrint"])) : tool && tool !== "default" && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
+        key: 6,
+        pageIndex: _ctx.pageIndex,
+        fetch: _ctx.fetch
+      }) : createCommentVNode("", true)
     ], 64);
   }), 256);
 }

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

@@ -106,6 +106,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     setData: () => void 0,
     handle: ".ele-tool-column-handle",
     componentData: { class: "ele-tool-column-list" },
+    forceFallback: true,
     "onUpdate:modelValue": _ctx.onSortChange
   }, {
     item: withCtx(({ element: d }) => [

package/es/ele-pro-table/components/tool-column.js

@@ -221,7 +221,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_EleTooltip, {
         trigger: "click",
         placement: "bottom-end",
-        popperClass: "ele-tool-column",
+        popperClass: "ele-tool-column-popover",
         transition: "el-zoom-in-top",
         gpuAcceleration: false,
         effect: "light",
@@ -232,7 +232,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         body: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["ele-popover-body", { "is-sortable": _ctx.sortable }])
+            class: normalizeClass([
+              "ele-popover-body",
+              "ele-tool-column",
+              { "is-sortable": _ctx.sortable }
+            ])
           }, [
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [