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

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
-import { Columns, TableSize, DataItem, TreeProps } from '../../ele-data-table/types';
-import { TableLocale, FetchFunction, ExportConfig, PrintConfig } from '../types';
+import { Columns, TableSize, DataItem, SpanMethod, SummaryMethod, CellStyle, CellClass, HeaderCellStyle, HeaderCellClass, TreeProps } from '../../ele-data-table/types';
+import { TableTool, TableLocale, FetchFunction, ExportConfig, PrintConfig, TableExportParams } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 工具按钮布局 */
     tools: {
-        type: PropType<string[]>;
+        type: PropType<TableTool[]>;
         required: true;
     };
     /** 表格尺寸 */
@@ -27,15 +27,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 表格当前页数据 */
     pageData: PropType<DataItem[]>;
     /** 单元格合并行列方法 */
-    spanMethod: PropType<((data: {
-        row: DataItem;
-        rowIndex: number;
-        column: import('element-plus').TableColumnCtx<DataItem>;
-        columnIndex: number;
-    }) => number[] | {
-        rowspan: number;
-        colspan: number;
-    } | undefined) | undefined>;
+    spanMethod: PropType<SpanMethod>;
     /** 表格是否有表头 */
     tableHeader: BooleanConstructor;
     /** 是否显示合计行 */
