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

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

@@ -1,10 +1,16 @@
 import { PropType } from 'vue';
-import { DropdownItem } from '../../ele-dropdown/types';
-import { Columns, TableSize, DataItem, SpanMethod, SummaryMethod, CellStyle, CellClass, HeaderCellStyle, HeaderCellClass, TreeProps } from '../../ele-data-table/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 { ToolExportInstance, ToolPrintInstance } from '../props';
 
-declare const _default: import('vue').DefineComponent<{
+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 const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
         type: PropType<TableTool[]>;
@@ -62,26 +68,16 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<PrintConfig>;
         required: true;
     };
-}, {
-    ownSlots: string[];
-    lang: import('vue').ComputedRef<TableLocale>;
-    toolExportRef: import('vue').Ref<ToolExportInstance>;
-    toolPrintRef: import('vue').Ref<ToolPrintInstance>;
-    placement: import('vue').ComputedRef<"top" | "bottom">;
-    sizeDropdownItems: import('vue').ComputedRef<DropdownItem[]>;
-    reload: () => void;
-    updateSize: (size: string) => void;
-    updateColumns: (columns: Columns, tableColumns: Columns, isReset: boolean) => void;
-    toggleMaximized: () => void;
-    openExportModal: () => void;
+}>, {
     openPrintModal: () => void;
     printData: (params?: TableExportParams) => void;
+    openExportModal: () => void;
     exportData: (params?: TableExportParams) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    reload: () => true;
-    'update:size': (_size: TableSize) => true;
-    'update:columns': (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => true;
-    'update:maximized': (_maximized: boolean) => true;
+}, {}, {}, {}, 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;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
@@ -140,16 +136,22 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<PrintConfig>;
         required: true;
     };
