ele-admin-plus 1.1.9 → 1.2.0-beta.1

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

@@ -1,7 +1,7 @@
-import { defineComponent, ref, reactive, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createTextVNode, toDisplayString, withModifiers, createCommentVNode, createElementVNode, renderSlot, createElementBlock, Fragment, renderList, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, reactive, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createTextVNode, toDisplayString, withModifiers, createCommentVNode, createElementVNode, renderSlot, createElementBlock, Fragment, renderList, createSlots, normalizeProps, guardReactiveProps, normalizeStyle, normalizeClass } from "vue";
 import { ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElButton, ElIcon } from "element-plus";
 import { PrinterOutlined } from "../../icons";
-import { eachTree } from "../../utils/core";
+import { findTree, eachTree } from "../../utils/core";
 import EleTool from "../../ele-tool/index";
 import EleModal from "../../ele-modal/index";
 import ElePrinter from "../../ele-printer/index";
@@ -32,30 +32,13 @@ const _sfc_main = defineComponent({
     ToolPrintHeaderCell
   },
   props: {
-    /** 提示文字 */
-    title: String,
     /** 提示位置 */
     placement: String,
-    /** 全选文字 */
-    checkAllText: String,
-    /** 重置文字 */
-    resetText: String,
-    /** 无标题列文字 */
-    untitledText: String,
-    /** 选择数据文字 */
-    selectDataText: String,
-    /** 选择字段文字 */
-    selectColumnText: String,
-    /** 当前页数据文字 */
-    dataTypePageText: String,
-    /** 选中数据文字 */
-    dataTypeSelectedText: String,
-    /** 全部数据文字 */
-    dataTypeAllText: String,
-    /** 取消文字 */
-    cancelText: String,
-    /** 确定文字 */
-    okText: String,
+    /** 表格国际化 */
+    locale: {
+      type: Object,
+      required: true
+    },
     /** 弹窗参数 */
     modalProps: Object,
     /** 打印组件参数 */
@@ -72,6 +55,8 @@ const _sfc_main = defineComponent({
     datasource: [Array, Function],
     /** 单元格合并行列方法 */
     spanMethod: Function,
+    /** 表格是否有表头 */
+    tableHeader: Boolean,
     /** 是否显示合计行 */
     showSummary: Boolean,
     /** 合计行文本 */
@@ -88,6 +73,8 @@ const _sfc_main = defineComponent({
     headerCellClassName: [String, Function],
     /** 序号列起始索引 */
     pageIndex: Number,
+    /** 子级字段名 */
+    childrenField: String,
     /** 表格请求数据方法 */
     fetch: Function,
     /** 默认数据类型 */
@@ -105,6 +92,10 @@ const _sfc_main = defineComponent({
     const colItems = ref([]);
     const isCheckAll = ref(false);
     const isIndeterminate = ref(false);
+    const showHeader = ref(true);
+    const showFooter = ref(false);
+    const showTreeIndex = ref(false);
+    const treeIndexDisabled = ref(true);
     const printOptions = reactive({
       printing: false,
       headerData: [],
@@ -143,9 +134,12 @@ const _sfc_main = defineComponent({
         columns,
         props.spanMethod,
         props.pageIndex,
-        props.showSummary,
+        showFooter.value,
         props.sumText,
-        props.summaryMethod
+        props.summaryMethod,
+        props.childrenField,
+        showTreeIndex.value,
+        showHeader.value
       );
       if (typeof props.beforePrint === "function") {
         const flag = props.beforePrint({
@@ -201,7 +195,9 @@ const _sfc_main = defineComponent({
     const initColItems = () => {
       colItems.value = getColItems(
         props.columns,
-        props.untitledText,
+        props.locale.columnUntitled,
+        props.locale.columnIndex,
+        props.locale.columnExpand,
         columnsPrintFilter,
         true,
         true
@@ -222,11 +218,12 @@ const _sfc_main = defineComponent({
       isCheckAll.value = colItems.value.length > 0 && checkAll;
       isIndeterminate.value = !checkAll && indeterminate;
     };
-    const onCheckedChange = (item, checked) => {
+    const onCheckedChange = (item, checked, type) => {
       let checkAll = true;
       let indeterminate = false;
       eachTree(colItems.value, (d) => {
-        if (d.uid === item.uid) {
+        const flag = item == null ? type === d.type : d.uid === item.uid;
+        if (flag) {
           d.checked = checked;
         }
         if (!d.checked && checkAll) {
@@ -235,7 +232,7 @@ const _sfc_main = defineComponent({
         if (d.checked && !indeterminate) {
           indeterminate = true;
         }
-        if (d.uid === item.uid && !checkAll && indeterminate) {
+        if (flag && !checkAll && indeterminate) {
           return false;
         }
       });
@@ -266,10 +263,27 @@ const _sfc_main = defineComponent({
     const onReset = () => {
       initColItems();
     };
+    const handleTreeIndexChange = (checked) => {
+      if (checked) {
+        onCheckedChange(void 0, false, "index");
+      }
+    };
     watch(visible, (visible2) => {
       if (visible2) {
         dataType.value = props.defaultDataType;
         initColItems();
+        showHeader.value = props.tableHeader;
+        showFooter.value = props.showSummary;
+        treeIndexDisabled.value = !(props.pageData && props.pageData.some(
+          (d) => {
+            var _a;
+            return props.childrenField && ((_a = d[props.childrenField]) == null ? void 0 : _a.length);
+          }
+        )) && findTree(colItems.value, (c) => c.type === "expand") == null;
+        if (treeIndexDisabled.value) {
+          showTreeIndex.value = false;
+        }
+        handleTreeIndexChange(showTreeIndex.value);
         return;
       }
       printOptions.data = [];
@@ -289,6 +303,10 @@ const _sfc_main = defineComponent({
       colItems,
       isCheckAll,
       isIndeterminate,
+      showHeader,
+      showFooter,
+      showTreeIndex,
+      treeIndexDisabled,
       printOptions,
       openModal,
       closeModal,
@@ -297,7 +315,8 @@ const _sfc_main = defineComponent({
       onCheckedChange,
       onSortChange,
       onCheckAllChange,
-      onReset
+      onReset,
+      handleTreeIndexChange
     };
   }
 });
@@ -311,9 +330,14 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = { class: "ele-tool-column is-sortable" };
 const _hoisted_2 = { class: "ele-tool-column-header" };
 const _hoisted_3 = { class: "ele-tool-column-label" };
-const _hoisted_4 = ["width"];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
+const _hoisted_4 = { class: "ele-tool-form-options" };
+const _hoisted_5 = ["width"];
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = ["colspan", "rowspan"];
+const _hoisted_8 = ["rowspan", "colspan"];
+const _hoisted_9 = ["colspan", "rowspan"];
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = ["colspan", "rowspan"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PrinterOutlined = resolveComponent("PrinterOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
@@ -332,7 +356,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElePrinter = resolveComponent("ElePrinter");
   const _component_EleTool = resolveComponent("EleTool");
   return openBlock(), createBlock(_component_EleTool, {
-    title: _ctx.title,
+    title: _ctx.locale.print,
     placement: _ctx.placement,
     onClick: _ctx.openModal
   }, {
@@ -346,16 +370,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_EleModal, mergeProps({
         form: true,
         width: "460px",
-        title: _ctx.title,
+        title: _ctx.locale.print,
         position: "center"
       }, _ctx.modalProps || {}, {
         modelValue: _ctx.visible,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.visible = $event)
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.visible = $event)
       }), {
         footer: withCtx(() => [
           createVNode(_component_ElButton, { onClick: _ctx.closeModal }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.cancelText), 1)
+              createTextVNode(toDisplayString(_ctx.locale.exportCancel), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
@@ -365,7 +389,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.handlePrint
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.okText), 1)
+              createTextVNode(toDisplayString(_ctx.locale.exportOk), 1)
             ]),
             _: 1
           }, 8, ["loading", "onClick"])
@@ -373,33 +397,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createVNode(_component_ElForm, {
             labelWidth: "80px",
-            onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+            onSubmit: _cache[5] || (_cache[5] = withModifiers(() => {
             }, ["prevent"])),
             class: "ele-tool-print-form"
           }, {
             default: withCtx(() => [
-              createVNode(_component_ElFormItem, { label: _ctx.selectDataText }, {
+              createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportSelectData
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_ElSelect, {
                     modelValue: _ctx.dataType,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dataType = $event),
-                    placeholder: _ctx.selectDataText
+                    placeholder: _ctx.locale.exportSelectData
                   }, {
                     default: withCtx(() => [
                       _ctx.pageData != null ? (openBlock(), createBlock(_component_ElOption, {
                         key: 0,
                         value: "pageData",
-                        label: _ctx.dataTypePageText
+                        label: _ctx.locale.exportDataTypePage
                       }, null, 8, ["label"])) : createCommentVNode("", true),
                       _ctx.selections != null ? (openBlock(), createBlock(_component_ElOption, {
                         key: 1,
                         value: "selections",
-                        label: _ctx.dataTypeSelectedText
+                        label: _ctx.locale.exportDataTypeSelected
                       }, null, 8, ["label"])) : createCommentVNode("", true),
                       _ctx.datasource != null ? (openBlock(), createBlock(_component_ElOption, {
                         key: 2,
                         value: "data",
-                        label: _ctx.dataTypeAllText
+                        label: _ctx.locale.exportDataTypeAll
                       }, null, 8, ["label"])) : createCommentVNode("", true)
                     ]),
                     _: 1
@@ -407,13 +433,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              createVNode(_component_ElFormItem, { label: _ctx.selectColumnText }, {
+              createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportSelectColumn
+              }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
                     createElementVNode("div", _hoisted_2, [
                       createElementVNode("div", _hoisted_3, [
                         createVNode(_component_ElCheckbox, {
-                          label: _ctx.checkAllText,
+                          label: _ctx.locale.columnTitle,
                           modelValue: _ctx.isCheckAll,
                           indeterminate: _ctx.isIndeterminate,
                           "onUpdate:modelValue": _ctx.onCheckAllChange
@@ -422,7 +450,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       createElementVNode("div", {
                         class: "ele-tool-column-link",
                         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onReset && _ctx.onReset(...args))
-                      }, toDisplayString(_ctx.resetText), 1)
+                      }, toDisplayString(_ctx.locale.columnReset), 1)
                     ]),
                     createVNode(_component_ToolColumnList, {
                       data: _ctx.colItems,
@@ -433,6 +461,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 ]),
                 _: 1
+              }, 8, ["label"]),
+              createVNode(_component_ElFormItem, {
+                label: _ctx.locale.exportOther
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherHeader,
+                      modelValue: _ctx.showHeader,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.showHeader = $event),
+                      disabled: !_ctx.tableHeader
+                    }, null, 8, ["label", "modelValue", "disabled"]),
+                    createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherFooter,
+                      modelValue: _ctx.showFooter,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.showFooter = $event),
+                      disabled: !_ctx.showSummary
+                    }, null, 8, ["label", "modelValue", "disabled"]),
+                    createVNode(_component_ElCheckbox, {
+                      label: _ctx.locale.exportOtherTreeIndex,
+                      modelValue: _ctx.showTreeIndex,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.showTreeIndex = $event),
+                      disabled: _ctx.treeIndexDisabled,
+                      onChange: _ctx.handleTreeIndexChange
+                    }, null, 8, ["label", "modelValue", "disabled", "onChange"])
+                  ])
+                ]),
+                _: 1
               }, 8, ["label"])
             ]),
             _: 1
@@ -442,7 +498,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 16, ["title", "modelValue"]),
       createVNode(_component_ElePrinter, mergeProps({ target: "_iframe" }, _ctx.printerProps || {}, {
         modelValue: _ctx.printOptions.printing,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.printOptions.printing = $event),
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.printOptions.printing = $event),
         onDone: _ctx.onPrintDone
       }), {
         default: withCtx(() => [
@@ -461,16 +517,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   return openBlock(), createElementBlock("col", {
                     key: col.key,
                     width: col.width
-                  }, null, 8, _hoisted_4);
+                  }, null, 8, _hoisted_5);
                 }), 128))
               ]),
-              _ctx.printOptions.hasHeader ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+              _ctx.printOptions.hasHeader ? (openBlock(), createElementBlock("thead", _hoisted_6, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.printOptions.headerData, (item, index) => {
                   return openBlock(), createElementBlock("tr", { key: index }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(item, (col, columnIndex) => {
-                      return openBlock(), createElementBlock(Fragment, null, [
-                        col.rowspan != 0 && col.colspan != 0 ? (openBlock(), createBlock(_component_ToolPrintHeaderCell, {
-                          key: col.key,
+                      return openBlock(), createElementBlock(Fragment, {
+                        key: col.key
+                      }, [
+                        col.isTreeIndex ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createElementBlock("th", {
+                            key: 0,
+                            colspan: col.colspan,
+                            rowspan: col.rowspan,
+                            class: "ele-print-tree-index"
+                          }, null, 8, _hoisted_7)) : createCommentVNode("", true)
+                        ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createBlock(_component_ToolPrintHeaderCell, {
+                          key: 1,
                           col,
                           columnIndex,
                           headerCellStyle: _ctx.headerCellStyle,
@@ -488,7 +553,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                           })
                         ]), 1032, ["col", "columnIndex", "headerCellStyle", "headerCellClass"])) : createCommentVNode("", true)
                       ], 64);
-                    }), 256))
+                    }), 128))
                   ]);
                 }), 128))
               ])) : createCommentVNode("", true),
@@ -496,9 +561,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.printOptions.bodyData, (item, index) => {
                   return openBlock(), createElementBlock("tr", { key: index }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(item, (col, columnIndex) => {
-                      return openBlock(), createElementBlock(Fragment, null, [
-                        col.rowspan != 0 && col.colspan != 0 ? (openBlock(), createBlock(_component_ToolPrintBodyCell, {
-                          key: col.key,
+                      return openBlock(), createElementBlock(Fragment, {
+                        key: col.key
+                      }, [
+                        col.isExpandCell ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createElementBlock("td", {
+                            key: 0,
+                            rowspan: col.rowspan,
+                            colspan: col.colspan,
+                            style: { "padding-left": "0", "padding-right": "0" },
+                            class: "ele-print-expand-td"
+                          }, [
+                            col.column && (col.column.printSlot || col.column.slot) && !["printTop", "printBottom"].includes(
+                              col.column.printSlot || col.column.slot
+                            ) ? renderSlot(_ctx.$slots, col.column.printSlot || col.column.slot, normalizeProps(mergeProps({ key: 0 }, {
+                              row: col.row,
+                              column: col.column,
+                              $index: col.index
+                            }))) : createCommentVNode("", true)
+                          ], 8, _hoisted_8)) : createCommentVNode("", true)
+                        ], 64)) : col.isTreeIndex ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                          col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createElementBlock("td", {
+                            key: 0,
+                            colspan: col.colspan,
+                            rowspan: col.rowspan,
+                            style: normalizeStyle({
+                              paddingLeft: 0,
+                              paddingRight: 0,
+                              textAlign: "center",
+                              verticalAlign: "top",
+                              borderLeftColor: col.text ? void 0 : "transparent"
+                            }),
+                            class: normalizeClass([
+                              "ele-print-tree-index",
+                              { "is-placeholder": !col.text }
+                            ])
+                          }, toDisplayString(col.text), 15, _hoisted_9)) : createCommentVNode("", true)
+                        ], 64)) : col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createBlock(_component_ToolPrintBodyCell, {
+                          key: 2,
                           col,
                           columnIndex,
                           bodyCellStyle: _ctx.cellStyle,
@@ -516,23 +616,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                           })
                         ]), 1032, ["col", "columnIndex", "bodyCellStyle", "bodyCellClass"])) : createCommentVNode("", true)
                       ], 64);
-                    }), 256))
+                    }), 128))
                   ]);
                 }), 128))
               ]),