@@ -43,15 +35,15 @@ declare const _default: import('vue').DefineComponent<{
     /** 合计行文本 */
     sumText: StringConstructor;
     /** 合计行自定义方法 */
-    summaryMethod: PropType<import('element-plus').SummaryMethod<DataItem> | undefined>;
+    summaryMethod: PropType<SummaryMethod>;
     /** 单元格样式 */
-    cellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
+    cellStyle: PropType<CellStyle>;
     /** 单元格类名自定义 */
-    cellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
+    cellClassName: PropType<CellClass>;
     /** 单元格样式 */
-    headerCellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
+    headerCellStyle: PropType<HeaderCellStyle>;
     /** 单元格类名自定义 */
-    headerCellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
+    headerCellClassName: PropType<HeaderCellClass>;
     /** 序号列起始索引 */
     pageIndex: NumberConstructor;
     /** 树表字段名 */
@@ -69,12 +61,398 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }, {
+    ownSlots: string[];
+    SizeSlackOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+    MenuOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+    SizeCompactOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
     lang: import('vue').ComputedRef<TableLocale>;
+    toolExportRef: import('vue').Ref<import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultFileName: {
+            type: StringConstructor;
+            default: string;
+        };
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforeExport: PropType<import('../types').BeforeExport>;
+    }>>, {
+        visible: import('vue').Ref<boolean>;
+        loading: import('vue').Ref<boolean>;
+        formRef: import('vue').Ref<import('../../ele-app/el').ElFormInstance>;
+        form: {
+            fileName: string;
+        };
+        fileNameRules: Partial<import('element-plus').FormItemRule>;
+        dataType: import('vue').Ref<import('../types').ExportDataType>;
+        colItems: import('vue').Ref<{
+            uid: string;
+            label?: string;
+            checked?: boolean;
+            fixed?: boolean | string;
+            children?: any[] | undefined;
+            type?: string;
+            width?: number | string;
+        }[]>;
+        isCheckAll: import('vue').Ref<boolean>;
+        isIndeterminate: import('vue').Ref<boolean>;
+        showHeader: import('vue').Ref<boolean>;
+        showFooter: import('vue').Ref<boolean>;
+        showTreeIndex: import('vue').Ref<boolean>;
+        treeIndexDisabled: import('vue').Ref<boolean>;
+        openModal: () => void;
+        closeModal: () => void;
+        handleExport: () => void;
+        handleCheckedChange: (item?: import('../types').ColItem, checked?: boolean, type?: string) => void;
+        handleSortChange: (items: import('../types').ColItem[], parent?: import('../types').ColItem) => void;
+        handleColWidthChange: (item: import('../types').ColItem, width?: string) => void;
+        handleCheckAllChange: (checked: boolean) => void;
+        handleReset: () => void;
+        handleTreeIndexChange: (checked?: boolean | string | number) => void;
+        exportData: (params?: TableExportParams) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultFileName: {
+            type: StringConstructor;
+            default: string;
+        };
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforeExport: PropType<import('../types').BeforeExport>;
+    }>>, {
+        showSummary: boolean;
+        tableHeader: boolean;
+        defaultFileName: string;
+        defaultDataType: import('../types').ExportDataType;
+        defaultShowFooter: boolean;
+        defaultShowTreeIndex: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultFileName: {
+            type: StringConstructor;
+            default: string;
+        };
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforeExport: PropType<import('../types').BeforeExport>;
+    }>>, {
+        visible: import('vue').Ref<boolean>;
+        loading: import('vue').Ref<boolean>;
+        formRef: import('vue').Ref<import('../../ele-app/el').ElFormInstance>;
+        form: {
+            fileName: string;
+        };
+        fileNameRules: Partial<import('element-plus').FormItemRule>;
+        dataType: import('vue').Ref<import('../types').ExportDataType>;
+        colItems: import('vue').Ref<{
+            uid: string;
+            label?: string;
+            checked?: boolean;
+            fixed?: boolean | string;
+            children?: any[] | undefined;
+            type?: string;
+            width?: number | string;
+        }[]>;
+        isCheckAll: import('vue').Ref<boolean>;
+        isIndeterminate: import('vue').Ref<boolean>;
+        showHeader: import('vue').Ref<boolean>;
+        showFooter: import('vue').Ref<boolean>;
+        showTreeIndex: import('vue').Ref<boolean>;
+        treeIndexDisabled: import('vue').Ref<boolean>;
+        openModal: () => void;
+        closeModal: () => void;
+        handleExport: () => void;
+        handleCheckedChange: (item?: import('../types').ColItem, checked?: boolean, type?: string) => void;
+        handleSortChange: (items: import('../types').ColItem[], parent?: import('../types').ColItem) => void;
+        handleColWidthChange: (item: import('../types').ColItem, width?: string) => void;
+        handleCheckAllChange: (checked: boolean) => void;
+        handleReset: () => void;
+        handleTreeIndexChange: (checked?: boolean | string | number) => void;
+        exportData: (params?: TableExportParams) => void;
+    }, {}, {}, {}, {
+        showSummary: boolean;
+        tableHeader: boolean;
+        defaultFileName: string;
+        defaultDataType: import('../types').ExportDataType;
+        defaultShowFooter: boolean;
+        defaultShowTreeIndex: boolean;
+    }> | null>;
+    toolPrintRef: import('vue').Ref<import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        printerProps: PropType<import('../../ele-app/plus').ElePrinterProps>;
+        tableProps: PropType<import('../../ele-app/plus').EleTableProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        cellStyle: PropType<CellStyle>;
+        cellClassName: PropType<CellClass>;
+        headerCellStyle: PropType<HeaderCellStyle>;
+        headerCellClassName: PropType<HeaderCellClass>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforePrint: PropType<import('../types').BeforeExport>;
+    }>>, {
+        ownSlots: string[];
+        visible: import('vue').Ref<boolean>;
+        loading: import('vue').Ref<boolean>;
+        dataType: import('vue').Ref<import('../types').ExportDataType>;
+        colItems: import('vue').Ref<{
+            uid: string;
+            label?: string;
+            checked?: boolean;
+            fixed?: boolean | string;
+            children?: any[] | undefined;
+            type?: string;
+            width?: number | string;
+        }[]>;
+        isCheckAll: import('vue').Ref<boolean>;
+        isIndeterminate: import('vue').Ref<boolean>;
+        showHeader: import('vue').Ref<boolean>;
+        showFooter: import('vue').Ref<boolean>;
+        showTreeIndex: import('vue').Ref<boolean>;
+        treeIndexDisabled: import('vue').Ref<boolean>;
+        printOptions: import('../types').TablePrintOptions;
+        openModal: () => void;
+        closeModal: () => void;
+        handlePrintDone: () => void;
+        handlePrint: () => void;
+        handleCheckedChange: (item?: import('../types').ColItem, checked?: boolean, type?: string) => void;
+        handleSortChange: (items: import('../types').ColItem[], parent?: import('../types').ColItem) => void;
+        handleColWidthChange: (item: import('../types').ColItem, width?: string) => void;
+        handleCheckAllChange: (checked: boolean) => void;
+        handleReset: () => void;
+        handleTreeIndexChange: (checked?: boolean | string | number) => void;
+        printData: (params?: TableExportParams) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        printerProps: PropType<import('../../ele-app/plus').ElePrinterProps>;
+        tableProps: PropType<import('../../ele-app/plus').EleTableProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        cellStyle: PropType<CellStyle>;
+        cellClassName: PropType<CellClass>;
+        headerCellStyle: PropType<HeaderCellStyle>;
+        headerCellClassName: PropType<HeaderCellClass>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforePrint: PropType<import('../types').BeforeExport>;
+    }>>, {
+        showSummary: boolean;
+        tableHeader: boolean;
+        defaultDataType: import('../types').ExportDataType;
+        defaultShowFooter: boolean;
+        defaultShowTreeIndex: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        locale: {
+            type: PropType<TableLocale>;
+            required: true;
+        };
+        cacheKey: StringConstructor;
+        modalProps: PropType<import('../../ele-app/plus').EleModalProps>;
+        printerProps: PropType<import('../../ele-app/plus').ElePrinterProps>;
+        tableProps: PropType<import('../../ele-app/plus').EleTableProps>;
+        columns: PropType<Columns>;
+        selections: PropType<DataItem[]>;
+        pageData: PropType<DataItem[]>;
+        datasource: PropType<import('../types').Datasource>;
+        spanMethod: PropType<SpanMethod>;
+        tableHeader: BooleanConstructor;
+        showSummary: BooleanConstructor;
+        sumText: StringConstructor;
+        summaryMethod: PropType<SummaryMethod>;
+        cellStyle: PropType<CellStyle>;
+        cellClassName: PropType<CellClass>;
+        headerCellStyle: PropType<HeaderCellStyle>;
+        headerCellClassName: PropType<HeaderCellClass>;
+        pageIndex: NumberConstructor;
+        treeProps: PropType<TreeProps>;
+        fetch: PropType<FetchFunction>;
+        defaultDataType: {
+            type: PropType<import('../types').ExportDataType>;
+            default: string;
+        };
+        defaultShowFooter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultShowTreeIndex: BooleanConstructor;
+        beforePrint: PropType<import('../types').BeforeExport>;
+    }>>, {
+        ownSlots: string[];
+        visible: import('vue').Ref<boolean>;
+        loading: import('vue').Ref<boolean>;
+        dataType: import('vue').Ref<import('../types').ExportDataType>;
+        colItems: import('vue').Ref<{
+            uid: string;
+            label?: string;
+            checked?: boolean;
+            fixed?: boolean | string;
+            children?: any[] | undefined;
+            type?: string;
+            width?: number | string;
+        }[]>;
+        isCheckAll: import('vue').Ref<boolean>;
+        isIndeterminate: import('vue').Ref<boolean>;
+        showHeader: import('vue').Ref<boolean>;
+        showFooter: import('vue').Ref<boolean>;
+        showTreeIndex: import('vue').Ref<boolean>;
+        treeIndexDisabled: import('vue').Ref<boolean>;
+        printOptions: import('../types').TablePrintOptions;
+        openModal: () => void;
+        closeModal: () => void;
+        handlePrintDone: () => void;
+        handlePrint: () => void;
+        handleCheckedChange: (item?: import('../types').ColItem, checked?: boolean, type?: string) => void;
+        handleSortChange: (items: import('../types').ColItem[], parent?: import('../types').ColItem) => void;
+        handleColWidthChange: (item: import('../types').ColItem, width?: string) => void;
+        handleCheckAllChange: (checked: boolean) => void;
+        handleReset: () => void;
+        handleTreeIndexChange: (checked?: boolean | string | number) => void;
+        printData: (params?: TableExportParams) => void;
+    }, {}, {}, {}, {
+        showSummary: boolean;
+        tableHeader: boolean;
+        defaultDataType: import('../types').ExportDataType;
+        defaultShowFooter: boolean;
+        defaultShowTreeIndex: boolean;
+    }> | null>;
     placement: import('vue').ComputedRef<"top" | "bottom">;
     reload: () => void;
     updateSize: (size: string) => void;
     updateColumns: (columns: Columns, tableColumns: Columns) => void;
     toggleMaximized: () => void;
