ele-admin-plus 1.1.9-beta.8 → 1.1.9-beta.9

package/lib/ele-modal/style/index.scss

@@ -22,6 +22,7 @@
       position: relative;
       background: eleVar('modal', 'bg');
       border-radius: eleVar('modal', 'radius');
+      margin-bottom: eleVar('modal', 'mobile-space');
 
       & > .el-dialog__header,
       & > .el-dialog__footer {
@@ -105,52 +106,40 @@
 }
 
 /* 默认位置 */
-.ele-modal-center > .el-overlay-dialog > .el-dialog,
-.ele-modal-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-bottom > .el-overlay-dialog > .el-dialog,
-.ele-modal-left > .el-overlay-dialog > .el-dialog,
-.ele-modal-right > .el-overlay-dialog > .el-dialog,
-.ele-modal-left-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog,
-.ele-modal-right-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+.ele-modal-top > .el-overlay-dialog > .el-dialog {
   margin: 0;
 }
 
-.ele-modal-center > .el-overlay-dialog {
-  justify-content: center;
+.ele-modal-center > .el-overlay-dialog > .el-dialog {
+  margin: auto;
 }
 
-.ele-modal-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
+.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 auto;
 }
 
-.ele-modal-left > .el-overlay-dialog {
-  justify-content: center;
-  align-items: flex-start;
+.ele-modal-left > .el-overlay-dialog > .el-dialog {
+  margin: auto auto auto 0;
 }
 
-.ele-modal-right > .el-overlay-dialog {
-  justify-content: center;
-  align-items: flex-end;
+.ele-modal-right > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 auto auto;
 }
 
-.ele-modal-left-top > .el-overlay-dialog {
-  align-items: flex-start;
+.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 auto 0 0;
 }
 
-.ele-modal-left-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
-  align-items: flex-start;
+.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 0;
 }
 
-.ele-modal-right-top > .el-overlay-dialog {
-  align-items: flex-end;
+.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 0 0 auto;
 }
 
-.ele-modal-right-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
-  align-items: flex-end;
+.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 0 auto;
 }
 
 /* 支持拖拽 */

package/lib/ele-pagination/index.cjs