-              _ctx.printOptions.hasFooter ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
+              _ctx.printOptions.hasFooter ? (openBlock(), createElementBlock("tfoot", _hoisted_10, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.printOptions.footerData, (item, index) => {
                   return openBlock(), createElementBlock("tr", { key: index }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(item, (col) => {
-                      return openBlock(), createElementBlock("td", {
-                        key: col.key
-                      }, [
-                        createVNode(_component_CellRender, {
-                          render: () => col.text,
-                          params: []
-                        }, null, 8, ["render"])
-                      ]);
-                    }), 128))
+                      return openBlock(), createElementBlock(Fragment, null, [
+                        col.rowspan !== 0 && col.colspan !== 0 ? (openBlock(), createElementBlock("td", {
+                          key: col.key,
+                          colspan: col.colspan,
+                          rowspan: col.rowspan
+                        }, [
+                          !col.isExpandCell ? (openBlock(), createBlock(_component_CellRender, {
+                            key: 0,
+                            render: () => col.text,
+                            params: []
+                          }, null, 8, ["render"])) : createCommentVNode("", true)
+                        ], 8, _hoisted_11)) : createCommentVNode("", true)
+                      ], 64);
+                    }), 256))
                   ]);
                 }), 128))
               ])) : createCommentVNode("", true)

