ele-admin-plus 1.3.0-beta.3 → 1.3.0-beta.4

package/lib/ele-pro-layout/index.d.ts

@@ -1,11 +1,35 @@
 import { EleAdminLayoutInstance, EleBreadcrumbProps, EleBacktopProps, EleMenusProps } from '../ele-app/plus';
 import { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
-import { MenuItem as MenuItemProps } from '../ele-menus/types';
-import { BreadcrumbItem } from '../ele-breadcrumb/types';
-import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 import { Layout, SidebarLayout, TabBar, Maximized } from '../ele-admin-layout/types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+    logo?(_: {
+        collapse: boolean;
+        sidebar: boolean;
+    }): any;
+    logoTitle?(_: {
+        collapse: boolean;
+        sidebar: boolean;
+    }): any;
+    breadcrumb?(_: {
+        levels: LevelItem[];
+        isHome: boolean;
+        homePath: string | undefined;
+        sidebar: boolean;
+    }): any;
+    left?(_: {
+        sidebar: boolean;
+    }): any;
+    center?(_: {
+        sidebar: boolean;
+    }): any;
+    right?(_: {
+        sidebar: boolean;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
@@ -149,69 +173,22 @@ declare const _default: import('vue').DefineComponent<{
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
     backTopTarget: StringConstructor;
-}, {
-    layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
-    navActive: import('vue').Ref<string | undefined>;
-    sideActive: import('vue').Ref<string | undefined>;
-    boxActive: import('vue').Ref<string | undefined>;
-    tabData: import('vue').ShallowRef<TabItem[]>;
-    tabActive: import('vue').Ref<string | undefined>;
-    levelData: import('vue').ShallowRef<LevelItem[]>;
-    mobile: import('vue').Ref<boolean>;
-    homeMenuPath: import('vue').Ref<string | undefined>;
-    isHome: import('vue').Ref<boolean>;
-    hideFooter: import('vue').Ref<boolean>;
-    layoutHeaders: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutSidebars: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutSideboxs: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutTabs: import('vue').ComputedRef<TabPaneItem[]>;
-    layoutLevels: import('vue').ComputedRef<BreadcrumbItem[]>;
-    routeLayout: import('vue').ComputedRef<Layout>;
-    routeSideType: import('vue').ComputedRef<SidebarLayout>;
-    isBoxSide: import('vue').ComputedRef<boolean>;
-    routeTabBar: import('vue').ComputedRef<TabBar>;
-    routeMaximized: import('vue').ComputedRef<Maximized | undefined>;
-    sidebar: import('vue').ComputedRef<boolean>;
-    breadcrumbProps: import('vue').ComputedRef<boolean | EleBreadcrumbProps>;
-    backTopProps: import('vue').ComputedRef<boolean | EleBacktopProps>;
-    navMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    sideMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    boxMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    updateCollapse: (collapse: boolean) => void;
-    handleLogoClick: (e: MouseEvent) => void;
-    handleHeadMenuOpen: (index: string, indexPath: string[]) => void;
-    handleHeadMenuClose: (index: string, indexPath: string[]) => void;
-    handleHeadMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleHeadMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    handleHeadMouseenter: () => void;
-    handleHeadMouseleave: () => void;
-    handleBoxMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleBoxMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    handleBoxMouseEnter: () => void;
-    handleBoxMouseLeave: () => void;
-    handleSideMenuOpen: (index: string, indexPath: string[]) => void;
-    handleSideMenuClose: (index: string, indexPath: string[]) => void;
-    handleSideMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleSideMouseEnter: () => void;
-    handleSideMouseLeave: () => void;
-    handleTabClick: (option: TabEventOption) => void;
-    handleTabRemove: (key: string) => void;
-    handleTabContextMenu: (option: TabEventOption) => void;
-    handleTabSortChange: (data: TabPaneItem[]) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:collapse': (_collapse: boolean) => boolean;
-    'update:maximized': (_maximized: boolean) => boolean;
-    tabAdd: (_data: TabItem) => boolean;
-    tabClick: (_option: TabItemEventOption) => boolean;
-    tabRemove: (_option: TabItemEventOption) => boolean;
-    tabContextMenu: (_option: TabItemEventOption) => boolean;
-    tabSortChange: (_data: TabItem[]) => boolean;
-    logoClick: (_isHome: boolean, _e: MouseEvent) => boolean;
-    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => boolean;
+}>, {
+    layoutRef: import('vue').Ref<EleAdminLayoutInstance, EleAdminLayoutInstance>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabContextMenu: (_option: TabItemEventOption) => void;
+    tabSortChange: (_data: TabItem[]) => void;
+    tabClick: (_option: TabItemEventOption) => void;
+    tabRemove: (_option: TabItemEventOption) => void;
+    tabAdd: (_data: TabItem) => void;
+    "update:collapse": (_collapse: boolean) => void;
+    logoClick: (_isHome: boolean, _e: MouseEvent) => void;
+    headMenuOpen: (_index: string, _indexPath: string[]) => void;
+    headMenuClose: (_index: string, _indexPath: string[]) => void;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => void;
+    sideMenuClose: (_index: string, _indexPath: string[]) => void;
+    "update:maximized": (_maximized: boolean) => void;
+    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
@@ -356,12 +333,12 @@ declare const _default: import('vue').DefineComponent<{
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
     backTopTarget: StringConstructor;
-}>> & {
+}>> & Readonly<{
+    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
     onTabAdd?: ((_data: TabItem) => any) | undefined;
-    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
     onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -370,14 +347,14 @@ declare const _default: import('vue').DefineComponent<{
     onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
     onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
-}, {
+}>, {
     height: string | number;
     uniqueOpened: boolean;
     collapse: boolean;
     ellipsis: boolean;
+    expanded: boolean;
     compact: boolean;
     transitionDelay: number;
-    expanded: boolean;
     tabBar: TabBar;
     breadcrumb: boolean | EleBreadcrumbProps;
     backTop: boolean | EleBacktopProps;
@@ -403,5 +380,11 @@ declare const _default: import('vue').DefineComponent<{
     autoScrollTop: boolean;
     menuHoverTimeout: number;
     colorfulIcon: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-pro-table/components/table-tools.cjs

@@ -9,23 +9,8 @@ const EleTool = require("../../ele-tool/index");
 const ToolColumn = require("./tool-column");
 const ToolExport = require("./tool-export");
 const ToolPrint = require("./tool-print");
-const ownSlots = ["default", "printTop", "printBottom"];
-const _sfc_main = vue.defineComponent({
-  name: "TableTools",
-  components: {
-    ElIcon: elementPlus.ElIcon,
-    ReloadOutlined: icons.ReloadOutlined,
-    DownloadOutlined: icons.DownloadOutlined,
-    PrinterOutlined: icons.PrinterOutlined,
-    ColumnHeightOutlined: icons.ColumnHeightOutlined,
-    FullscreenOutlined: icons.FullscreenOutlined,
-    FullscreenExitOutlined: icons.FullscreenExitOutlined,
-    EleDropdown,
-    EleTool,
-    ToolColumn,
-    ToolExport,
-    ToolPrint
-  },
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "table-tools",
   props: {
     /** 工具按钮布局 */
     tools: {
@@ -91,7 +76,10 @@ const _sfc_main = vue.defineComponent({
     "update:columns": (_columns, _tableColumns, _isReset) => true,
     "update:maximized": (_maximized) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ownSlots = ["default", "printTop", "printBottom"];
+    const props = __props;
+    const emit = __emit;
     const { lang } = receiver.useLocale("table", props);
     const toolExportRef = vue.ref(null);
     const toolPrintRef = vue.ref(null);
@@ -150,217 +138,189 @@ const _sfc_main = vue.defineComponent({
         toolExportRef.value.exportData(params);
       }
     };
-    return {
-      ownSlots,
-      lang,
-      toolExportRef,
-      toolPrintRef,
-      placement,
-      sizeDropdownItems,
-      reload,
-      updateSize,
-      updateColumns,
-      toggleMaximized,
-      openExportModal,
+    __expose({
       openPrintModal,
       printData,
+      openExportModal,
       exportData
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ToolExport = vue.resolveComponent("ToolExport");
-  const _component_ToolPrint = vue.resolveComponent("ToolPrint");
-  const _component_ReloadOutlined = vue.resolveComponent("ReloadOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_EleTool = vue.resolveComponent("EleTool");
-  const _component_DownloadOutlined = vue.resolveComponent("DownloadOutlined");
-  const _component_PrinterOutlined = vue.resolveComponent("PrinterOutlined");
-  const _component_ColumnHeightOutlined = vue.resolveComponent("ColumnHeightOutlined");
-  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
-  const _component_ToolColumn = vue.resolveComponent("ToolColumn");
-  const _component_FullscreenExitOutlined = vue.resolveComponent("FullscreenExitOutlined");
-  const _component_FullscreenOutlined = vue.resolveComponent("FullscreenOutlined");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.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"]),
-    vue.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
-    }, vue.createSlots({ _: 2 }, [
-      vue.renderList(Object.keys(_ctx.$slots), (name) => {
-        return {
-          name,
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.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"]),
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tools, (tool, index) => {
+    });
+    return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        tool === "reload" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
-          key: index + "-reload",
-          placement: _ctx.placement,
-          title: _ctx.lang.refresh,
-          onClick: _ctx.reload
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ElIcon, null, {
+        vue.createVNode(ToolExport, {
+          ref_key: "toolExportRef",
+          ref: toolExportRef,
+          locale: vue.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"]),
+        vue.createVNode(ToolPrint, {
+          ref_key: "toolPrintRef",
+          ref: toolPrintRef,
+          locale: vue.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,
+          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
+        }, vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.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"]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tools, (tool, index) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+            tool === "reload" ? (vue.openBlock(), vue.createBlock(EleTool, {
+              key: index + "-reload",
+              placement: placement.value,
+              title: vue.unref(lang).refresh,
+              onClick: reload
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_ReloadOutlined)
+                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(icons.ReloadOutlined))
+                  ]),
+                  _: 1
+                })
               ]),
-              _: 1
-            })
-          ]),
-          _: 2
-        }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
-          key: index + "-export",
-          title: _ctx.lang.export,
-          placement: _ctx.placement,
-          clickHideTooltip: true,
-          onClick: _ctx.openExportModal
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ElIcon, { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
+              _: 2
+            }, 1032, ["placement", "title"])) : tool === "export" ? (vue.openBlock(), vue.createBlock(EleTool, {
+              key: index + "-export",
+              title: vue.unref(lang).export,
+              placement: placement.value,
+              clickHideTooltip: true,
+              onClick: openExportModal
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_DownloadOutlined)
+                vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(icons.DownloadOutlined))
+                  ]),
+                  _: 1
+                })
               ]),
-              _: 1
-            })
-          ]),
-          _: 2
-        }, 1032, ["title", "placement", "onClick"])) : tool === "print" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
-          key: index + "-print",
-          title: _ctx.lang.print,
-          placement: _ctx.placement,
-          clickHideTooltip: true,
-          onClick: _ctx.openPrintModal
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ElIcon, null, {
+              _: 2
+            }, 1032, ["title", "placement"])) : tool === "print" ? (vue.openBlock(), vue.createBlock(EleTool, {
+              key: index + "-print",
+              title: vue.unref(lang).print,
+              placement: placement.value,
+              clickHideTooltip: true,
+              onClick: openPrintModal
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_PrinterOutlined)
+                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(icons.PrinterOutlined))
+                  ]),
+                  _: 1
+                })
               ]),