@@ -7,14 +7,22 @@ const _sfc_main = vue.defineComponent({
   components: { ElPagination: elementPlus.ElPagination },
   props: props.paginationProps,
   emits: props.paginationEmits,
-  setup(_props, { emit }) {
+  setup(props2, { emit }) {
+    const isInfinite = vue.computed(() => "*" === props2.total);
+    const pageTotal = vue.computed(() => {
+      if (isInfinite.value) {
+        return Number.MAX_SAFE_INTEGER;
+      }
+      const num = props2.total == null ? void 0 : Number(props2.total);
+      return num == null || isNaN(num) ? void 0 : num;
+    });
     const onUpdateCurrentPage = (currentPage) => {
       emit("update:currentPage", currentPage);
     };
     const onUpdatePageSize = (pageSize) => {
       emit("update:pageSize", pageSize);
     };
-    return { onUpdateCurrentPage, onUpdatePageSize };
+    return { isInfinite, pageTotal, onUpdateCurrentPage, onUpdatePageSize };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -31,7 +39,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     background: _ctx.type === "circle" ? false : _ctx.background,
     pageSize: _ctx.pageSize,
     defaultPageSize: _ctx.defaultPageSize,
-    total: _ctx.total,
+    total: _ctx.pageTotal,
     pageCount: _ctx.pageCount,
     pagerCount: _ctx.pagerCount,
     currentPage: _ctx.currentPage,
@@ -46,7 +54,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     teleported: _ctx.teleported,
     hideOnSinglePage: _ctx.hideOnSinglePage,
-    class: vue.normalizeClass(["ele-pagination", { "is-circle": _ctx.type === "circle" }]),
+    class: vue.normalizeClass([
+      "ele-pagination",
+      { "is-circle": _ctx.type === "circle" },
+      { "is-infinite": _ctx.isInfinite }
+    ]),
     "onUpdate:currentPage": _ctx.onUpdateCurrentPage,
     "onUpdate:pageSize": _ctx.onUpdatePageSize
   }, vue.createSlots({ _: 2 }, [

package/lib/ele-pagination/index.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
@@ -23,19 +23,21 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
 }, {
+    isInfinite: import("vue").ComputedRef<boolean>;
+    pageTotal: import("vue").ComputedRef<number | undefined>;
     onUpdateCurrentPage: (currentPage: number) => void;
     onUpdatePageSize: (pageSize: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;

package/lib/ele-pagination/props.cjs

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
 const paginationProps = {
   ...elementPlus.paginationProps,
+  /** 总条目数 */
+  total: [String, Number],
   /** 风格 */
   type: {
     type: String,

package/lib/ele-pagination/props.d.ts

@@ -1,9 +1,11 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { PaginationType } from './types';
+import type { PaginationType, PaginationTotal } from './types';
 /**
  * 属性
  */
 export declare const paginationProps: {
+    /** 总条目数 */
+    total: PropType<PaginationTotal>;
     /** 风格 */
     type: {
         type: PropType<PaginationType>;
@@ -11,7 +13,6 @@ export declare const paginationProps: {
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;

package/lib/ele-pagination/style/index.scss

@@ -8,6 +8,7 @@
   flex-wrap: wrap;
   justify-content: center;
 
+  /* 圆角风格 */
   &.is-circle {
     /* 间距 */
     & > * {
@@ -199,4 +200,12 @@
       }
     }
   }
+
+  /* 无限页数 */
+  &.is-infinite {
+    .el-pager li:not(.is-active),
+    .el-pagination__total {
+      display: none;
+    }
+  }
 }

package/lib/ele-pagination/types.d.ts

@@ -1,4 +1,9 @@
 /**
- * 分页组件类型
+ * 风格
  */
 export type PaginationType = 'default' | 'circle';
+
+/**
+ * 总条目数
+ */
+export type PaginationTotal = number | '*';

package/lib/ele-printer/util.cjs

@@ -122,7 +122,7 @@ function mergeOptions(options, userOptions) {
 function usePrinter(done) {
   const printId = core.uuid(8);
   const onMessage = (e) => {
-    if (e.data === "elePrintDone_" + printId) {
+    if (e.data === `elePrintDone_${printId}`) {
       removePrintFrame();
       done && done();
     }

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

@@ -2,11 +2,13 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
-const receiver = require("../../ele-config-provider/receiver");
 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 = vue.defineComponent({
   name: "TableTools",
   components: {
@@ -17,25 +19,64 @@ const _sfc_main = vue.defineComponent({
     FullscreenExitOutlined: icons.FullscreenExitOutlined,
     EleDropdown,
     EleTool,
-    ToolColumn
+    ToolColumn,
+    ToolExport,
+    ToolPrint
   },
   props: {
+    /** 工具按钮布局 */
+    tools: {
+      type: Array,
+      required: true
+    },
     /** 表格尺寸 */
     size: String,
     /** 表格列数据 */
     columns: Array,
-    /** 工具按钮布局 */
-    tools: Array,
     /** 是否开启列拖拽排序 */
     columnSortable: Boolean,
     /** 是否开启开关固定列 */
     columnFixed: Boolean,
     /** 是否最大化 */
     maximized: Boolean,
-    /** 列配置缓存的名称 */
+    /** 本地缓存的名称 */
     cacheKey: String,
     /** 国际化 */
-    locale: Object
+    locale: Object,
+    /** 表格选中数据 */
+    selections: Array,
+    /** 表格当前页数据 */
+    pageData: Array,
+    /** 单元格合并行列方法 */
+    spanMethod: Function,
+    /** 是否显示合计行 */
+    showSummary: Boolean,
+    /** 合计行文本 */
+    sumText: String,
+    /** 合计行自定义方法 */
+    summaryMethod: Function,
+    /** 单元格样式 */
+    cellStyle: [Object, Function],
+    /** 单元格类名自定义 */
+    cellClassName: [String, Function],
+    /** 单元格样式 */
+    headerCellStyle: [Object, Function],
+    /** 单元格类名自定义 */
+    headerCellClassName: [String, Function],
+    /** 序号列起始索引 */
+    pageIndex: Number,
+    /** 表格请求数据方法 */
+    fetch: Function,
+    /** 导出配置 */
+    exportConfig: {
+      type: Object,
+      required: true
+    },
+    /** 打印配置 */
+    printConfig: {
+      type: Object,
+      required: true
+    }
   },
   emits: {
     reload: () => true,
@@ -89,6 +130,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ToolColumn = vue.resolveComponent("ToolColumn");
   const _component_FullscreenExitOutlined = vue.resolveComponent("FullscreenExitOutlined");
   const _component_FullscreenOutlined = vue.resolveComponent("FullscreenOutlined");
+  const _component_ToolExport = vue.resolveComponent("ToolExport");
+  const _component_ToolPrint = vue.resolveComponent("ToolPrint");
   return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tools, (tool, index) => {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       tool === "reload" ? (vue.openBlock(), vue.createBlock(_component_EleTool, {
@@ -168,7 +211,81 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]),
         _: 2
-      }, 1032, ["placement", "title", "onClick"])) : _ctx.$slots[tool] ? vue.renderSlot(_ctx.$slots, tool, { key: 4 }) : vue.createCommentVNode("", true)
+      }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (vue.openBlock(), vue.createBlock(_component_ToolExport, {
+        key: index + "-export",
+        placement: _ctx.placement,
+        title: _ctx.lang.export,
+        checkAllText: _ctx.lang.columnTitle,
+        resetText: _ctx.lang.columnReset,
+        untitledText: _ctx.lang.columnUntitled,
+        fileNameText: _ctx.lang.exportFileName,
+        fileNamePlaceholderText: _ctx.lang.exportFileNamePlaceholder,
+        selectDataText: _ctx.lang.exportSelectData,
+        selectColumnText: _ctx.lang.exportSelectColumn,
+        dataTypePageText: _ctx.lang.exportDataTypePage,
+        dataTypeSelectedText: _ctx.lang.exportDataTypeSelected,
+        dataTypeAllText: _ctx.lang.exportDataTypeAll,
+        cancelText: _ctx.lang.exportCancel,
+        okText: _ctx.lang.exportOk,
+        modalProps: _ctx.exportConfig.modalProps,
+        columns: _ctx.columns,
+        selections: _ctx.selections,
+        pageData: _ctx.pageData,
+        datasource: _ctx.exportConfig.datasource,
+        spanMethod: _ctx.spanMethod,
+        showSummary: _ctx.showSummary,
+        sumText: _ctx.sumText,
+        summaryMethod: _ctx.summaryMethod,
+        pageIndex: _ctx.pageIndex,
+        fetch: _ctx.fetch,
+        defaultFileName: _ctx.exportConfig.fileName,
+        defaultDataType: _ctx.exportConfig.dataType,
+        beforeExport: _ctx.exportConfig.beforeExport
+      }, null, 8, ["placement", "title", "checkAllText", "resetText", "untitledText", "fileNameText", "fileNamePlaceholderText", "selectDataText", "selectColumnText", "dataTypePageText", "dataTypeSelectedText", "dataTypeAllText", "cancelText", "okText", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "showSummary", "sumText", "summaryMethod", "pageIndex", "fetch", "defaultFileName", "defaultDataType", "beforeExport"])) : tool === "print" ? (vue.openBlock(), vue.createBlock(_component_ToolPrint, {
+        key: index + "-print",
+        placement: _ctx.placement,
+        title: _ctx.lang.print,
+        checkAllText: _ctx.lang.columnTitle,
+        resetText: _ctx.lang.columnReset,
+        untitledText: _ctx.lang.columnUntitled,
+        selectDataText: _ctx.lang.exportSelectData,
+        selectColumnText: _ctx.lang.exportSelectColumn,
+        dataTypePageText: _ctx.lang.exportDataTypePage,
+        dataTypeSelectedText: _ctx.lang.exportDataTypeSelected,
+        dataTypeAllText: _ctx.lang.exportDataTypeAll,
+        cancelText: _ctx.lang.exportCancel,
+        okText: _ctx.lang.exportOk,
+        modalProps: _ctx.printConfig.modalProps,
+        columns: _ctx.columns,
+        selections: _ctx.selections,
+        pageData: _ctx.pageData,
+        datasource: _ctx.printConfig.datasource,
+        spanMethod: _ctx.spanMethod,
+        showSummary: _ctx.showSummary,
+        sumText: _ctx.sumText,
+        summaryMethod: _ctx.summaryMethod,
+        cellStyle: _ctx.cellStyle,
+        cellClassName: _ctx.cellClassName,
+        headerCellStyle: _ctx.headerCellStyle,
+        headerCellClassName: _ctx.headerCellClassName,
+        pageIndex: _ctx.pageIndex,
+        fetch: _ctx.fetch,
+        defaultDataType: _ctx.printConfig.dataType,
+        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, ["placement", "title", "checkAllText", "resetText", "untitledText", "selectDataText", "selectColumnText", "dataTypePageText", "dataTypeSelectedText", "dataTypeAllText", "cancelText", "okText", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "fetch", "defaultDataType", "beforePrint"])) : tool && tool !== "default" && _ctx.$slots[tool] ? vue.renderSlot(_ctx.$slots, tool, {
+        key: 6,
+        pageIndex: _ctx.pageIndex,
+        fetch: _ctx.fetch
+      }) : vue.createCommentVNode("", true)
     ], 64);
   }), 256);
 }

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

@@ -1,23 +1,68 @@
 import type { PropType } from 'vue';
-import type { Columns, TableSize } from '../../ele-data-table/types';
-import type { TableLocale } from '../types';
+import type { Columns, TableSize, DataItem } from '../../ele-data-table/types';
+import type { TableLocale, FetchFunction, ExportConfig, PrintConfig } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 工具按钮布局 */
+    tools: {
+        type: PropType<string[]>;
+        required: true;
+    };
     /** 表格尺寸 */
     size: StringConstructor;
     /** 表格列数据 */
     columns: PropType<Columns>;
-    /** 工具按钮布局 */
-    tools: PropType<string[] | null>;
     /** 是否开启列拖拽排序 */
     columnSortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     columnFixed: BooleanConstructor;
     /** 是否最大化 */
     maximized: BooleanConstructor;
-    /** 列配置缓存的名称 */
+    /** 本地缓存的名称 */
     cacheKey: StringConstructor;
     /** 国际化 */
     locale: PropType<Partial<TableLocale>>;
+    /** 表格选中数据 */
+    selections: PropType<DataItem[]>;
+    /** 表格当前页数据 */
+    pageData: PropType<DataItem[]>;
+    /** 单元格合并行列方法 */
+    spanMethod: PropType<((data: {
+        row: DataItem; /** 提示方向 */
+        rowIndex: number;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<DataItem>;
+        columnIndex: number;
+    }) => number[] | {
+        rowspan: number;
+        colspan: number;
+    } | undefined) | undefined>;
+    /** 是否显示合计行 */
+    showSummary: BooleanConstructor;
+    /** 合计行文本 */
+    sumText: StringConstructor;
+    /** 合计行自定义方法 */
+    summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<DataItem> | undefined>;
+    /** 单元格样式 */
+    cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    /** 单元格类名自定义 */
+    cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    /** 单元格样式 */
+    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    /** 单元格类名自定义 */
+    headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    /** 序号列起始索引 */
+    pageIndex: NumberConstructor;
+    /** 表格请求数据方法 */
+    fetch: PropType<FetchFunction>;
+    /** 导出配置 */
+    exportConfig: {
+        type: PropType<ExportConfig>;
+        required: true;
+    };
+    /** 打印配置 */
+    printConfig: {
+        type: PropType<PrintConfig>;
+        required: true;
+    };
 }, {
     lang: import("vue").ComputedRef<TableLocale>;
     placement: import("vue").ComputedRef<"top" | "bottom">;
@@ -31,28 +76,74 @@ declare const _default: import("vue").DefineComponent<{
     'update:columns': (_columns: Columns) => true;
     'update:maximized': (_maximized: boolean) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 工具按钮布局 */
+    tools: {
+        type: PropType<string[]>;
+        required: true;
+    };
     /** 表格尺寸 */
     size: StringConstructor;
     /** 表格列数据 */
     columns: PropType<Columns>;
-    /** 工具按钮布局 */
-    tools: PropType<string[] | null>;
     /** 是否开启列拖拽排序 */
     columnSortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     columnFixed: BooleanConstructor;
     /** 是否最大化 */
     maximized: BooleanConstructor;
-    /** 列配置缓存的名称 */
+    /** 本地缓存的名称 */
     cacheKey: StringConstructor;
     /** 国际化 */
     locale: PropType<Partial<TableLocale>>;
+    /** 表格选中数据 */
+    selections: PropType<DataItem[]>;
+    /** 表格当前页数据 */
+    pageData: PropType<DataItem[]>;
+    /** 单元格合并行列方法 */
+    spanMethod: PropType<((data: {
+        row: DataItem; /** 提示方向 */
+        rowIndex: number;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<DataItem>;
+        columnIndex: number;
+    }) => number[] | {
+        rowspan: number;
+        colspan: number;
+    } | undefined) | undefined>;
+    /** 是否显示合计行 */
+    showSummary: BooleanConstructor;
+    /** 合计行文本 */
+    sumText: StringConstructor;
+    /** 合计行自定义方法 */
+    summaryMethod: PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<DataItem> | undefined>;
+    /** 单元格样式 */
+    cellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    /** 单元格类名自定义 */
+    cellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    /** 单元格样式 */
+    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<DataItem> | undefined>;
+    /** 单元格类名自定义 */
+    headerCellClassName: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<DataItem> | undefined>;
+    /** 序号列起始索引 */
+    pageIndex: NumberConstructor;
+    /** 表格请求数据方法 */
+    fetch: PropType<FetchFunction>;
+    /** 导出配置 */
+    exportConfig: {
+        type: PropType<ExportConfig>;
+        required: true;
+    };
+    /** 打印配置 */
+    printConfig: {
+        type: PropType<PrintConfig>;
+        required: true;
+    };
 }>> & {
     "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;
     onReload?: (() => any) | undefined;
     "onUpdate:size"?: ((_size: "" | "default" | "small" | "large" | undefined) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
 }, {
+    showSummary: boolean;
     maximized: boolean;
     columnSortable: boolean;
     columnFixed: boolean;

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

@@ -107,6 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     setData: () => void 0,
     handle: ".ele-tool-column-handle",
     componentData: { class: "ele-tool-column-list" },
+    forceFallback: true,
     "onUpdate:modelValue": _ctx.onSortChange
   }, {
     item: vue.withCtx(({ element: d }) => [

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

@@ -222,7 +222,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createVNode(_component_EleTooltip, {
         trigger: "click",
         placement: "bottom-end",
-        popperClass: "ele-tool-column",
+        popperClass: "ele-tool-column-popover",
         transition: "el-zoom-in-top",
         gpuAcceleration: false,
         effect: "light",
@@ -233,7 +233,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         body: vue.withCtx(() => [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["ele-popover-body", { "is-sortable": _ctx.sortable }])
+            class: vue.normalizeClass([
+              "ele-popover-body",
+              "ele-tool-column",
+              { "is-sortable": _ctx.sortable }
+            ])
           }, [
             vue.createElementVNode("div", _hoisted_1, [
               vue.createElementVNode("div", _hoisted_2, [