+    openExportModal: () => void;
+    openPrintModal: () => void;
+    printData: (params?: TableExportParams) => void;
+    exportData: (params?: TableExportParams) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     reload: () => true;
     'update:size': (_size: TableSize) => true;
@@ -83,7 +461,7 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 工具按钮布局 */
     tools: {
-        type: PropType<string[]>;
+        type: PropType<TableTool[]>;
         required: true;
     };
     /** 表格尺寸 */
@@ -105,15 +483,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 表格当前页数据 */
     pageData: PropType<DataItem[]>;
     /** 单元格合并行列方法 */
-    spanMethod: PropType<((data: {
-        row: DataItem;
-        rowIndex: number;
-        column: import('element-plus').TableColumnCtx<DataItem>;
-        columnIndex: number;
-    }) => number[] | {
-        rowspan: number;
-        colspan: number;
-    } | undefined) | undefined>;
+    spanMethod: PropType<SpanMethod>;
     /** 表格是否有表头 */
     tableHeader: BooleanConstructor;
     /** 是否显示合计行 */
@@ -121,15 +491,15 @@ declare const _default: import('vue').DefineComponent<{
     /** 合计行文本 */
     sumText: StringConstructor;
     /** 合计行自定义方法 */
-    summaryMethod: PropType<import('element-plus').SummaryMethod<DataItem> | undefined>;
+    summaryMethod: PropType<SummaryMethod>;
     /** 单元格样式 */
-    cellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
+    cellStyle: PropType<CellStyle>;
     /** 单元格类名自定义 */
-    cellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
+    cellClassName: PropType<CellClass>;
     /** 单元格样式 */
-    headerCellStyle: PropType<import('element-plus').CellStyle<DataItem> | undefined>;
+    headerCellStyle: PropType<HeaderCellStyle>;
     /** 单元格类名自定义 */
-    headerCellClassName: PropType<import('element-plus').CellCls<DataItem> | undefined>;
+    headerCellClassName: PropType<HeaderCellClass>;
     /** 序号列起始索引 */
     pageIndex: NumberConstructor;
     /** 树表字段名 */

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

@@ -9,6 +9,7 @@ const _sfc_main = vue.defineComponent({
     VueDraggable,
     ElCheckbox: elementPlus.ElCheckbox,
     ElIcon: elementPlus.ElIcon,
+    ElInput: elementPlus.ElInput,
     HolderOutlined: icons.HolderOutlined,
     VerticalRightOutlined: icons.VerticalRightOutlined,
     VerticalLeftOutlined: icons.VerticalLeftOutlined
@@ -21,7 +22,11 @@ const _sfc_main = vue.defineComponent({
     /** 是否开启列拖拽排序 */
     sortable: Boolean,
     /** 是否开启开关固定列 */
-    allowFixed: Boolean
+    allowFixed: Boolean,
+    /** 是否开启列宽设置 */
+    allowWidth: Boolean,
+    /** 列宽输入框提示文本 */
+    columnWidthPlaceholder: String
   },
   emits: {
     sortChange: (_colItems, _parent) => true,
@@ -29,7 +34,8 @@ const _sfc_main = vue.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) => {
@@ -59,6 +65,9 @@ const _sfc_main = vue.defineComponent({
     const handleChildFixedRightTooltip = (el) => {
       emit("fixedRightTooltip", el);
     };
+    const handleColWidthChange = (item, width) => {
+      emit("colWidthChange", item, width);
+    };
     return {
       handleSortChange,
       handleCheckedChange,
@@ -68,7 +77,8 @@ const _sfc_main = vue.defineComponent({
       handleFixedRightTooltip,
       handleChildSortChange,
       handleChildFixedLeftTooltip,
-      handleChildFixedRightTooltip
+      handleChildFixedRightTooltip,
+      handleColWidthChange
     };
   }
 });
@@ -92,12 +102,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 = vue.resolveComponent("HolderOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
   const _component_VerticalRightOutlined = vue.resolveComponent("VerticalRightOutlined");
   const _component_VerticalLeftOutlined = vue.resolveComponent("VerticalLeftOutlined");
+  const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_ToolColumnList = vue.resolveComponent("ToolColumnList", true);
   const _component_VueDraggable = vue.resolveComponent("VueDraggable");
   return vue.openBlock(), vue.createBlock(_component_VueDraggable, {
@@ -159,6 +174,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               })
             ], 42, _hoisted_7)
+          ])) : vue.createCommentVNode("", true),
+          _ctx.allowWidth ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+            vue.createVNode(_component_ElInput, {
+              size: "small",
+              maxlength: 12,
+              modelValue: d.width,
+              placeholder: _ctx.columnWidthPlaceholder,
+              "onUpdate:modelValue": (v) => _ctx.handleColWidthChange(d, v)
+            }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
           ])) : vue.createCommentVNode("", true)
         ]),
         d.children && d.children.length ? (vue.openBlock(), vue.createBlock(_component_ToolColumnList, {
@@ -166,13 +190,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"])) : vue.createCommentVNode("", true)
+          onFixedRightTooltip: _ctx.handleChildFixedRightTooltip,
+          onColWidthChange: _ctx.handleColWidthChange
+        }, null, 8, ["data", "parent", "sortable", "allowWidth", "columnWidthPlaceholder", "onSortChange", "onCheckedChange", "onFixedLeft", "onFixedRight", "onFixedLeftTooltip", "onFixedRightTooltip", "onColWidthChange"])) : vue.createCommentVNode("", true)
       ])
     ]),
     _: 1

package/lib/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;