ele-admin-plus 1.2.0 → 1.2.1-beta.2

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

@@ -31,43 +31,43 @@ const _sfc_main = defineComponent({
     fixedRightTooltip: (_el) => true
   },
   setup(props, { emit }) {
-    const onSortChange = (colItems) => {
-      onChildSortChange(colItems, props.parent);
+    const handleSortChange = (colItems) => {
+      handleChildSortChange(colItems, props.parent);
     };
-    const onCheckedChange = (colItem, checked) => {
+    const handleCheckedChange = (colItem, checked) => {
       emit("checkedChange", colItem, checked);
     };
-    const onFixedLeft = (colItem) => {
+    const handleFixedLeft = (colItem) => {
       emit("fixedLeft", colItem);
     };
-    const onFixedRight = (colItem) => {
+    const handleFixedRight = (colItem) => {
       emit("fixedRight", colItem);
     };
-    const onFixedLeftTooltip = (e) => {
-      onChildFixedLeftTooltip(e.currentTarget);
+    const handleFixedLeftTooltip = (e) => {
+      handleChildFixedLeftTooltip(e.currentTarget);
     };
-    const onFixedRightTooltip = (e) => {
-      onChildFixedRightTooltip(e.currentTarget);
+    const handleFixedRightTooltip = (e) => {
+      handleChildFixedRightTooltip(e.currentTarget);
     };
-    const onChildSortChange = (colItems, parent) => {
+    const handleChildSortChange = (colItems, parent) => {
       emit("sortChange", colItems, parent);
     };
-    const onChildFixedLeftTooltip = (el) => {
+    const handleChildFixedLeftTooltip = (el) => {
       emit("fixedLeftTooltip", el);
     };
-    const onChildFixedRightTooltip = (el) => {
+    const handleChildFixedRightTooltip = (el) => {
       emit("fixedRightTooltip", el);
     };
     return {
-      onSortChange,
-      onCheckedChange,
-      onFixedLeft,
-      onFixedRight,
-      onFixedLeftTooltip,
-      onFixedRightTooltip,
-      onChildSortChange,
-      onChildFixedLeftTooltip,
-      onChildFixedRightTooltip
+      handleSortChange,
+      handleCheckedChange,
+      handleFixedLeft,
+      handleFixedRight,
+      handleFixedLeftTooltip,
+      handleFixedRightTooltip,
+      handleChildSortChange,
+      handleChildFixedLeftTooltip,
+      handleChildFixedRightTooltip
     };
   }
 });
@@ -107,7 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     handle: ".ele-tool-column-handle",
     componentData: { class: "ele-tool-column-list" },
     forceFallback: true,
-    "onUpdate:modelValue": _ctx.onSortChange
+    "onUpdate:modelValue": _ctx.handleSortChange
   }, {
     item: withCtx(({ element: d }) => [
       createElementVNode("div", _hoisted_1, [
@@ -124,7 +124,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_ElCheckbox, {
               label: d.label,
               modelValue: d.checked,
-              "onUpdate:modelValue": (v) => _ctx.onCheckedChange(d, v)
+              "onUpdate:modelValue": (v) => _ctx.handleCheckedChange(d, v)
             }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
           ]),
           _ctx.allowFixed ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -133,8 +133,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 "ele-tool-column-fixed-item",
                 { "is-active": d.fixed === true || d.fixed === "left" }
               ]),
-              onClick: ($event) => _ctx.onFixedLeft(d),
-              onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.onFixedLeftTooltip && _ctx.onFixedLeftTooltip(...args))
+              onClick: ($event) => _ctx.handleFixedLeft(d),
+              onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.handleFixedLeftTooltip && _ctx.handleFixedLeftTooltip(...args))
             }, [
               createVNode(_component_ElIcon, null, {
                 default: withCtx(() => [
@@ -148,8 +148,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 "ele-tool-column-fixed-item",
                 { "is-active": d.fixed === "right" }
               ]),
-              onClick: ($event) => _ctx.onFixedRight(d),
-              onMouseover: _cache[1] || (_cache[1] = (...args) => _ctx.onFixedRightTooltip && _ctx.onFixedRightTooltip(...args))
+              onClick: ($event) => _ctx.handleFixedRight(d),
+              onMouseover: _cache[1] || (_cache[1] = (...args) => _ctx.handleFixedRightTooltip && _ctx.handleFixedRightTooltip(...args))
             }, [
               createVNode(_component_ElIcon, null, {
                 default: withCtx(() => [
@@ -165,12 +165,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           data: d.children,
           parent: d,
           sortable: _ctx.sortable,
-          onSortChange: _ctx.onChildSortChange,
-          onCheckedChange: _ctx.onCheckedChange,
-          onFixedLeft: _ctx.onFixedLeft,
-          onFixedRight: _ctx.onFixedRight,
-          onFixedLeftTooltip: _ctx.onChildFixedLeftTooltip,
-          onFixedRightTooltip: _ctx.onChildFixedRightTooltip
+          onSortChange: _ctx.handleChildSortChange,
+          onCheckedChange: _ctx.handleCheckedChange,
+          onFixedLeft: _ctx.handleFixedLeft,
+          onFixedRight: _ctx.handleFixedRight,
+          onFixedLeftTooltip: _ctx.handleChildFixedLeftTooltip,
+          onFixedRightTooltip: _ctx.handleChildFixedRightTooltip
         }, null, 8, ["data", "parent", "sortable", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip"])) : createCommentVNode("", true)
       ])
     ]),

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

@@ -1,22 +1,16 @@
 import { PropType } from 'vue';
+import { EleToolInstance } from '../../ele-app/plus';
 import { Columns } from '../../ele-data-table/types';
-import { ColItem } from '../types';
+import { ColItem, TableLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
-    /** 提示文字 */
-    title: StringConstructor;
     /** 提示位置 */
     placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
-    /** 全选文字 */
-    checkAllText: StringConstructor;
-    /** 重置文字 */
-    resetText: StringConstructor;
-    /** 无标题列文字 */
-    untitledText: StringConstructor;
-    /** 固定在左侧文字 */
-    fixedLeftText: StringConstructor;
-    /** 固定在右侧文字 */
-    fixedRightText: StringConstructor;
+    /** 表格国际化 */
+    locale: {
+        type: PropType<TableLocale>;
+        required: true;
+    };
     /** 列数据 */
     columns: PropType<Columns>;
     /** 是否开启列拖拽排序 */
@@ -26,7 +20,8 @@ declare const _default: import('vue').DefineComponent<{
     /** 列配置缓存本地的名称 */
     cacheKey: StringConstructor;
 }, {
-    data: import('vue').Ref<{
+    toolRef: import('vue').Ref<EleToolInstance>;
+    colItems: import('vue').Ref<{
         uid: string;
         label?: string | undefined;
         checked?: boolean | undefined;
@@ -36,33 +31,24 @@ declare const _default: import('vue').DefineComponent<{
     }[]>;
     isCheckAll: import('vue').Ref<boolean>;
     isIndeterminate: import('vue').Ref<boolean>;
-    tooltipContent: import('vue').Ref<string>;
-    virtualRef: import('vue').Ref<any>;
-    onCheckedChange: (item: ColItem, checked: boolean) => void;
-    onCheckAllChange: (checked: boolean) => void;
-    onReset: () => void;
-    onSortChange: (colItems: ColItem[], parent?: ColItem) => void;
-    onFixedLeft: (colItem: ColItem) => void;
-    onFixedRight: (colItem: ColItem) => void;
-    onFixedLeftTooltip: (el: HTMLElement) => void;
-    onFixedRightTooltip: (el: HTMLElement) => void;
+    handleCheckedChange: (item: ColItem, checked: boolean) => void;
+    handleCheckAllChange: (checked: boolean) => void;
+    handleReset: () => void;
+    handleSortChange: (items: ColItem[], parent?: ColItem) => void;
+    handleFixedLeft: (colItem: ColItem) => void;
+    handleFixedRight: (colItem: ColItem) => void;
+    handleFixedLeftTooltip: (el: HTMLElement) => void;
+    handleFixedRightTooltip: (el: HTMLElement) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:columns': (_columns: Columns) => true;
+    'update:columns': (_columns: Columns, _tableColumns: Columns) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 提示文字 */
-    title: StringConstructor;
     /** 提示位置 */
     placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
-    /** 全选文字 */
-    checkAllText: StringConstructor;
-    /** 重置文字 */
-    resetText: StringConstructor;
-    /** 无标题列文字 */
-    untitledText: StringConstructor;
-    /** 固定在左侧文字 */
-    fixedLeftText: StringConstructor;
-    /** 固定在右侧文字 */
-    fixedRightText: StringConstructor;
+    /** 表格国际化 */
+    locale: {
+        type: PropType<TableLocale>;
+        required: true;
+    };
     /** 列数据 */
     columns: PropType<Columns>;
     /** 是否开启列拖拽排序 */
@@ -72,7 +58,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 列配置缓存本地的名称 */
     cacheKey: StringConstructor;
 }>> & {
-    "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;
+    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns) => any) | undefined;
 }, {
     sortable: boolean;
     allowFixed: boolean;

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

@@ -4,33 +4,26 @@ import { SettingOutlined } from "../../icons";
 import { eachTree } from "../../utils/core";
 import EleTooltip from "../../ele-tooltip/index";
 import EleTool from "../../ele-tool/index";
-import { getSettingCols, getCheckedColumns, getColsCacheKey } from "../util";
+import { getColItems, columnsSettingFilter, getCacheCols, getCheckedColumns, getColsCacheKey } from "../util";
 import ToolColumnList from "./tool-column-list";
 const _sfc_main = defineComponent({
   name: "ToolColumn",
   components: {
     ElCheckbox,
     ElIcon,
-    EleTooltip,
     SettingOutlined,
+    EleTooltip,
     EleTool,
     ToolColumnList
   },
   props: {
-    /** 提示文字 */
-    title: String,
     /** 提示位置 */
     placement: String,
-    /** 全选文字 */
-    checkAllText: String,
-    /** 重置文字 */
-    resetText: String,
-    /** 无标题列文字 */
-    untitledText: String,
-    /** 固定在左侧文字 */
-    fixedLeftText: String,
-    /** 固定在右侧文字 */
-    fixedRightText: String,
+    /** 表格国际化 */
+    locale: {
+      type: Object,
+      required: true
+    },
     /** 列数据 */
     columns: Array,
     /** 是否开启列拖拽排序 */
@@ -41,50 +34,46 @@ const _sfc_main = defineComponent({
     cacheKey: String
   },
   emits: {
-    "update:columns": (_columns) => true
+    "update:columns": (_columns, _tableColumns) => true
   },
   setup(props, { emit }) {
-    const data = ref([]);
+    const toolRef = ref(null);
+    const colItems = ref([]);
     const isCheckAll = ref(false);
     const isIndeterminate = ref(false);
-    const tooltipContent = ref("");
-    const virtualRef = ref();
-    const initData = () => {
-      const cols = getSettingCols(
+    const initColItems = () => {
+      const { cols, checkAll, indeterminate } = getColItems(
         props.columns,
-        props.untitledText,
-        props.cacheKey
+        props.locale,
+        columnsSettingFilter,
+        getCacheCols(props.cacheKey)
       );
-      data.value = cols;
-      let checkAll = true;
-      let indeterminate = false;
-      eachTree(data.value, (d) => {
-        if (!d.checked && checkAll) {
-          checkAll = false;
-        }
-        if (d.checked && !indeterminate) {
-          indeterminate = true;
-        }
-        if (!checkAll && indeterminate) {
-          return false;
-        }
-      });
-      isCheckAll.value = data.value.length > 0 && checkAll;
-      isIndeterminate.value = !checkAll && indeterminate;
+      colItems.value = cols;
+      isCheckAll.value = checkAll;
+      isIndeterminate.value = indeterminate;
     };
     const updateColumns = () => {
       const columns = getCheckedColumns(
         props.columns,
-        data.value,
-        props.sortable
+        colItems.value,
+        props.sortable,
+        (item) => item.hideInSetting
       );
-      emit("update:columns", columns);
+      const tableColumns = getCheckedColumns(
+        props.columns,
+        colItems.value,
+        props.sortable,
+        (item) => item.hideInSetting,
+        void 0,
+        true
+      );
+      emit("update:columns", columns, tableColumns);
     };
     const cacheSettingCols = () => {
       if (props.cacheKey) {
         localStorage.setItem(
           getColsCacheKey(props.cacheKey),
-          JSON.stringify(data.value)
+          JSON.stringify(colItems.value)
         );
       }
     };
@@ -93,10 +82,10 @@ const _sfc_main = defineComponent({
         localStorage.removeItem(getColsCacheKey(props.cacheKey));
       }
     };
-    const onCheckedChange = (item, checked) => {
+    const handleCheckedChange = (item, checked) => {
       let checkAll = true;
       let indeterminate = false;
-      eachTree(data.value, (d) => {
+      eachTree(colItems.value, (d) => {
         if (d.uid === item.uid) {
           d.checked = checked;
         }
@@ -110,15 +99,15 @@ const _sfc_main = defineComponent({
           return false;
         }
       });
-      isCheckAll.value = data.value.length > 0 && checkAll;
+      isCheckAll.value = colItems.value.length > 0 && checkAll;
       isIndeterminate.value = !checkAll && indeterminate;
       cacheSettingCols();
       updateColumns();
     };
-    const onCheckAllChange = (checked) => {
+    const handleCheckAllChange = (checked) => {
       isCheckAll.value = checked;
       isIndeterminate.value = false;
-      eachTree(data.value, (d) => {
+      eachTree(colItems.value, (d) => {
         if (d.checked !== checked) {
           d.checked = checked;
         }
@@ -126,18 +115,13 @@ const _sfc_main = defineComponent({
       cacheSettingCols();
       updateColumns();
     };
-    const onReset = () => {
-      cleanSettingCols();
-      initData();
-      updateColumns();
-    };
-    const onSortChange = (colItems, parent) => {
+    const handleSortChange = (items, parent) => {
       if (!parent) {
-        data.value = colItems;
+        colItems.value = items;
       } else {
-        eachTree(data.value, (d) => {
+        eachTree(colItems.value, (d) => {
           if (d.uid === parent.uid) {
-            d.children = colItems;
+            d.children = items;
             return false;
           }
         });
@@ -145,8 +129,8 @@ const _sfc_main = defineComponent({
       cacheSettingCols();
       updateColumns();
     };
-    const onFixedLeft = (colItem) => {
-      eachTree(data.value, (d) => {
+    const handleFixedLeft = (colItem) => {
+      eachTree(colItems.value, (d) => {
         if (d.uid === colItem.uid) {
           d.fixed = d.fixed === true || d.fixed === "left" ? false : "left";
           return false;
@@ -155,8 +139,8 @@ const _sfc_main = defineComponent({
       cacheSettingCols();
       updateColumns();
     };
-    const onFixedRight = (colItem) => {
-      eachTree(data.value, (d) => {
+    const handleFixedRight = (colItem) => {
+      eachTree(colItems.value, (d) => {
         if (d.uid === colItem.uid) {
           d.fixed = d.fixed === "right" ? false : "right";
           return false;
@@ -165,35 +149,37 @@ const _sfc_main = defineComponent({
       cacheSettingCols();
       updateColumns();
     };
-    const onFixedLeftTooltip = (el) => {
-      virtualRef.value = el;
-      tooltipContent.value = props.fixedLeftText ?? "";
+    const handleFixedLeftTooltip = (el) => {
+      toolRef.value && toolRef.value.showTooltip(props.locale.columnFixedLeft ?? "", el);
+    };
+    const handleFixedRightTooltip = (el) => {
+      toolRef.value && toolRef.value.showTooltip(props.locale.columnFixedRight ?? "", el);
     };
-    const onFixedRightTooltip = (el) => {
-      virtualRef.value = el;
-      tooltipContent.value = props.fixedRightText ?? "";
+    const handleReset = () => {
+      cleanSettingCols();
+      initColItems();
+      updateColumns();
     };
     watch(
-      [() => props.columns, () => props.untitledText],
+      [() => props.columns, () => props.locale],
       () => {
-        initData();
+        initColItems();
       },
       { immediate: true, deep: true }
     );
     return {
-      data,
+      toolRef,
+      colItems,
       isCheckAll,
       isIndeterminate,
-      tooltipContent,
-      virtualRef,
-      onCheckedChange,
-      onCheckAllChange,
-      onReset,
-      onSortChange,
-      onFixedLeft,
-      onFixedRight,
-      onFixedLeftTooltip,
-      onFixedRightTooltip
+      handleCheckedChange,
+      handleCheckAllChange,
+      handleReset,
+      handleSortChange,
+      handleFixedLeft,
+      handleFixedRight,
+      handleFixedLeftTooltip,
+      handleFixedRightTooltip
     };
   }
 });
@@ -214,7 +200,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleTooltip = resolveComponent("EleTooltip");
   const _component_EleTool = resolveComponent("EleTool");
   return openBlock(), createBlock(_component_EleTool, {
-    title: _ctx.title,
+    ref: "toolRef",
+    title: _ctx.locale.columns,
     placement: _ctx.placement
   }, {
     default: withCtx(() => [
@@ -242,39 +229,30 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 createVNode(_component_ElCheckbox, {
-                  label: _ctx.checkAllText,
+                  label: _ctx.locale.columnTitle,
                   modelValue: _ctx.isCheckAll,
                   indeterminate: _ctx.isIndeterminate,
-                  "onUpdate:modelValue": _ctx.onCheckAllChange
+                  "onUpdate:modelValue": _ctx.handleCheckAllChange
                 }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
               ]),
               createElementVNode("div", {
                 class: "ele-tool-column-link",
-                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onReset && _ctx.onReset(...args))
-              }, toDisplayString(_ctx.resetText), 1)
+                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
+              }, toDisplayString(_ctx.locale.columnReset), 1)
             ]),
-            _ctx.data.length ? (openBlock(), createBlock(_component_ToolColumnList, {
+            _ctx.colItems.length ? (openBlock(), createBlock(_component_ToolColumnList, {
               key: 0,
-              data: _ctx.data,
+              data: _ctx.colItems,
               sortable: _ctx.sortable,
               allowFixed: _ctx.allowFixed,
-              onSortChange: _ctx.onSortChange,
-              onCheckedChange: _ctx.onCheckedChange,
-              onFixedLeft: _ctx.onFixedLeft,
-              onFixedRight: _ctx.onFixedRight,
-              onFixedLeftTooltip: _ctx.onFixedLeftTooltip,
-              onFixedRightTooltip: _ctx.onFixedRightTooltip
+              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"])) : createCommentVNode("", true)
-          ], 2),
-          createVNode(_component_EleTooltip, {
-            trigger: "hover",
-            placement: "top",
-            teleported: false,
-            persistent: false,
-            virtualTriggering: true,
-            virtualRef: _ctx.virtualRef,
-            content: _ctx.tooltipContent
-          }, null, 8, ["virtualRef", "content"])
+          ], 2)
         ]),
         default: withCtx(() => [
           createVNode(_component_ElIcon, null, {

package/es/ele-pro-table/components/tool-export.d.ts

@@ -84,10 +84,10 @@ declare const _default: import('vue').DefineComponent<{
     openModal: () => void;
     closeModal: () => void;
     handleExport: () => void;
-    onCheckedChange: (item?: ColItem, checked?: boolean, type?: string) => void;
-    onSortChange: (items: ColItem[], parent?: ColItem) => void;
-    onCheckAllChange: (checked: boolean) => void;
-    onReset: () => void;
+    handleCheckedChange: (item?: ColItem, checked?: boolean, type?: string) => void;
+    handleSortChange: (items: ColItem[], parent?: ColItem) => void;
+    handleCheckAllChange: (checked: boolean) => void;
+    handleReset: () => void;
     handleTreeIndexChange: (checked?: boolean | string | number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 提示位置 */

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

@@ -110,6 +110,7 @@ const _sfc_main = defineComponent({
         props.columns,
         colItems.value,
         true,
+        (item) => item.hideInExport,
         columnsExportFilter
       );
       const { headerData, bodyData, footerData, bodyCols } = getExportData(
@@ -177,32 +178,19 @@ const _sfc_main = defineComponent({
       });
     };
     const initColItems = () => {
-      colItems.value = getColItems(
+      const { cols, checkAll, indeterminate } = getColItems(
         props.columns,
-        props.locale.columnUntitled,
-        props.locale.columnIndex,
-        props.locale.columnExpand,
+        props.locale,
         columnsExportFilter,
+        void 0,
         true,
         true
       );
-      let checkAll = true;
-      let indeterminate = false;
-      eachTree(colItems.value, (d) => {
-        if (!d.checked && checkAll) {
-          checkAll = false;
-        }
-        if (d.checked && !indeterminate) {
-          indeterminate = true;
-        }
-        if (!checkAll && indeterminate) {
-          return false;
-        }
-      });
-      isCheckAll.value = colItems.value.length > 0 && checkAll;
-      isIndeterminate.value = !checkAll && indeterminate;
+      colItems.value = cols;
+      isCheckAll.value = checkAll;
+      isIndeterminate.value = indeterminate;
     };
-    const onCheckedChange = (item, checked, type) => {
+    const handleCheckedChange = (item, checked, type) => {
       let checkAll = true;
       let indeterminate = false;
       eachTree(colItems.value, (d) => {
@@ -223,7 +211,16 @@ const _sfc_main = defineComponent({
       isCheckAll.value = colItems.value.length > 0 && checkAll;
       isIndeterminate.value = !checkAll && indeterminate;
     };
-    const onSortChange = (items, parent) => {
+    const handleCheckAllChange = (checked) => {
+      isCheckAll.value = checked;
+      isIndeterminate.value = false;
+      eachTree(colItems.value, (d) => {
+        if (d.checked !== checked) {
+          d.checked = checked;
+        }
+      });
+    };
+    const handleSortChange = (items, parent) => {
       if (!parent) {
         colItems.value = items;
       } else {
@@ -235,21 +232,12 @@ const _sfc_main = defineComponent({
         });
       }
     };
-    const onCheckAllChange = (checked) => {
-      isCheckAll.value = checked;
-      isIndeterminate.value = false;
-      eachTree(colItems.value, (d) => {
-        if (d.checked !== checked) {
-          d.checked = checked;
-        }
-      });
-    };
-    const onReset = () => {
+    const handleReset = () => {
       initColItems();
     };
     const handleTreeIndexChange = (checked) => {
       if (checked) {
-        onCheckedChange(void 0, false, "index");
+        handleCheckedChange(void 0, false, "index");
       }
     };
     watch(visible, (visible2) => {
@@ -298,10 +286,10 @@ const _sfc_main = defineComponent({
       openModal,
       closeModal,
       handleExport,
-      onCheckedChange,
-      onSortChange,
-      onCheckAllChange,
-      onReset,
+      handleCheckedChange,
+      handleSortChange,
+      handleCheckAllChange,
+      handleReset,
       handleTreeIndexChange
     };
   }
@@ -437,19 +425,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                           label: _ctx.locale.columnTitle,
                           modelValue: _ctx.isCheckAll,
                           indeterminate: _ctx.isIndeterminate,
-                          "onUpdate:modelValue": _ctx.onCheckAllChange
+                          "onUpdate:modelValue": _ctx.handleCheckAllChange
                         }, null, 8, ["label", "modelValue", "indeterminate", "onUpdate:modelValue"])
                       ]),
                       createElementVNode("div", {
                         class: "ele-tool-column-link",
-                        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onReset && _ctx.onReset(...args))
+                        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
                       }, toDisplayString(_ctx.locale.columnReset), 1)
                     ]),
                     createVNode(_component_ToolColumnList, {
                       data: _ctx.colItems,
                       sortable: true,
-                      onSortChange: _ctx.onSortChange,
-                      onCheckedChange: _ctx.onCheckedChange
+                      onSortChange: _ctx.handleSortChange,
+                      onCheckedChange: _ctx.handleCheckedChange
                     }, null, 8, ["data", "onSortChange", "onCheckedChange"])
                   ])
                 ]),