-}>> & {
-    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns, _isReset: boolean) => any) | undefined;
+}>> & Readonly<{
     onReload?: (() => any) | undefined;
     "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;
-}, {
+}>, {
     showSummary: boolean;
     maximized: boolean;
     columnSortable: boolean;
     columnFixed: boolean;
     tableHeader: 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/tool-column-list.cjs

@@ -3,17 +3,26 @@ const vue = require("vue");
 const VueDraggable = require("vuedraggable");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
-const _sfc_main = vue.defineComponent({
-  name: "ToolColumnList",
-  components: {
-    VueDraggable,
-    ElCheckbox: elementPlus.ElCheckbox,
-    ElIcon: elementPlus.ElIcon,
-    ElInput: elementPlus.ElInput,
-    HolderOutlined: icons.HolderOutlined,
-    VerticalRightOutlined: icons.VerticalRightOutlined,
-    VerticalLeftOutlined: icons.VerticalLeftOutlined
-  },
+const _hoisted_1 = { class: "ele-tool-column-item" };
+const _hoisted_2 = { class: "ele-tool-column-item-body" };
+const _hoisted_3 = {
+  key: 0,
+  class: "ele-tool-column-handle"
+};
+const _hoisted_4 = { class: "ele-tool-column-label" };
+const _hoisted_5 = {
+  key: 1,
+  class: "ele-tool-column-fixed"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = {
+  key: 2,
+  class: "ele-tool-column-input"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ToolColumnList" },
+  __name: "tool-column-list",
   props: {
     /** 列配置数据 */
     data: Array,
@@ -37,7 +46,9 @@ const _sfc_main = vue.defineComponent({
     fixedRightTooltip: (_el) => true,
     colWidthChange: (_item, _width) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const handleSortChange = (colItems) => {
       handleChildSortChange(colItems, props.parent);
     };
@@ -68,142 +79,98 @@ const _sfc_main = vue.defineComponent({
     const handleColWidthChange = (item, width) => {
       emit("colWidthChange", item, width);
     };
-    return {
-      handleSortChange,
-      handleCheckedChange,
-      handleFixedLeft,
-      handleFixedRight,
-      handleFixedLeftTooltip,
-      handleFixedRightTooltip,
-      handleChildSortChange,
-      handleChildFixedLeftTooltip,
-      handleChildFixedRightTooltip,
-      handleColWidthChange
+    return (_ctx, _cache) => {
+      const _component_ToolColumnList = vue.resolveComponent("ToolColumnList", true);
+      return vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
+        itemKey: "uid",
+        animation: 300,
+        modelValue: __props.data,
+        setData: () => void 0,
+        handle: ".ele-tool-column-handle",
+        componentData: { class: "ele-tool-column-list" },
+        forceFallback: true,
+        "onUpdate:modelValue": handleSortChange
+      }, {
+        item: vue.withCtx(({ element: d }) => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              __props.sortable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(icons.HolderOutlined))
+                  ]),
+                  _: 1
+                })
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(vue.unref(elementPlus.ElCheckbox), {
+                  label: d.label,
+                  modelValue: d.checked,
+                  "onUpdate:modelValue": (v) => handleCheckedChange(d, v)
+                }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
+              ]),
+              __props.allowFixed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "ele-tool-column-fixed-item",
+                    { "is-active": d.fixed === true || d.fixed === "left" }
+                  ]),
+                  onClick: ($event) => handleFixedLeft(d),
+                  onMouseover: handleFixedLeftTooltip
+                }, [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(icons.VerticalRightOutlined))
+                    ]),
+                    _: 1
+                  })
+                ], 42, _hoisted_6),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "ele-tool-column-fixed-item",
+                    { "is-active": d.fixed === "right" }
+                  ]),
+                  onClick: ($event) => handleFixedRight(d),
+                  onMouseover: handleFixedRightTooltip
+                }, [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(icons.VerticalLeftOutlined))
+                    ]),
+                    _: 1
+                  })
+                ], 42, _hoisted_7)
+              ])) : vue.createCommentVNode("", true),
+              __props.allowWidth ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                vue.createVNode(vue.unref(elementPlus.ElInput), {
+                  size: "small",
+                  maxlength: 12,
+                  modelValue: d.width,
+                  placeholder: __props.columnWidthPlaceholder,
+                  "onUpdate:modelValue": (v) => handleColWidthChange(d, v)
+                }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            d.children && d.children.length ? (vue.openBlock(), vue.createBlock(_component_ToolColumnList, {
+              key: 0,
+              data: d.children,
+              parent: d,
+              sortable: __props.sortable,
+              allowWidth: __props.allowWidth,
+              columnWidthPlaceholder: __props.columnWidthPlaceholder,
+              onSortChange: handleChildSortChange,
+              onCheckedChange: handleCheckedChange,
+              onFixedLeft: handleFixedLeft,
+              onFixedRight: handleFixedRight,
+              onFixedLeftTooltip: handleChildFixedLeftTooltip,
+              onFixedRightTooltip: handleChildFixedRightTooltip,
+              onColWidthChange: handleColWidthChange
+            }, null, 8, ["data", "parent", "sortable", "allowWidth", "columnWidthPlaceholder"])) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-tool-column-item" };
-const _hoisted_2 = { class: "ele-tool-column-item-body" };
-const _hoisted_3 = {
-  key: 0,
-  class: "ele-tool-column-handle"
-};
-const _hoisted_4 = { class: "ele-tool-column-label" };
-const _hoisted_5 = {
-  key: 1,
-  class: "ele-tool-column-fixed"
-};
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = {
-  key: 2,
-  class: "ele-tool-column-input"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_HolderOutlined = vue.resolveComponent("HolderOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
-  const _component_VerticalRightOutlined = vue.resolveComponent("VerticalRightOutlined");
-  const _component_VerticalLeftOutlined = vue.resolveComponent("VerticalLeftOutlined");
-  const _component_ElInput = vue.resolveComponent("ElInput");
-  const _component_ToolColumnList = vue.resolveComponent("ToolColumnList", true);
-  const _component_VueDraggable = vue.resolveComponent("VueDraggable");
-  return vue.openBlock(), vue.createBlock(_component_VueDraggable, {
-    itemKey: "uid",
-    animation: 300,
-    modelValue: _ctx.data,
-    setData: () => void 0,
-    handle: ".ele-tool-column-handle",
-    componentData: { class: "ele-tool-column-list" },
-    forceFallback: true,
-    "onUpdate:modelValue": _ctx.handleSortChange
-  }, {
-    item: vue.withCtx(({ element: d }) => [
-      vue.createElementVNode("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          _ctx.sortable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            vue.createVNode(_component_ElIcon, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_HolderOutlined)
-              ]),
-              _: 1
-            })
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4, [
-            vue.createVNode(_component_ElCheckbox, {
-              label: d.label,
-              modelValue: d.checked,
-              "onUpdate:modelValue": (v) => _ctx.handleCheckedChange(d, v)
-            }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
-          ]),
-          _ctx.allowFixed ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-                "ele-tool-column-fixed-item",
-                { "is-active": d.fixed === true || d.fixed === "left" }
-              ]),
-              onClick: ($event) => _ctx.handleFixedLeft(d),
-              onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.handleFixedLeftTooltip && _ctx.handleFixedLeftTooltip(...args))
-            }, [
-              vue.createVNode(_component_ElIcon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_VerticalRightOutlined)
-                ]),
-                _: 1
-              })
-            ], 42, _hoisted_6),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-                "ele-tool-column-fixed-item",
-                { "is-active": d.fixed === "right" }
-              ]),
-              onClick: ($event) => _ctx.handleFixedRight(d),
-              onMouseover: _cache[1] || (_cache[1] = (...args) => _ctx.handleFixedRightTooltip && _ctx.handleFixedRightTooltip(...args))
-            }, [
-              vue.createVNode(_component_ElIcon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_VerticalLeftOutlined)
-                ]),
-                _: 1
-              })
-            ], 42, _hoisted_7)
-          ])) : vue.createCommentVNode("", true),
-          _ctx.allowWidth ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            vue.createVNode(_component_ElInput, {
-              size: "small",
-              maxlength: 12,
-              modelValue: d.width,
-              placeholder: _ctx.columnWidthPlaceholder,
-              "onUpdate:modelValue": (v) => _ctx.handleColWidthChange(d, v)
-            }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        d.children && d.children.length ? (vue.openBlock(), vue.createBlock(_component_ToolColumnList, {
-          key: 0,
-          data: d.children,
-          parent: d,
-          sortable: _ctx.sortable,
-          allowWidth: _ctx.allowWidth,
-          columnWidthPlaceholder: _ctx.columnWidthPlaceholder,
-          onSortChange: _ctx.handleChildSortChange,
-          onCheckedChange: _ctx.handleCheckedChange,
-          onFixedLeft: _ctx.handleFixedLeft,
-          onFixedRight: _ctx.handleFixedRight,
-          onFixedLeftTooltip: _ctx.handleChildFixedLeftTooltip,
-          onFixedRightTooltip: _ctx.handleChildFixedRightTooltip,
-          onColWidthChange: _ctx.handleColWidthChange
-        }, null, 8, ["data", "parent", "sortable", "allowWidth", "columnWidthPlaceholder", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip", "onColWidthChange"])) : vue.createCommentVNode("", true)
-      ])
-    ]),
-    _: 1
-  }, 8, ["modelValue", "onUpdate:modelValue"]);
-}
-const toolColumnList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = toolColumnList;
+module.exports = _sfc_main;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { ColItem } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
     /** 父级数据 */