-              _: 1
-            })
-          ]),
-          _: 2
-        }, 1032, ["title", "placement", "onClick"])) : tool === "size" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
-          key: index + "-size",
-          placement: _ctx.placement,
-          title: _ctx.lang.sizes
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_EleDropdown, {
-              trigger: "click",
-              placement: "bottom",
-              validateEvent: false,
-              popperClass: "ele-tool-size-popper",
-              modelValue: _ctx.size,
-              items: _ctx.sizeDropdownItems,
-              popperOptions: {
-                modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
-              },
-              onCommand: _ctx.updateSize
+              _: 2
+            }, 1032, ["title", "placement"])) : tool === "size" ? (vue.openBlock(), vue.createBlock(EleTool, {
+              key: index + "-size",
+              placement: placement.value,
+              title: vue.unref(lang).sizes
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_ElIcon, null, {
+                vue.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: vue.withCtx(() => [
-                    vue.createVNode(_component_ColumnHeightOutlined)
+                    vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(icons.ColumnHeightOutlined))
+                      ]),
+                      _: 1
+                    })
                   ]),
                   _: 1
-                })
+                }, 8, ["modelValue", "items"])
               ]),
-              _: 1
-            }, 8, ["modelValue", "items", "onCommand"])
-          ]),
-          _: 2
-        }, 1032, ["placement", "title"])) : tool === "columns" ? (vue.openBlock(), vue.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" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
-          key: index + "-maximized",
-          placement: _ctx.placement,
-          title: _ctx.lang.maximized,
-          clickHideTooltip: true,
-          onClick: _ctx.toggleMaximized
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ElIcon, null, {
+              _: 2
+            }, 1032, ["placement", "title"])) : tool === "columns" ? (vue.openBlock(), vue.createBlock(ToolColumn, {
+              key: index + "-columns",
+              placement: placement.value,
+              locale: vue.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" ? (vue.openBlock(), vue.createBlock(EleTool, {
+              key: index + "-maximized",
+              placement: placement.value,
+              title: vue.unref(lang).maximized,
+              clickHideTooltip: true,
+              onClick: toggleMaximized
+            }, {
               default: vue.withCtx(() => [
-                _ctx.maximized ? (vue.openBlock(), vue.createBlock(_component_FullscreenExitOutlined, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_FullscreenOutlined, { key: 1 }))
+                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    __props.maximized ? (vue.openBlock(), vue.createBlock(vue.unref(icons.FullscreenExitOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.FullscreenOutlined), { key: 1 }))
+                  ]),
+                  _: 1
+                })
               ]),
-              _: 1
-            })
-          ]),
-          _: 2
-        }, 1032, ["placement", "title", "onClick"])) : tool && !_ctx.ownSlots.includes(tool) && _ctx.$slots[tool] ? vue.renderSlot(_ctx.$slots, tool, {
-          key: 6,
-          pageIndex: _ctx.pageIndex,
-          fetch: _ctx.fetch
-        }) : vue.createCommentVNode("", true)
+              _: 2
+            }, 1032, ["placement", "title"])) : tool && !ownSlots.includes(tool) && _ctx.$slots[tool] ? vue.renderSlot(_ctx.$slots, tool, {
+              key: 6,
+              pageIndex: __props.pageIndex,
+              fetch: __props.fetch
+            }) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 256))
       ], 64);
-    }), 256))
-  ], 64);
-}
-const tableTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = tableTools;
+    };
+  }
+});
+module.exports = _sfc_main;