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

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

@@ -3,12 +3,9 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const index = require("../../icons/index");
 const EleDropdown = require("../../ele-dropdown/index");
-const receiver = require("../../ele-config-provider/receiver");
 const util = require("../util");
 const EleTool = require("../../ele-tool/index");
 const ToolColumn = require("./tool-column");
-const ToolExport = require("./tool-export");
-const ToolPrint = require("./tool-print");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "table-tools",
   props: {
@@ -30,44 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.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
     }
@@ -76,30 +36,29 @@ const _sfc_main = /* @__PURE__ */ vue.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 } = receiver.useLocale("table", props);
-    const toolExportRef = vue.ref(null);
-    const toolPrintRef = vue.ref(null);
     const placement = vue.computed(() => props.maximized ? "bottom" : "top");
     const sizeDropdownItems = vue.computed(() => {
       return [
         {
-          title: lang.value.sizeLarge,
+          title: props.lang.sizeLarge,
           command: "large",
           icon: vue.markRaw(index.SizeSlackOutlined)
         },
         {
-          title: lang.value.sizeDefault,
+          title: props.lang.sizeDefault,
           command: "default",
           icon: vue.markRaw(index.SizeMiddleOutlined)
         },
         {
-          title: lang.value.sizeSmall,
+          title: props.lang.sizeSmall,
           command: "small",
           icon: vue.markRaw(index.SizeCompactOutlined)
         }
@@ -121,208 +80,119 @@ const _sfc_main = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock(vue.Fragment, 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,
-          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
-        }, 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", "tableStyle", "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$1) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-            tool === "reload" ? (vue.openBlock(), vue.createBlock(EleTool, {
-              key: index$1 + "-reload",
-              placement: placement.value,
-              title: vue.unref(lang).refresh,
-              onClick: reload
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index.ReloadOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["placement", "title"])) : tool === "export" ? (vue.openBlock(), vue.createBlock(EleTool, {
-              key: index$1 + "-export",
-              title: vue.unref(lang).export,
-              placement: placement.value,
-              clickHideTooltip: true,
-              onClick: openExportModal
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index.DownloadOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["title", "placement"])) : tool === "print" ? (vue.openBlock(), vue.createBlock(EleTool, {
-              key: index$1 + "-print",
-              title: vue.unref(lang).print,
-              placement: placement.value,
-              clickHideTooltip: true,
-              onClick: openPrintModal
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index.PrinterOutlined))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 2
-            }, 1032, ["title", "placement"])) : tool === "size" ? (vue.openBlock(), vue.createBlock(EleTool, {
-              key: index$1 + "-size",
-              placement: placement.value,
-              title: vue.unref(lang).sizes
-            }, {
-              default: vue.withCtx(() => [
-                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(vue.unref(elementPlus.ElIcon), null, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(index.ColumnHeightOutlined))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "items"])
-              ]),
-              _: 2
-            }, 1032, ["placement", "title"])) : tool === "columns" ? (vue.openBlock(), vue.createBlock(ToolColumn, {
-              key: index$1 + "-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$1 + "-maximized",
-              placement: placement.value,
-              title: vue.unref(lang).maximized,
-              clickHideTooltip: true,
-              onClick: toggleMaximized
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
-                  default: vue.withCtx(() => [
-                    __props.maximized ? (vue.openBlock(), vue.createBlock(vue.unref(index.FullscreenExitOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.FullscreenOutlined), { key: 1 }))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 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);
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tools, (tool, index$1) => {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          tool === "reload" ? (vue.openBlock(), vue.createBlock(EleTool, {
+            key: index$1 + "-reload",
+            placement: placement.value,
+            title: __props.lang.refresh,
+            onClick: reload
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.ReloadOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool === "export" ? (vue.openBlock(), vue.createBlock(EleTool, {
+            key: index$1 + "-export",
+            title: __props.lang.export,
+            placement: placement.value,
+            clickHideTooltip: true,
+            onClick: openExportModal
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { transform: "scale(1.1)", transformOrigin: "bottom" } }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.DownloadOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title", "placement"])) : tool === "print" ? (vue.openBlock(), vue.createBlock(EleTool, {
+            key: index$1 + "-print",
+            title: __props.lang.print,
+            placement: placement.value,
+            clickHideTooltip: true,
+            onClick: openPrintModal
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.PrinterOutlined))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title", "placement"])) : tool === "size" ? (vue.openBlock(), vue.createBlock(EleTool, {
+            key: index$1 + "-size",
+            placement: placement.value,
+            title: __props.lang.sizes
+          }, {
+            default: vue.withCtx(() => [
+              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(vue.unref(elementPlus.ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(index.ColumnHeightOutlined))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items"])
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool === "columns" ? (vue.openBlock(), vue.createBlock(ToolColumn, {
+            key: index$1 + "-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" ? (vue.openBlock(), vue.createBlock(EleTool, {
+            key: index$1 + "-maximized",
+            placement: placement.value,
+            title: __props.lang.maximized,
+            clickHideTooltip: true,
+            onClick: toggleMaximized
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  __props.maximized ? (vue.openBlock(), vue.createBlock(vue.unref(index.FullscreenExitOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.FullscreenOutlined), { key: 1 }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["placement", "title"])) : tool && !ownSlots.includes(tool) && _ctx.$slots[tool] ? vue.renderSlot(_ctx.$slots, tool, { key: 6 }) : vue.createCommentVNode("", true)
+        ], 64);
+      }), 256);
     };
   }
 });

package/lib/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/lib/ele-pro-table/components/tool-column-list.cjs

@@ -3,6 +3,7 @@ const vue = require("vue");
 const VueDraggable = require("vuedraggable");
 const elementPlus = require("element-plus");
 const index = require("../../icons/index");
+const hook = require("../../utils/hook");
 const _hoisted_1 = { class: "ele-tool-column-item" };
 const _hoisted_2 = { class: "ele-tool-column-item-body" };
 const _hoisted_3 = {
@@ -49,17 +50,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const handleSortChange = (colItems) => {
-      handleChildSortChange(colItems, props.parent);
-    };
-    const handleCheckedChange = (colItem, checked) => {
-      emit("checkedChange", colItem, checked);
-    };
-    const handleFixedLeft = (colItem) => {
-      emit("fixedLeft", colItem);
+    const modalItem = vue.inject(hook.modalItemContextKey, null);
+    const handleChildFixedLeftTooltip = (el) => {
+      emit("fixedLeftTooltip", el);
     };
-    const handleFixedRight = (colItem) => {
-      emit("fixedRight", colItem);
+    const handleChildFixedRightTooltip = (el) => {
+      emit("fixedRightTooltip", el);
     };
     const handleFixedLeftTooltip = (e) => {
       handleChildFixedLeftTooltip(e.currentTarget);
@@ -67,18 +63,32 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleFixedRightTooltip = (e) => {
       handleChildFixedRightTooltip(e.currentTarget);
     };
-    const handleChildSortChange = (colItems, parent) => {
-      emit("sortChange", colItems, parent);
+    const handleFixedLeft = (colItem) => {
+      if (modalItem?.label) {
+        emit("fixedLeft", colItem);
+      }
     };
-    const handleChildFixedLeftTooltip = (el) => {
-      emit("fixedLeftTooltip", el);
+    const handleFixedRight = (colItem) => {
+      if (modalItem?.label) {
+        emit("fixedRight", colItem);
+      }
     };
-    const handleChildFixedRightTooltip = (el) => {
-      emit("fixedRightTooltip", el);
+    const handleChildSortChange = (colItems, parent) => {
+      if (modalItem?.label) {
+        emit("sortChange", colItems, parent);
+      }
+    };
+    const handleCheckedChange = (colItem, checked) => {
+      if (modalItem?.label) {
+        emit("checkedChange", colItem, checked);
+      }
     };
     const handleColWidthChange = (item, width) => {
       emit("colWidthChange", item, width);
     };
+    const handleSortChange = (colItems) => {
+      handleChildSortChange(colItems, props.parent);
+    };
     return (_ctx, _cache) => {
       const _component_ToolColumnList = vue.resolveComponent("ToolColumnList", true);
       return vue.openBlock(), vue.createBlock(vue.unref(VueDraggable), {
@@ -111,10 +121,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ]),
               __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" }
-                  ]),
+                  class: vue.normalizeClass(["ele-tool-column-fixed-item", { "is-active": d.fixed === true || d.fixed === "left" }]),
                   onClick: ($event) => handleFixedLeft(d),
                   onMouseover: handleFixedLeftTooltip
                 }, [
@@ -126,10 +133,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   })
                 ], 42, _hoisted_6),
                 vue.createElementVNode("div", {
-                  class: vue.normalizeClass([
-                    "ele-tool-column-fixed-item",
-                    { "is-active": d.fixed === "right" }
-                  ]),
+                  class: vue.normalizeClass(["ele-tool-column-fixed-item", { "is-active": d.fixed === "right" }]),
                   onClick: ($event) => handleFixedRight(d),
                   onMouseover: handleFixedRightTooltip
                 }, [