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

package/es/ele-pro-table/components/table-tools.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createSlots, renderSlot, mergeProps, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
-import { ReloadOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined } from "../../icons";
+import { ReloadOutlined, DownloadOutlined, PrinterOutlined, ColumnHeightOutlined, FullscreenOutlined, FullscreenExitOutlined, SizeSlackOutlined, SizeMiddleOutlined, SizeCompactOutlined } from "../../icons";
 import EleDropdown from "../../ele-dropdown/index";
 import { useLocale } from "../../ele-config-provider/receiver";
 import { getSizeCacheKey } from "../util";
@@ -8,11 +8,14 @@ import EleTool from "../../ele-tool/index";
 import ToolColumn from "./tool-column";
 import ToolExport from "./tool-export";
 import ToolPrint from "./tool-print";
+const ownSlots = ["default", "printTop", "printBottom"];
 const _sfc_main = defineComponent({
   name: "TableTools",
   components: {
     ElIcon,
     ReloadOutlined,
+    DownloadOutlined,
+    PrinterOutlined,
     ColumnHeightOutlined,
     FullscreenOutlined,
     FullscreenExitOutlined,
@@ -84,11 +87,13 @@ const _sfc_main = defineComponent({
   emits: {
     reload: () => true,
     "update:size": (_size) => true,
-    "update:columns": (_columns, _tableColumns) => true,
+    "update:columns": (_columns, _tableColumns, _isReset) => true,
     "update:maximized": (_maximized) => true
   },
   setup(props, { emit }) {
     const { lang } = useLocale("table", props);
+    const toolExportRef = ref(null);
+    const toolPrintRef = ref(null);
     const placement = computed(() => props.maximized ? "bottom" : "top");
     const reload = () => {
       emit("reload");
@@ -99,19 +104,49 @@ const _sfc_main = defineComponent({
       }
       emit("update:size", size);
     };
-    const updateColumns = (columns, tableColumns) => {
-      emit("update:columns", columns, tableColumns);
+    const updateColumns = (columns, tableColumns, isReset) => {
+      emit("update:columns", columns, tableColumns, isReset);
     };
     const toggleMaximized = () => {
       emit("update:maximized", !props.maximized);
     };
+    const openExportModal = () => {
+      if (toolExportRef.value) {
+        toolExportRef.value.openModal();
+      }
+    };
+    const openPrintModal = () => {
+      if (toolPrintRef.value) {
+        toolPrintRef.value.openModal();
+      }
+    };
+    const printData = (params) => {
+      if (toolPrintRef.value) {
+        toolPrintRef.value.printData(params);
+      }
+    };
+    const exportData = (params) => {
+      if (toolExportRef.value) {
+        toolExportRef.value.exportData(params);
+      }
+    };
     return {
+      ownSlots,
+      SizeSlackOutlined,
+      SizeMiddleOutlined,
+      SizeCompactOutlined,
       lang,
+      toolExportRef,
+      toolPrintRef,
       placement,
       reload,
       updateSize,
       updateColumns,
-      toggleMaximized
+      toggleMaximized,
+      openExportModal,
+      openPrintModal,
+      printData,
+      exportData
     };
   }
 });
@@ -123,151 +158,198 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ToolExport = resolveComponent("ToolExport");
+  const _component_ToolPrint = resolveComponent("ToolPrint");
   const _component_ReloadOutlined = resolveComponent("ReloadOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_EleTool = resolveComponent("EleTool");
+  const _component_DownloadOutlined = resolveComponent("DownloadOutlined");
+  const _component_PrinterOutlined = resolveComponent("PrinterOutlined");
   const _component_ColumnHeightOutlined = resolveComponent("ColumnHeightOutlined");
   const _component_EleDropdown = resolveComponent("EleDropdown");
   const _component_ToolColumn = resolveComponent("ToolColumn");
   const _component_FullscreenExitOutlined = resolveComponent("FullscreenExitOutlined");
   const _component_FullscreenOutlined = resolveComponent("FullscreenOutlined");
-  const _component_ToolExport = resolveComponent("ToolExport");
-  const _component_ToolPrint = resolveComponent("ToolPrint");
-  return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tools, (tool, index) => {
-    return openBlock(), createElementBlock(Fragment, null, [
-      tool === "reload" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-reload",
-        placement: _ctx.placement,
-        title: _ctx.lang.refresh,
-        onClick: _ctx.reload
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, null, {
-            default: withCtx(() => [
-              createVNode(_component_ReloadOutlined)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, 1032, ["placement", "title", "onClick"])) : tool === "size" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-size",
-        placement: _ctx.placement,
-        title: _ctx.lang.sizes
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_EleDropdown, {
-            trigger: "click",
-            placement: "bottom",
-            popperClass: "ele-tool-size-popper",
-            modelValue: _ctx.size,
-            items: [
-              { title: _ctx.lang.sizeLarge, command: "large" },
-              { title: _ctx.lang.sizeDefault, command: "default" },
-              { title: _ctx.lang.sizeSmall, command: "small" }
-            ],
-            popperOptions: {
-              modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
-            },
-            onCommand: _ctx.updateSize
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_ElIcon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_ColumnHeightOutlined)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue", "items", "onCommand"])
-        ]),
-        _: 2
-      }, 1032, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(_component_ToolColumn, {
-        key: index + "-columns",
-        placement: _ctx.placement,
-        locale: _ctx.lang,
-        columns: _ctx.columns,
-        sortable: _ctx.columnSortable,
-        allowFixed: _ctx.columnFixed,
-        cacheKey: _ctx.cacheKey,
-        "onUpdate:columns": _ctx.updateColumns
-      }, null, 8, ["placement", "locale", "columns", "sortable", "allowFixed", "cacheKey", "onUpdate:columns"])) : tool === "maximized" ? (openBlock(), createBlock(_component_EleTool, {
-        key: index + "-maximized",
-        placement: _ctx.placement,
-        title: _ctx.lang.maximized,
-        onClick: _ctx.toggleMaximized
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, null, {
-            default: withCtx(() => [
-              _ctx.maximized ? (openBlock(), createBlock(_component_FullscreenExitOutlined, { key: 0 })) : (openBlock(), createBlock(_component_FullscreenOutlined, { key: 1 }))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (openBlock(), createBlock(_component_ToolExport, {
-        key: index + "-export",
-        placement: _ctx.placement,
-        locale: _ctx.lang,
-        modalProps: _ctx.exportConfig.modalProps,
-        columns: _ctx.columns,
-        selections: _ctx.selections,
-        pageData: _ctx.pageData,
-        datasource: _ctx.exportConfig.datasource,
-        spanMethod: _ctx.spanMethod,
-        tableHeader: _ctx.tableHeader,
-        showSummary: _ctx.showSummary,
-        sumText: _ctx.sumText,
-        summaryMethod: _ctx.summaryMethod,
-        pageIndex: _ctx.pageIndex,
-        treeProps: _ctx.treeProps,
-        fetch: _ctx.fetch,
-        defaultFileName: _ctx.exportConfig.fileName,
-        defaultDataType: _ctx.exportConfig.dataType,
-        beforeExport: _ctx.exportConfig.beforeExport
-      }, null, 8, ["placement", "locale", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "fetch", "defaultFileName", "defaultDataType", "beforeExport"])) : tool === "print" ? (openBlock(), createBlock(_component_ToolPrint, {
-        key: index + "-print",
-        placement: _ctx.placement,
-        locale: _ctx.lang,
-        modalProps: _ctx.printConfig.modalProps,
-        printerProps: _ctx.printConfig.printerProps,
-        tableProps: _ctx.printConfig.tableProps,
-        columns: _ctx.columns,
-        selections: _ctx.selections,
-        pageData: _ctx.pageData,
-        datasource: _ctx.printConfig.datasource,
-        spanMethod: _ctx.spanMethod,
-        tableHeader: _ctx.tableHeader,
-        showSummary: _ctx.showSummary,
-        sumText: _ctx.sumText,
-        summaryMethod: _ctx.summaryMethod,
-        cellStyle: _ctx.cellStyle,
-        cellClassName: _ctx.cellClassName,
-        headerCellStyle: _ctx.headerCellStyle,
-        headerCellClassName: _ctx.headerCellClassName,
-        pageIndex: _ctx.pageIndex,
-        treeProps: _ctx.treeProps,
-        fetch: _ctx.fetch,
-        defaultDataType: _ctx.printConfig.dataType,
-        beforePrint: _ctx.printConfig.beforePrint
-      }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
-            ])
-          };
-        })
-      ]), 1032, ["placement", "locale", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "fetch", "defaultDataType", "beforePrint"])) : tool && !["default", "printTop", "printBottom"].includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
-        key: 6,
-        pageIndex: _ctx.pageIndex,
-        fetch: _ctx.fetch
-      }) : createCommentVNode("", true)
-    ], 64);
-  }), 256);
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_ToolExport, {
+      ref: "toolExportRef",
+      locale: _ctx.lang,
+      cacheKey: _ctx.cacheKey,
+      modalProps: _ctx.exportConfig.modalProps,
+      columns: _ctx.exportConfig.columns || _ctx.columns,
+      selections: _ctx.selections,
+      pageData: _ctx.pageData,
+      datasource: _ctx.exportConfig.datasource,
+      spanMethod: _ctx.spanMethod,
+      tableHeader: _ctx.exportConfig.showHeader ?? _ctx.tableHeader,
+      showSummary: _ctx.showSummary,
+      sumText: _ctx.sumText,
+      summaryMethod: _ctx.summaryMethod,
+      pageIndex: _ctx.pageIndex,
+      treeProps: _ctx.treeProps,
+      fetch: _ctx.fetch,
+      defaultFileName: _ctx.exportConfig.fileName,
+      defaultDataType: _ctx.exportConfig.dataType,
+      defaultShowFooter: _ctx.exportConfig.showFooter,
+      defaultShowTreeIndex: _ctx.exportConfig.showTreeIndex,
+      beforeExport: _ctx.exportConfig.beforeExport
+    }, null, 8, ["locale", "cacheKey", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "fetch", "defaultFileName", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforeExport"]),
+    createVNode(_component_ToolPrint, {
+      ref: "toolPrintRef",
+      locale: _ctx.lang,
+      cacheKey: _ctx.cacheKey,
+      modalProps: _ctx.printConfig.modalProps,
+      printerProps: _ctx.printConfig.printerProps,
+      tableProps: _ctx.printConfig.tableProps,
+      columns: _ctx.printConfig.columns || _ctx.columns,
+      selections: _ctx.selections,
+      pageData: _ctx.pageData,
+      datasource: _ctx.printConfig.datasource,
+      spanMethod: _ctx.spanMethod,
+      tableHeader: _ctx.printConfig.showHeader ?? _ctx.tableHeader,
+      showSummary: _ctx.showSummary,
+      sumText: _ctx.sumText,
+      summaryMethod: _ctx.summaryMethod,
+      cellStyle: _ctx.cellStyle,
+      cellClassName: _ctx.cellClassName,
+      headerCellStyle: _ctx.headerCellStyle,
+      headerCellClassName: _ctx.headerCellClassName,
+      pageIndex: _ctx.pageIndex,
+      treeProps: _ctx.treeProps,
+      fetch: _ctx.fetch,
+      defaultDataType: _ctx.printConfig.dataType,
+      defaultShowFooter: _ctx.printConfig.showFooter,
+      defaultShowTreeIndex: _ctx.printConfig.showTreeIndex,
+      beforePrint: _ctx.printConfig.beforePrint
+    }, createSlots({ _: 2 }, [
+      renderList(Object.keys(_ctx.$slots), (name) => {
+        return {
+          name,
+          fn: withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+          ])
+        };
+      })
+    ]), 1032, ["locale", "cacheKey", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "fetch", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforePrint"]),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tools, (tool, index) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        tool === "reload" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-reload",
+          placement: _ctx.placement,
+          title: _ctx.lang.refresh,
+          onClick: _ctx.reload
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                createVNode(_component_ReloadOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["placement", "title", "onClick"])) : tool === "export" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-export",
+          title: _ctx.lang.export,
+          placement: _ctx.placement,
+          clickHideTooltip: true,
+          onClick: _ctx.openExportModal
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, { style: { "transform": "scale(1.1)", "transform-origin": "bottom" } }, {
+              default: withCtx(() => [
+                createVNode(_component_DownloadOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["title", "placement", "onClick"])) : tool === "print" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-print",
+          title: _ctx.lang.print,
+          placement: _ctx.placement,
+          clickHideTooltip: true,
+          onClick: _ctx.openPrintModal
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                createVNode(_component_PrinterOutlined)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["title", "placement", "onClick"])) : tool === "size" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-size",
+          placement: _ctx.placement,
+          title: _ctx.lang.sizes
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_EleDropdown, {
+              trigger: "click",
+              placement: "bottom",
+              popperClass: "ele-tool-size-popper",
+              modelValue: _ctx.size,
+              items: [
+                { title: _ctx.lang.sizeLarge, command: "large", icon: _ctx.SizeSlackOutlined },
+                {
+                  title: _ctx.lang.sizeDefault,
+                  command: "default",
+                  icon: _ctx.SizeMiddleOutlined
+                },
+                { title: _ctx.lang.sizeSmall, command: "small", icon: _ctx.SizeCompactOutlined }
+              ],
+              popperOptions: {
+                modifiers: [{ name: "offset", options: { offset: [0, 10] } }]
+              },
+              onCommand: _ctx.updateSize
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElIcon, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ColumnHeightOutlined)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items", "onCommand"])
+          ]),
+          _: 2
+        }, 1032, ["placement", "title"])) : tool === "columns" ? (openBlock(), createBlock(_component_ToolColumn, {
+          key: index + "-columns",
+          placement: _ctx.placement,
+          locale: _ctx.lang,
+          columns: _ctx.columns,
+          sortable: _ctx.columnSortable,
+          allowFixed: _ctx.columnFixed,
+          cacheKey: _ctx.cacheKey,
+          "onUpdate:columns": _ctx.updateColumns
+        }, null, 8, ["placement", "locale", "columns", "sortable", "allowFixed", "cacheKey", "onUpdate:columns"])) : tool === "maximized" ? (openBlock(), createBlock(_component_EleTool, {
+          key: index + "-maximized",
+          placement: _ctx.placement,
+          title: _ctx.lang.maximized,
+          clickHideTooltip: true,
+          onClick: _ctx.toggleMaximized
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ElIcon, null, {
+              default: withCtx(() => [
+                _ctx.maximized ? (openBlock(), createBlock(_component_FullscreenExitOutlined, { key: 0 })) : (openBlock(), createBlock(_component_FullscreenOutlined, { key: 1 }))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1032, ["placement", "title", "onClick"])) : tool && !_ctx.ownSlots.includes(tool) && _ctx.$slots[tool] ? renderSlot(_ctx.$slots, tool, {
+          key: 6,
+          pageIndex: _ctx.pageIndex,
+          fetch: _ctx.fetch
+        }) : createCommentVNode("", true)
+      ], 64);
+    }), 256))
+  ], 64);
 }
 const tableTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -10,6 +10,10 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     allowFixed: BooleanConstructor;