@@ -14,25 +14,14 @@ declare const _default: import('vue').DefineComponent<{
     allowWidth: BooleanConstructor;
     /** 列宽输入框提示文本 */
     columnWidthPlaceholder: StringConstructor;
-}, {
-    handleSortChange: (colItems: ColItem[]) => void;
-    handleCheckedChange: (colItem: ColItem, checked: boolean) => void;
-    handleFixedLeft: (colItem: ColItem) => void;
-    handleFixedRight: (colItem: ColItem) => void;
-    handleFixedLeftTooltip: (e: MouseEvent) => void;
-    handleFixedRightTooltip: (e: MouseEvent) => void;
-    handleChildSortChange: (colItems: ColItem[], parent?: ColItem) => void;
-    handleChildFixedLeftTooltip: (el: HTMLElement) => void;
-    handleChildFixedRightTooltip: (el: HTMLElement) => void;
-    handleColWidthChange: (item: ColItem, width?: string) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    sortChange: (_colItems: ColItem[], _parent?: ColItem) => true;
-    checkedChange: (_item: ColItem, _checked: boolean) => true;
-    fixedLeft: (_item: ColItem) => true;
-    fixedRight: (_item: ColItem) => true;
-    fixedLeftTooltip: (_el: HTMLElement) => true;
-    fixedRightTooltip: (_el: HTMLElement) => true;
-    colWidthChange: (_item: ColItem, _width?: string | number) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sortChange: (_colItems: ColItem[], _parent?: ColItem | undefined) => void;
+    checkedChange: (_item: ColItem, _checked: boolean) => void;
+    fixedLeft: (_item: ColItem) => void;
+    fixedRight: (_item: ColItem) => void;
+    fixedLeftTooltip: (_el: HTMLElement) => void;
+    fixedRightTooltip: (_el: HTMLElement) => void;
+    colWidthChange: (_item: ColItem, _width?: string | number | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
@@ -46,7 +35,7 @@ declare const _default: import('vue').DefineComponent<{
     allowWidth: BooleanConstructor;
     /** 列宽输入框提示文本 */
     columnWidthPlaceholder: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onSortChange?: ((_colItems: ColItem[], _parent?: ColItem | undefined) => any) | undefined;
     onCheckedChange?: ((_item: ColItem, _checked: boolean) => any) | undefined;
     onFixedLeft?: ((_item: ColItem) => any) | undefined;
@@ -54,9 +43,9 @@ declare const _default: import('vue').DefineComponent<{
     onFixedLeftTooltip?: ((_el: HTMLElement) => any) | undefined;
     onFixedRightTooltip?: ((_el: HTMLElement) => any) | undefined;
     onColWidthChange?: ((_item: ColItem, _width?: string | number | undefined) => any) | undefined;
-}, {
+}>, {
     sortable: boolean;
     allowFixed: boolean;
     allowWidth: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/ele-pro-table/components/tool-column.cjs

@@ -7,16 +7,11 @@ const EleTooltip = require("../../ele-tooltip/index");
 const EleTool = require("../../ele-tool/index");
 const util = require("../util");
 const ToolColumnList = require("./tool-column-list");
-const _sfc_main = vue.defineComponent({
-  name: "ToolColumn",
-  components: {
-    ElCheckbox: elementPlus.ElCheckbox,
-    ElIcon: elementPlus.ElIcon,
-    SettingOutlined: icons.SettingOutlined,
-    EleTooltip,
-    EleTool,
-    ToolColumnList
-  },
+const _hoisted_1 = { class: "ele-tool-column-header" };
+const _hoisted_2 = { class: "ele-tool-column-label" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ToolColumn" },
+  __name: "tool-column",
   props: {
     /** 提示位置 */
     placement: String,
@@ -37,7 +32,9 @@ const _sfc_main = vue.defineComponent({
   emits: {
     "update:columns": (_columns, _tableColumns, _isReset) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const toolRef = vue.ref(null);
     const colItems = vue.ref([]);
     const isCheckAll = vue.ref(false);
@@ -173,107 +170,78 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
-    return {
-      toolRef,
-      colItems,
-      isCheckAll,
-      isIndeterminate,
-      handleCheckedChange,
-      handleCheckAllChange,
-      handleReset,
-      handleSortChange,
-      handleFixedLeft,
-      handleFixedRight,
-      handleFixedLeftTooltip,
-      handleFixedRightTooltip
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-tool-column-header" };
-const _hoisted_2 = { class: "ele-tool-column-label" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SettingOutlined = vue.resolveComponent("SettingOutlined");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
-  const _component_ToolColumnList = vue.resolveComponent("ToolColumnList");
-  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
-  const _component_EleTool = vue.resolveComponent("EleTool");
-  return vue.openBlock(), vue.createBlock(_component_EleTool, {
-    ref: "toolRef",
-    title: _ctx.locale.columns,
-    placement: _ctx.placement,
-    clickHideTooltip: true
-  }, {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_EleTooltip, {
-        trigger: "click",
-        placement: "bottom-end",
-        popperClass: "ele-tool-column-popover",
-        transition: "el-zoom-in-top",
-        gpuAcceleration: false,
-        effect: "light",
-        isPopover: true,
-        popperOptions: {
-          strategy: "fixed",
-          modifiers: [{ name: "offset", options: { offset: [20, 10] } }]
-        }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleTool, {
+        ref_key: "toolRef",
+        ref: toolRef,
+        title: __props.locale.columns,
+        placement: __props.placement,
+        clickHideTooltip: true
       }, {
-        body: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([
-              "ele-popover-body",
-              "ele-tool-column",
-              { "is-sortable": _ctx.sortable }
-            ])
-          }, [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createVNode(_component_ElCheckbox, {
-                  label: _ctx.locale.columnTitle,
-                  modelValue: _ctx.isCheckAll,
-                  indeterminate: _ctx.isIndeterminate,
-                  "onUpdate:modelValue": _ctx.handleCheckAllChange
-                }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
-              ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(EleTooltip, {
+            trigger: "click",
+            placement: "bottom-end",
+            popperClass: "ele-tool-column-popover",
+            transition: "el-zoom-in-top",
+            gpuAcceleration: false,
+            effect: "light",
+            isPopover: true,
+            popperOptions: {
+              strategy: "fixed",
+              modifiers: [{ name: "offset", options: { offset: [20, 10] } }]
+            }
+          }, {
+            body: vue.withCtx(() => [
               vue.createElementVNode("div", {
-                class: "ele-tool-column-link",
-                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-              }, vue.toDisplayString(_ctx.locale.columnReset), 1)
+                class: vue.normalizeClass([
+                  "ele-popover-body",
+                  "ele-tool-column",
+                  { "is-sortable": __props.sortable }
+                ])
+              }, [
+                vue.createElementVNode("div", _hoisted_1, [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(vue.unref(elementPlus.ElCheckbox), {
+                      label: __props.locale.columnTitle,
+                      modelValue: isCheckAll.value,
+                      indeterminate: isIndeterminate.value,
+                      "onUpdate:modelValue": handleCheckAllChange
+                    }, null, 8, ["label", "modelValue", "indeterminate"])
+                  ]),
+                  vue.createElementVNode("div", {
+                    class: "ele-tool-column-link",
+                    onClick: handleReset
+                  }, vue.toDisplayString(__props.locale.columnReset), 1)
+                ]),
+                colItems.value.length ? (vue.openBlock(), vue.createBlock(ToolColumnList, {
+                  key: 0,
+                  data: colItems.value,
+                  sortable: __props.sortable,
+                  allowFixed: __props.allowFixed,
+                  onSortChange: handleSortChange,
+                  onCheckedChange: handleCheckedChange,
+                  onFixedLeft: handleFixedLeft,
+                  onFixedRight: handleFixedRight,
+                  onFixedLeftTooltip: handleFixedLeftTooltip,
+                  onFixedRightTooltip: handleFixedRightTooltip
+                }, null, 8, ["data", "sortable", "allowFixed"])) : vue.createCommentVNode("", true)
+              ], 2)
             ]),
-            _ctx.colItems.length ? (vue.openBlock(), vue.createBlock(_component_ToolColumnList, {
-              key: 0,
-              data: _ctx.colItems,
-              sortable: _ctx.sortable,
-              allowFixed: _ctx.allowFixed,
-              onSortChange: _ctx.handleSortChange,
-              onCheckedChange: _ctx.handleCheckedChange,
-              onFixedLeft: _ctx.handleFixedLeft,
-              onFixedRight: _ctx.handleFixedRight,
-              onFixedLeftTooltip: _ctx.handleFixedLeftTooltip,
-              onFixedRightTooltip: _ctx.handleFixedRightTooltip
-            }, null, 8, ["data", "sortable", "allowFixed", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip"])) : vue.createCommentVNode("", true)
-          ], 2)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_ElIcon, null, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_SettingOutlined)
+              vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(icons.SettingOutlined))
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           })
         ]),
         _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["title", "placement"]);
-}
-const toolColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = toolColumn;
+      }, 8, ["title", "placement"]);
+    };
+  }
+});
+module.exports = _sfc_main;