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

package/es/ele-pro-layout/util.js

@@ -16,12 +16,11 @@ function findTabByKey(key, tabs) {
   }
 }
 function getMatchedMenus(path, menus, parents) {
-  var _a;
   for (const m of menus) {
     const p = parents ? [...parents, m] : [m];
     if (m.path === path) {
       return p;
-    } else if ((_a = m.children) == null ? void 0 : _a.length) {
+    } else if (m.children?.length) {
       const result = getMatchedMenus(path, m.children, p);
       if (result) {
         return result;
@@ -30,14 +29,13 @@ function getMatchedMenus(path, menus, parents) {
   }
 }
 function getRouteMatched(route, menus) {
-  var _a, _b, _c;
   const { path, fullPath, meta } = route;
-  if (meta == null ? void 0 : meta.active) {
+  if (meta?.active) {
     const m2 = findMenuByPath(fullPath, menus) ?? findMenuByPath(path, menus);
     return {
       active: meta.active,
       activeOther: true,
-      title: ((_a = m2 == null ? void 0 : m2.meta) == null ? void 0 : _a.title) ?? meta.title,
+      title: m2?.meta?.title ?? meta.title,
       matched: getMatchedMenus(meta.active, menus)
     };
   }
@@ -45,25 +43,23 @@ function getRouteMatched(route, menus) {
   if (fm) {
     return {
       active: fullPath,
-      title: ((_b = fm.meta) == null ? void 0 : _b.title) ?? meta.title,
+      title: fm.meta?.title ?? meta.title,
       matched: getMatchedMenus(fullPath, menus)
     };
   }
   const m = findMenuByPath(path, menus);
   return {
     active: path,
-    title: ((_c = m == null ? void 0 : m.meta) == null ? void 0 : _c.title) ?? meta.title,
+    title: m?.meta?.title ?? meta.title,
     matched: getMatchedMenus(path, menus)
   };
 }
 function getMatchedLevels(matched, activeOther, route, menus, tabs) {
-  var _a;
   const levels = [];
   if (matched) {
     matched.forEach((m) => {
-      var _a2;
       if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
-        const title = ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title;
+        const title = findTabByPath(m.path, tabs)?.title || m.meta.title;
         levels.push({ path: m.path, title });
       }
     });
@@ -74,7 +70,7 @@ function getMatchedLevels(matched, activeOther, route, menus, tabs) {
     if (notIn && meta.title) {
       const m = findMenuByPath(fullPath, menus) ?? findMenuByPath(path, menus);
       const t = findTabByPath(fullPath, tabs) ?? findTabByPath(path, tabs);
-      const title = (t == null ? void 0 : t.title) || ((_a = m == null ? void 0 : m.meta) == null ? void 0 : _a.title) || meta.title;
+      const title = t?.title || m?.meta?.title || meta.title;
       levels.push({ path: fullPath, title });
     }
   }
@@ -83,8 +79,7 @@ function getMatchedLevels(matched, activeOther, route, menus, tabs) {
 function getMatchedComponents(matched) {
   const components = [];
   matched.forEach((m) => {
-    var _a, _b;
-    if ((_b = (_a = m.components) == null ? void 0 : _a.default) == null ? void 0 : _b.name) {
+    if (m.components?.default?.name) {
       components.push(m.components.default.name);
     }
   });
@@ -94,9 +89,9 @@ function getRouteTab(route, tabs, homePath, routeTitle) {
   const { path, fullPath, meta, matched } = route;
   const key = meta.tabUnique === false ? fullPath : path;
   const t = findTabByPath(key, tabs);
-  const title = (t == null ? void 0 : t.title) || routeTitle;
+  const title = t?.title || routeTitle;
   const home = path === homePath || fullPath === homePath;
-  const closable = (t == null ? void 0 : t.closable) ?? meta.closable !== false;
+  const closable = t?.closable ?? meta.closable !== false;
   const components = getMatchedComponents(matched);
   return { key, path, fullPath, title, closable, home, components, meta };
 }

package/es/ele-pro-table/components/table-tools.d.ts

@@ -1,16 +1,8 @@
 import { PropType } from 'vue';
-import { StyleValue } from '../../ele-app/types';
-import { Columns, DataItem, SpanMethod, SummaryMethod, CellStyle, CellClass, HeaderCellStyle, HeaderCellClass, TreeProps } from '../../ele-data-table/types';
-import { TableTool, TableLocale, FetchFunction, ExportConfig, PrintConfig, TableExportParams } from '../types';
+import { Columns } from '../../ele-data-table/types';
+import { TableTool, TableLocale } from '../types';
 
-declare function __VLS_template(): Partial<Record<string, (_: {
-    row: DataItem | undefined;
-    column: import('../types').Column;
-    $index: number;
-}) => any>> & Partial<Record<string, (_: {
-    pageIndex: number | undefined;
-    fetch: FetchFunction | undefined;
-}) => any>>;
+declare function __VLS_template(): Partial<Record<string, (_: {}) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
@@ -30,57 +22,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 本地缓存的名称 */
     cacheKey: StringConstructor;
     /** 国际化 */
-    locale: PropType<Partial<TableLocale>>;
-    /** 表格选中数据 */
-    selections: PropType<DataItem[]>;
-    /** 表格当前页数据 */
-    pageData: PropType<DataItem[]>;
-    /** 单元格合并行列方法 */
-    spanMethod: PropType<SpanMethod>;
-    /** 表格是否有表头 */
-    tableHeader: BooleanConstructor;
-    /** 是否显示合计行 */
-    showSummary: BooleanConstructor;
-    /** 合计行文本 */
-    sumText: StringConstructor;
-    /** 合计行自定义方法 */
-    summaryMethod: PropType<SummaryMethod>;
-    /** 自定义表格样式 */
-    tableStyle: PropType<StyleValue>;
-    /** 单元格样式 */
-    cellStyle: PropType<CellStyle>;
-    /** 单元格类名自定义 */
-    cellClassName: PropType<CellClass>;
-    /** 单元格样式 */
-    headerCellStyle: PropType<HeaderCellStyle>;
-    /** 单元格类名自定义 */
-    headerCellClassName: PropType<HeaderCellClass>;
-    /** 序号列起始索引 */
-    pageIndex: NumberConstructor;
-    /** 树表字段名 */
-    treeProps: PropType<TreeProps>;
-    /** 表格请求数据方法 */
-    fetch: PropType<FetchFunction>;
-    /** 导出配置 */
-    exportConfig: {
-        type: PropType<ExportConfig>;
+    lang: {
+        type: PropType<TableLocale>;
         required: true;
     };
-    /** 打印配置 */
-    printConfig: {
-        type: PropType<PrintConfig>;
-        required: true;
-    };
-}>, {
-    openPrintModal: () => void;
-    printData: (params?: TableExportParams) => void;
-    openExportModal: () => void;
-    exportData: (params?: TableExportParams) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     reload: () => void;
     "update:size": (_size: "" | "small" | "default" | "large" | undefined) => void;
     "update:columns": (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => void;
     "update:maximized": (_maximized: boolean) => void;
+    openExportModal: () => void;
+    openPrintModal: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
@@ -100,45 +52,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 本地缓存的名称 */
     cacheKey: StringConstructor;
     /** 国际化 */
-    locale: PropType<Partial<TableLocale>>;
-    /** 表格选中数据 */
-    selections: PropType<DataItem[]>;
-    /** 表格当前页数据 */
-    pageData: PropType<DataItem[]>;
-    /** 单元格合并行列方法 */
-    spanMethod: PropType<SpanMethod>;
-    /** 表格是否有表头 */
-    tableHeader: BooleanConstructor;
-    /** 是否显示合计行 */
-    showSummary: BooleanConstructor;
-    /** 合计行文本 */
-    sumText: StringConstructor;
-    /** 合计行自定义方法 */
-    summaryMethod: PropType<SummaryMethod>;
-    /** 自定义表格样式 */
-    tableStyle: PropType<StyleValue>;
-    /** 单元格样式 */
-    cellStyle: PropType<CellStyle>;
-    /** 单元格类名自定义 */
-    cellClassName: PropType<CellClass>;
-    /** 单元格样式 */
-    headerCellStyle: PropType<HeaderCellStyle>;
-    /** 单元格类名自定义 */
-    headerCellClassName: PropType<HeaderCellClass>;
-    /** 序号列起始索引 */
-    pageIndex: NumberConstructor;
-    /** 树表字段名 */
-    treeProps: PropType<TreeProps>;
-    /** 表格请求数据方法 */
-    fetch: PropType<FetchFunction>;
-    /** 导出配置 */
-    exportConfig: {
-        type: PropType<ExportConfig>;
-        required: true;
-    };
-    /** 打印配置 */
-    printConfig: {
-        type: PropType<PrintConfig>;
+    lang: {
+        type: PropType<TableLocale>;
         required: true;
     };
 }>> & Readonly<{
@@ -146,10 +61,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:size"?: ((_size: "" | "small" | "default" | "large" | undefined) => any) | undefined;
     "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns, _isReset: boolean) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
+    onOpenExportModal?: (() => any) | undefined;
+    onOpenPrintModal?: (() => any) | undefined;
 }>, {
-    showSummary: boolean;
     maximized: boolean;
-    tableHeader: boolean;
     columnSortable: boolean;
     columnFixed: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,13 +1,10 @@
-import { defineComponent, ref, computed, markRaw, createElementBlock, openBlock, Fragment, createVNode, unref, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode } from "vue";
+import { defineComponent, computed, markRaw, createElementBlock, openBlock, Fragment, renderList, createBlock, renderSlot, createCommentVNode, withCtx, createVNode, unref } from "vue";
 import { ElIcon } from "element-plus";
 import { SizeSlackOutlined, SizeMiddleOutlined, SizeCompactOutlined, ReloadOutlined, DownloadOutlined, PrinterOutlined, ColumnHeightOutlined, FullscreenExitOutlined, FullscreenOutlined } from "../../icons/index";
 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 = /* @__PURE__ */ defineComponent({
   __name: "table-tools",
   props: {
@@ -29,44 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 本地缓存的名称 */
     cacheKey: String,
     /** 国际化 */
-    locale: Object,
-    /** 表格选中数据 */
-    selections: Array,
-    /** 表格当前页数据 */
-    pageData: Array,
-    /** 单元格合并行列方法 */
-    spanMethod: Function,
-    /** 表格是否有表头 */
-    tableHeader: Boolean,
-    /** 是否显示合计行 */
-    showSummary: Boolean,
-    /** 合计行文本 */
-    sumText: String,
-    /** 合计行自定义方法 */
-    summaryMethod: Function,
-    /** 自定义表格样式 */
-    tableStyle: Object,
-    /** 单元格样式 */
-    cellStyle: [Object, Function],
-    /** 单元格类名自定义 */
-    cellClassName: [String, Function],
-    /** 单元格样式 */
-    headerCellStyle: [Object, Function],
-    /** 单元格类名自定义 */
-    headerCellClassName: [String, Function],
-    /** 序号列起始索引 */
-    pageIndex: Number,
-    /** 树表字段名 */
-    treeProps: Object,
-    /** 表格请求数据方法 */
-    fetch: Function,
-    /** 导出配置 */
-    exportConfig: {
-      type: Object,
-      required: true
-    },
-    /** 打印配置 */
-    printConfig: {
+    lang: {
       type: Object,
       required: true
     }
@@ -75,30 +35,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reload: () => true,
     "update:size": (_size) => true,
     "update:columns": (_columns, _tableColumns, _isReset) => true,
-    "update:maximized": (_maximized) => true
+    "update:maximized": (_maximized) => true,
+    openExportModal: () => true,
+    openPrintModal: () => true
   },
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { emit: __emit }) {
     const ownSlots = ["default", "printTop", "printBottom"];
     const props = __props;
     const emit = __emit;
-    const { lang } = useLocale("table", props);
-    const toolExportRef = ref(null);
-    const toolPrintRef = ref(null);
     const placement = computed(() => props.maximized ? "bottom" : "top");
     const sizeDropdownItems = computed(() => {
       return [
         {
-          title: lang.value.sizeLarge,
+          title: props.lang.sizeLarge,
           command: "large",
           icon: markRaw(SizeSlackOutlined)
         },
         {
-          title: lang.value.sizeDefault,
+          title: props.lang.sizeDefault,
           command: "default",
           icon: markRaw(SizeMiddleOutlined)
         },
         {
-          title: lang.value.sizeSmall,
+          title: props.lang.sizeSmall,
           command: "small",
           icon: markRaw(SizeCompactOutlined)
         }
@@ -120,208 +79,119 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:maximized", !props.maximized);
     };
     const openExportModal = () => {
-      if (toolExportRef.value) {
-        toolExportRef.value.openModal();
-      }
+      emit("openExportModal");
     };
     const openPrintModal = () => {
-      if (toolPrintRef.value) {
-        toolPrintRef.value.openModal();
-      }
+      emit("openPrintModal");
     };
-    const printData = (params) => {
-      if (toolPrintRef.value) {
-        toolPrintRef.value.printData(params);
-      }
-    };
-    const exportData = (params) => {
-      if (toolExportRef.value) {
-        toolExportRef.value.exportData(params);
-      }
-    };
-    __expose({
-      openPrintModal,
-      printData,
-      openExportModal,
-      exportData
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(ToolExport, {
-          ref_key: "toolExportRef",
-          ref: toolExportRef,
-          locale: unref(lang),
-          cacheKey: __props.cacheKey,
-          modalProps: __props.exportConfig.modalProps,
-          columns: __props.exportConfig.columns || __props.columns,
-          selections: __props.selections,
-          pageData: __props.pageData,
-          datasource: __props.exportConfig.datasource,
-          spanMethod: __props.spanMethod,
-          tableHeader: __props.exportConfig.showHeader ?? __props.tableHeader,
-          showSummary: __props.showSummary,
-          sumText: __props.sumText,
-          summaryMethod: __props.summaryMethod,
-          pageIndex: __props.pageIndex,
-          treeProps: __props.treeProps,
-          fetch: __props.fetch,
-          defaultFileName: __props.exportConfig.fileName,
-          defaultDataType: __props.exportConfig.dataType,
-          defaultShowFooter: __props.exportConfig.showFooter,
-          defaultShowTreeIndex: __props.exportConfig.showTreeIndex,
-          beforeExport: __props.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(ToolPrint, {
-          ref_key: "toolPrintRef",
-          ref: toolPrintRef,
-          locale: unref(lang),
-          cacheKey: __props.cacheKey,
-          modalProps: __props.printConfig.modalProps,
-          printerProps: __props.printConfig.printerProps,
-          tableProps: __props.printConfig.tableProps,
-          columns: __props.printConfig.columns || __props.columns,
-          selections: __props.selections,
-          pageData: __props.pageData,
-          datasource: __props.printConfig.datasource,
-          spanMethod: __props.spanMethod,
-          tableHeader: __props.printConfig.showHeader ?? __props.tableHeader,
-          showSummary: __props.showSummary,
-          sumText: __props.sumText,
-          summaryMethod: __props.summaryMethod,
-          tableStyle: __props.tableStyle,
-          cellStyle: __props.cellStyle,
-          cellClassName: __props.cellClassName,
-          headerCellStyle: __props.headerCellStyle,
-          headerCellClassName: __props.headerCellClassName,
-          pageIndex: __props.pageIndex,
-          treeProps: __props.treeProps,
-          fetch: __props.fetch,
-          defaultDataType: __props.printConfig.dataType,
-          defaultShowFooter: __props.printConfig.showFooter,
-          defaultShowTreeIndex: __props.printConfig.showTreeIndex,
-          beforePrint: __props.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", "tableStyle", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "fetch", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforePrint"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tools, (tool, index) => {
-          return openBlock(), createElementBlock(Fragment, null, [
-            tool === "reload" ? (openBlock(), createBlock(EleTool, {
-              key: index + "-reload",
-              placement: placement.value,
-              title: unref(lang).refresh,
-              onClick: reload
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(ReloadOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["placement", "title"])) : tool === "export" ? (openBlock(), createBlock(EleTool, {
-              key: index + "-export",
-              title: unref(lang).export,
-              placement: placement.value,
-              clickHideTooltip: true,
-              onClick: openExportModal
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElIcon), { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
-                  default: withCtx(() => [
-                    createVNode(unref(DownloadOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["title", "placement"])) : tool === "print" ? (openBlock(), createBlock(EleTool, {
-              key: index + "-print",
-              title: unref(lang).print,
-              placement: placement.value,
-              clickHideTooltip: true,
-              onClick: openPrintModal
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(PrinterOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["title", "placement"])) : tool === "size" ? (openBlock(), createBlock(EleTool, {
-              key: index + "-size",
-              placement: placement.value,
-              title: unref(lang).sizes
-            }, {
-              default: withCtx(() => [
-                createVNode(EleDropdown, {
-                  trigger: "click",
-                  placement: "bottom",
-                  validateEvent: false,
-                  popperClass: "ele-tool-size-popper",
-                  modelValue: __props.size,
-                  items: sizeDropdownItems.value,
-                  popperOptions: {
-                    modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
-                  },
-                  onCommand: updateSize
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ElIcon), null, {
-                      default: withCtx(() => [
-                        createVNode(unref(ColumnHeightOutlined))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "items"])
-              ]),
-              _: 2
-            }, 1032, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(ToolColumn, {
-              key: index + "-columns",
-              placement: placement.value,
-              locale: unref(lang),
-              columns: __props.columns,
-              sortable: __props.columnSortable,
-              allowFixed: __props.columnFixed,
-              cacheKey: __props.cacheKey,
-              "onUpdate:columns": updateColumns
-            }, null, 8, ["placement", "locale", "columns", "sortable", "allowFixed", "cacheKey"])) : tool === "maximized" ? (openBlock(), createBlock(EleTool, {
-              key: index + "-maximized",
-              placement: placement.value,
-              title: unref(lang).maximized,
-              clickHideTooltip: true,
-              onClick: toggleMaximized
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    __props.maximized ? (openBlock(), createBlock(unref(FullscreenExitOutlined), { key: 0 })) : (openBlock(), createBlock(unref(FullscreenOutlined), { key: 1 }))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["placement", "title"])) : tool && !ownSlots.includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
-              key: 6,
-              pageIndex: __props.pageIndex,
-              fetch: __props.fetch
-            }) : createCommentVNode("", true)
-          ], 64);
-        }), 256))
-      ], 64);
+      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.tools, (tool, index) => {
+        return openBlock(), createElementBlock(Fragment, null, [
+          tool === "reload" ? (openBlock(), createBlock(EleTool, {
+            key: index + "-reload",
+            placement: placement.value,
+            title: __props.lang.refresh,
+            onClick: reload
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(ReloadOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool === "export" ? (openBlock(), createBlock(EleTool, {
+            key: index + "-export",
+            title: __props.lang.export,
+            placement: placement.value,
+            clickHideTooltip: true,
+            onClick: openExportModal
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElIcon), { style: { transform: "scale(1.1)", transformOrigin: "bottom" } }, {
+                default: withCtx(() => [
+                  createVNode(unref(DownloadOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title", "placement"])) : tool === "print" ? (openBlock(), createBlock(EleTool, {
+            key: index + "-print",
+            title: __props.lang.print,
+            placement: placement.value,
+            clickHideTooltip: true,
+            onClick: openPrintModal
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(PrinterOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title", "placement"])) : tool === "size" ? (openBlock(), createBlock(EleTool, {
+            key: index + "-size",
+            placement: placement.value,
+            title: __props.lang.sizes
+          }, {
+            default: withCtx(() => [
+              createVNode(EleDropdown, {
+                trigger: "click",
+                placement: "bottom",
+                validateEvent: false,
+                popperClass: "ele-tool-size-popper",
+                modelValue: __props.size,
+                items: sizeDropdownItems.value,
+                popperOptions: {
+                  modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
+                },
+                onCommand: updateSize
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(ColumnHeightOutlined))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items"])
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(ToolColumn, {
+            key: index + "-columns",
+            placement: placement.value,
+            locale: __props.lang,
+            columns: __props.columns,
+            sortable: __props.columnSortable,
+            allowFixed: __props.columnFixed,
+            cacheKey: __props.cacheKey,
+            "onUpdate:columns": updateColumns
+          }, null, 8, ["placement", "locale", "columns", "sortable", "allowFixed", "cacheKey"])) : tool === "maximized" ? (openBlock(), createBlock(EleTool, {
+            key: index + "-maximized",
+            placement: placement.value,
+            title: __props.lang.maximized,
+            clickHideTooltip: true,
+            onClick: toggleMaximized
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  __props.maximized ? (openBlock(), createBlock(unref(FullscreenExitOutlined), { key: 0 })) : (openBlock(), createBlock(unref(FullscreenOutlined), { key: 1 }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool && !ownSlots.includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, { key: 6 }) : createCommentVNode("", true)
+        ], 64);
+      }), 256);
     };
   }
 });