package/es/ele-pro-table/index.js

@@ -228,6 +228,7 @@ const _sfc_main = defineComponent({
       });
     };
     const requestCallback = (data, total, parent, response, resolve) => {
+      var _a;
       if (!Array.isArray(data)) {
         tableData.value = [];
         tableLoading.value = false;
@@ -245,6 +246,9 @@ const _sfc_main = defineComponent({
         return;
       }
       if (resolve) {
+        if (parent != null) {
+          parent[((_a = props.treeProps) == null ? void 0 : _a.children) || "children"] = data;
+        }
         resolve(data);
       } else {
         if (isAutoAmend(props.pagination, globalProps.value.pagination) && !data.length && total && "*" !== total && tablePage.value && tableLimit.value) {
@@ -512,56 +516,61 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_EleLoading, normalizeProps(guardReactiveProps(_ctx.loadingProps)), {
     default: withCtx(() => [
       _ctx.toolbar ? (openBlock(), createBlock(_component_EleToolbar, normalizeProps(mergeProps$1({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
-        tools: withCtx(() => [
-          renderSlot(_ctx.$slots, "tools"),
-          _ctx.toolNames && _ctx.toolNames.length ? (openBlock(), createBlock(_component_TableTools, {
-            key: 0,
-            tools: _ctx.toolNames,
-            size: _ctx.tableSize,
-            columns: _ctx.columns,
-            columnSortable: _ctx.columnSortable,
-            columnFixed: _ctx.columnFixed,
-            maximized: _ctx.tableMaximized,
-            cacheKey: _ctx.cacheKey,
-            locale: _ctx.locale,
-            selections: _ctx.selections,
-            pageData: _ctx.tableData,
-            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.tableIndex,
-            fetch: _ctx.fetch,
-            exportConfig: _ctx.toolExportConfig,
-            printConfig: _ctx.toolPrintConfig,
-            onReload: _ctx.onRefresh,
-            "onUpdate:size": _ctx.onSizeChange,
-            "onUpdate:columns": _ctx.onColumnsChange,
-            "onUpdate:maximized": _ctx.onMaximizedChange
-          }, createSlots({ _: 2 }, [
-            renderList(Object.keys(_ctx.$slots).filter(
-              (k) => ![
-                "default",
-                "toolbar",
-                "tools",
-                "footer",
-                "empty",
-                "append"
-              ].includes(k)
-            ), (name) => {
-              return {
-                name,
-                fn: withCtx((slotProps) => [
-                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                ])
-              };
-            })
-          ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "selections", "pageData", "spanMethod", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "fetch", "exportConfig", "printConfig", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : createCommentVNode("", true)
-        ]),
+        tools: withCtx(() => {
+          var _a;
+          return [
+            renderSlot(_ctx.$slots, "tools"),
+            _ctx.toolNames && _ctx.toolNames.length ? (openBlock(), createBlock(_component_TableTools, {
+              key: 0,
+              tools: _ctx.toolNames,
+              size: _ctx.tableSize,
+              columns: _ctx.columns,
+              columnSortable: _ctx.columnSortable,
+              columnFixed: _ctx.columnFixed,
+              maximized: _ctx.tableMaximized,
+              cacheKey: _ctx.cacheKey,
+              locale: _ctx.locale,
+              selections: _ctx.selections,
+              pageData: _ctx.tableData,
+              spanMethod: _ctx.spanMethod,
+              tableHeader: _ctx.showHeader,
+              showSummary: _ctx.showSummary,
+              sumText: _ctx.sumText,
+              summaryMethod: _ctx.summaryMethod,
+              cellStyle: _ctx.cellStyle,
+              cellClassName: _ctx.cellClassName,
+              headerCellStyle: _ctx.headerCellStyle,
+              headerCellClassName: _ctx.headerCellClassName,
+              pageIndex: _ctx.tableIndex,
+              childrenField: (_a = _ctx.treeProps) == null ? void 0 : _a.children,
+              fetch: _ctx.fetch,
+              exportConfig: _ctx.toolExportConfig,
+              printConfig: _ctx.toolPrintConfig,
+              onReload: _ctx.onRefresh,
+              "onUpdate:size": _ctx.onSizeChange,
+              "onUpdate:columns": _ctx.onColumnsChange,
+              "onUpdate:maximized": _ctx.onMaximizedChange
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => ![
+                  "default",
+                  "toolbar",
+                  "tools",
+                  "footer",
+                  "empty",
+                  "append"
+                ].includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "selections", "pageData", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "childrenField", "fetch", "exportConfig", "printConfig", "onReload", "onUpdate:size", "onUpdate:columns", "onUpdate:maximized"])) : createCommentVNode("", true)
+          ];
+        }),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "toolbar")
         ]),

package/es/ele-pro-table/style/index.scss

@@ -269,3 +269,12 @@
     border-top-right-radius: elVar('border-radius', 'base');
   }
 }
+
+.ele-tool-form-options {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 8px;
+}