+    /** 是否开启列宽设置 */
+    allowWidth: BooleanConstructor;
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: StringConstructor;
 }, {
     handleSortChange: (colItems: ColItem[]) => void;
     handleCheckedChange: (colItem: ColItem, checked: boolean) => void;
@@ -20,6 +24,7 @@ declare const _default: import('vue').DefineComponent<{
     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;
@@ -27,6 +32,7 @@ declare const _default: import('vue').DefineComponent<{
     fixedRight: (_item: ColItem) => true;
     fixedLeftTooltip: (_el: HTMLElement) => true;
     fixedRightTooltip: (_el: HTMLElement) => true;
+    colWidthChange: (_item: ColItem, _width?: string | number) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 列配置数据 */
     data: PropType<ColItem[]>;
@@ -36,6 +42,10 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     /** 是否开启开关固定列 */
     allowFixed: BooleanConstructor;
+    /** 是否开启列宽设置 */
+    allowWidth: BooleanConstructor;
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: StringConstructor;
 }>> & {
     onSortChange?: ((_colItems: ColItem[], _parent?: ColItem | undefined) => any) | undefined;
     onCheckedChange?: ((_item: ColItem, _checked: boolean) => any) | undefined;
@@ -43,8 +53,10 @@ declare const _default: import('vue').DefineComponent<{
     onFixedRight?: ((_item: ColItem) => any) | undefined;
     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;
 }, {}>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, createVNode, createCommentVNode, normalizeClass } from "vue";
 import VueDraggable from "vuedraggable";
-import { ElCheckbox, ElIcon } from "element-plus";
+import { ElCheckbox, ElIcon, ElInput } from "element-plus";
 import { HolderOutlined, VerticalRightOutlined, VerticalLeftOutlined } from "../../icons";
 const _sfc_main = defineComponent({
   name: "ToolColumnList",
@@ -8,6 +8,7 @@ const _sfc_main = defineComponent({
     VueDraggable,
     ElCheckbox,
     ElIcon,
+    ElInput,
     HolderOutlined,
     VerticalRightOutlined,
     VerticalLeftOutlined
@@ -20,7 +21,11 @@ const _sfc_main = defineComponent({
     /** 是否开启列拖拽排序 */
     sortable: Boolean,
     /** 是否开启开关固定列 */
-    allowFixed: Boolean
+    allowFixed: Boolean,
+    /** 是否开启列宽设置 */
+    allowWidth: Boolean,
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: String
   },
   emits: {
     sortChange: (_colItems, _parent) => true,
@@ -28,7 +33,8 @@ const _sfc_main = defineComponent({
     fixedLeft: (_item) => true,
     fixedRight: (_item) => true,
     fixedLeftTooltip: (_el) => true,
-    fixedRightTooltip: (_el) => true
+    fixedRightTooltip: (_el) => true,
+    colWidthChange: (_item, _width) => true
   },
   setup(props, { emit }) {
     const handleSortChange = (colItems) => {
@@ -58,6 +64,9 @@ const _sfc_main = defineComponent({
     const handleChildFixedRightTooltip = (el) => {
       emit("fixedRightTooltip", el);
     };
+    const handleColWidthChange = (item, width) => {
+      emit("colWidthChange", item, width);
+    };
     return {
       handleSortChange,
       handleCheckedChange,
@@ -67,7 +76,8 @@ const _sfc_main = defineComponent({
       handleFixedRightTooltip,
       handleChildSortChange,
       handleChildFixedLeftTooltip,
-      handleChildFixedRightTooltip
+      handleChildFixedRightTooltip,
+      handleColWidthChange
     };
   }
 });
@@ -91,12 +101,17 @@ const _hoisted_5 = {
 };
 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 = resolveComponent("HolderOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElCheckbox = resolveComponent("ElCheckbox");
   const _component_VerticalRightOutlined = resolveComponent("VerticalRightOutlined");
   const _component_VerticalLeftOutlined = resolveComponent("VerticalLeftOutlined");
+  const _component_ElInput = resolveComponent("ElInput");
   const _component_ToolColumnList = resolveComponent("ToolColumnList", true);
   const _component_VueDraggable = resolveComponent("VueDraggable");
   return openBlock(), createBlock(_component_VueDraggable, {
@@ -158,6 +173,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               })
             ], 42, _hoisted_7)
+          ])) : createCommentVNode("", true),
+          _ctx.allowWidth ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            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"])
           ])) : createCommentVNode("", true)
         ]),
         d.children && d.children.length ? (openBlock(), createBlock(_component_ToolColumnList, {
@@ -165,13 +189,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           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
-        }, null, 8, ["data", "parent", "sortable", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip"])) : createCommentVNode("", true)
+          onFixedRightTooltip: _ctx.handleChildFixedRightTooltip,
+          onColWidthChange: _ctx.handleColWidthChange
+        }, null, 8, ["data", "parent", "sortable", "allowWidth", "columnWidthPlaceholder", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip", "onColWidthChange"])) : createCommentVNode("", true)
       ])
     ]),
     _: 1

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
-import { EleToolInstance } from '../../ele-app/plus';
+import { EleToolInstance, EleTooltipProps } from '../../ele-app/plus';
 import { Columns } from '../../ele-data-table/types';
 import { ColItem, TableLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 提示位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 表格国际化 */
     locale: {
         type: PropType<TableLocale>;
@@ -25,9 +25,10 @@ declare const _default: import('vue').DefineComponent<{
         uid: string;
         label?: string | undefined;
         checked?: boolean | undefined;
-        fixed?: string | boolean | undefined;
+        fixed?: (boolean | string) | undefined;
         children?: any[] | undefined;
         type?: string | undefined;
+        width?: (number | string) | undefined;
     }[]>;
     isCheckAll: import('vue').Ref<boolean>;
     isIndeterminate: import('vue').Ref<boolean>;
@@ -40,10 +41,10 @@ declare const _default: import('vue').DefineComponent<{
     handleFixedLeftTooltip: (el: HTMLElement) => void;
     handleFixedRightTooltip: (el: HTMLElement) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:columns': (_columns: Columns, _tableColumns: Columns) => true;
+    'update:columns': (_columns: Columns, _tableColumns: Columns, _isReset: boolean) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 提示位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 表格国际化 */
     locale: {
         type: PropType<TableLocale>;
@@ -58,7 +59,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 列配置缓存本地的名称 */
     cacheKey: StringConstructor;
 }>> & {
-    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns) => any) | undefined;
+    "onUpdate:columns"?: ((_columns: Columns, _tableColumns: Columns, _isReset: boolean) => any) | undefined;
 }, {
     sortable: boolean;
     allowFixed: boolean;