vxe-table 4.20.2 → 4.20.4

package/dist/all.esm.js

@@ -44,7 +44,7 @@ function eqEmptyValue(cellValue) {
     return cellValue === '' || XEUtils.eqNull(cellValue);
 }
 
-const version = "4.20.2";
+const version = "4.20.4";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({
@@ -110,6 +110,7 @@ VxeUI.setConfig({
             strict: true
         },
         tooltipConfig: {
+            mode: 'tooltip',
             enterable: true,
             defaultPlacement: 'top'
         },
@@ -755,7 +756,7 @@ function wheelScrollTopTo(diffNum, cb) {
 }
 
 const { log } = VxeUI;
-const tableVersion = `table v${"4.20.2"}`;
+const tableVersion = `table v${"4.20.4"}`;
 function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -1328,6 +1329,7 @@ function createReactData$2() {
         mergeBodyFlag: 1,
         mergeFootFlag: 1,
         rowHeightStore: {
+            xlarge: 54,
             large: 52,
             default: 48,
             medium: 44,
@@ -4172,7 +4174,7 @@ var TableBodyComponent = defineVxeComponent({
             const cellOverflow = XEUtils.eqNull(showOverflow) ? allShowOverflow : showOverflow;
             const showEllipsis = cellOverflow === 'ellipsis';
             const showTitle = cellOverflow === 'title';
-            const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
+            const showTooltip = cellOverflow === true ? tooltipOpts.mode === 'tooltip' : cellOverflow === 'tooltip';
             const hasEllipsis = isAllOverflow || showTitle || showTooltip || showEllipsis;
             const showResizable = (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || allResizable));
             const isCsHeight = !!customCellHeight;
@@ -4916,7 +4918,7 @@ var TableHeaderComponent = defineVxeComponent({
     setup(props) {
         const $xeTable = inject('$xeTable', {});
         const { xID, props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-        const { computeColumnOpts, computeColumnDragOpts, computeCellOpts, computeMouseOpts, computeHeaderCellOpts, computeDefaultRowHeight, computeVirtualXOpts, computeFloatingFilterOpts, computeIsHeaderRenderOptimize } = $xeTable.getComputeMaps();
+        const { computeColumnOpts, computeColumnDragOpts, computeCellOpts, computeMouseOpts, computeHeaderCellOpts, computeDefaultRowHeight, computeVirtualXOpts, computeFloatingFilterOpts, computeIsHeaderRenderOptimize, computeHeaderTooltipOpts } = $xeTable.getComputeMaps();
         const headerColumn = ref([]);
         const refElem = ref();
         const refHeaderScroll = ref();
@@ -4951,6 +4953,7 @@ var TableHeaderComponent = defineVxeComponent({
             const virtualXOpts = computeVirtualXOpts.value;
             const columnOpts = computeColumnOpts.value;
             const columnDragOpts = computeColumnDragOpts.value;
+            const headerTooltipOpts = computeHeaderTooltipOpts.value;
             const cellOpts = computeCellOpts.value;
             const defaultRowHeight = computeDefaultRowHeight.value;
             const headerCellOpts = computeHeaderCellOpts.value;
@@ -4970,7 +4973,7 @@ var TableHeaderComponent = defineVxeComponent({
                 const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
                 const showEllipsis = headOverflow === 'ellipsis';
                 const showTitle = headOverflow === 'title';
-                const showTooltip = headOverflow === true || headOverflow === 'tooltip';
+                const showTooltip = headOverflow === true ? headerTooltipOpts.mode === 'tooltip' : headOverflow === 'tooltip';
                 const hasEllipsis = showTitle || showTooltip || showEllipsis;
                 let hasFilter = false;
                 let firstFilterOption = null;
@@ -5128,6 +5131,7 @@ var TableHeaderComponent = defineVxeComponent({
             const { showHeaderOverflow: allColumnHeaderOverflow, headerAlign: allHeaderAlign, align: allAlign } = tableProps;
             const { currentColumn, overflowX } = tableReactData;
             const { fullColumnIdData } = tableInternalData;
+            const headerTooltipOpts = computeHeaderTooltipOpts.value;
             const cellOpts = computeCellOpts.value;
             const defaultRowHeight = computeDefaultRowHeight.value;
             const headerCellOpts = computeHeaderCellOpts.value;
@@ -5149,7 +5153,7 @@ var TableHeaderComponent = defineVxeComponent({
                 const headAlign = headerAlign || (compConf ? compConf.tableHeaderCellAlign : '') || allHeaderAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
                 const showEllipsis = headOverflow === 'ellipsis';
                 const showTitle = headOverflow === 'title';
-                const showTooltip = headOverflow === true || headOverflow === 'tooltip';
+                const showTooltip = headOverflow === true ? headerTooltipOpts.mode === 'tooltip' : headOverflow === 'tooltip';
                 const hasEllipsis = showTitle || showTooltip || showEllipsis;
                 let hasFilter = false;
                 let firstFilterOption = null;
@@ -5470,7 +5474,7 @@ var TableFooterComponent = defineVxeComponent({
                 const footAlign = footerAlign || (compConf ? compConf.tableFooterCellAlign : '') || allFooterAlign || align || (compConf ? compConf.tableCellAlign : '') || allAlign;
                 const showEllipsis = footOverflow === 'ellipsis';
                 const showTitle = footOverflow === 'title';
-                const showTooltip = footOverflow === true || footOverflow === 'tooltip';
+                const showTooltip = footOverflow === true ? footerTooltipOpts.mode === 'tooltip' : footOverflow === 'tooltip';
                 const hasEllipsis = showTitle || showTooltip || showEllipsis;
                 const showResizable = (XEUtils.isBoolean(column.resizable) ? column.resizable : (columnOpts.resizable || allResizable));
                 const attrs = { colid };
@@ -7881,6 +7885,13 @@ var TableExportPanelComponent = defineVxeComponent({
         const xButtonConfirm = ref();
         const xInputFilename = ref();
         const xInputSheetname = ref();
+        const computeColWidthModeOptions = computed(() => {
+            return [
+                { value: '', label: getI18n$7('vxe.export.wdModes.default') },
+                { value: 'auto', label: getI18n$7('vxe.export.wdModes.auto') },
+                { value: 'scale', label: getI18n$7('vxe.export.wdModes.scale') }
+            ];
+        });
         const computeCheckedAll = computed(() => {
             const { storeData } = props;
             return storeData.columns.every((column) => column.checked);
@@ -8005,6 +8016,7 @@ var TableExportPanelComponent = defineVxeComponent({
             const showSheet = computeShowSheet.value;
             const supportMerge = computeSupportMerge.value;
             const supportStyle = computeSupportStyle.value;
+            const colWidthModeOptions = computeColWidthModeOptions.value;
             // const supportGroup = computeSupportGroup.value
             const slots = defaultOptions.slots || {};
             const topSlot = slots.top;
@@ -8205,6 +8217,22 @@ var TableExportPanelComponent = defineVxeComponent({
                                                         ])
                                                     ])
                                                 ]),
+                                                isPrint
+                                                    ? h('tr', [
+                                                        h('td', getI18n$7('vxe.export.widthMode')),
+                                                        h('td', [
+                                                            VxeUISelectComponent
+                                                                ? h(VxeUISelectComponent, {
+                                                                    modelValue: defaultOptions.widthMode,
+                                                                    options: colWidthModeOptions,
+                                                                    'onUpdate:modelValue'(value) {
+                                                                        defaultOptions.widthMode = value;
+                                                                    }
+                                                                })
+                                                                : renderEmptyElement$3($xeTable)
+                                                        ])
+                                                    ])
+                                                    : renderEmptyElement$3($xeTable),
                                                 h('tr', [
                                                     h('td', getI18n$7('vxe.export.expOpts')),
                                                     parameterSlot
@@ -8216,9 +8244,9 @@ var TableExportPanelComponent = defineVxeComponent({
                                                         : h('td', [
                                                             h('div', {
                                                                 class: 'vxe-table-export--panel-option-row'
-                                                            }, [
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                            }, VxeUICheckboxComponent
+                                                                ? [
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: hasEmptyData || isHeader,
                                                                         disabled: hasEmptyData,
                                                                         title: getI18n$7('vxe.export.expHeaderTitle'),
@@ -8226,10 +8254,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.isHeader = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                                    }),
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: defaultOptions.isFooter,
                                                                         disabled: !storeData.hasFooter,
                                                                         title: getI18n$7('vxe.export.expFooterTitle'),
@@ -8237,10 +8263,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.isFooter = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                                    }),
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: isHeader ? defaultOptions.isTitle : false,
                                                                         disabled: !isHeader,
                                                                         title: getI18n$7('vxe.export.expTitleTitle'),
@@ -8248,10 +8272,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.isTitle = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                                    }),
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
                                                                         title: getI18n$7('vxe.export.expColgroupTitle'),
                                                                         disabled: !isHeader || !hasColgroup || !supportMerge,
@@ -8260,13 +8282,13 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                             defaultOptions.isColgroup = value;
                                                                         }
                                                                     })
-                                                                    : renderEmptyElement$3($xeTable)
-                                                            ]),
+                                                                ]
+                                                                : []),
                                                             h('div', {
                                                                 class: 'vxe-table-export--panel-option-row'
-                                                            }, [
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                            }, VxeUICheckboxComponent
+                                                                ? [
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: hasEmptyData ? false : defaultOptions.original,
                                                                         disabled: hasEmptyData,
                                                                         title: getI18n$7('vxe.export.expOriginalTitle'),
@@ -8274,10 +8296,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.original = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                                    }),
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
                                                                         title: getI18n$7('vxe.export.expMergeTitle'),
                                                                         disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
@@ -8285,25 +8305,25 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.isMerge = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                isPrint || !VxeUICheckboxComponent
-                                                                    ? renderEmptyElement$3($xeTable)
-                                                                    : h(VxeUICheckboxComponent, {
-                                                                        modelValue: supportStyle ? defaultOptions.useStyle : false,
-                                                                        disabled: !supportStyle,
-                                                                        title: getI18n$7('vxe.export.expUseStyleTitle'),
-                                                                        content: getI18n$7('vxe.export.expOptUseStyle'),
-                                                                        'onUpdate:modelValue'(value) {
-                                                                            defaultOptions.useStyle = value;
-                                                                        }
-                                                                    })
-                                                            ]),
+                                                                    }),
+                                                                    isPrint
+                                                                        ? renderEmptyElement$3($xeTable)
+                                                                        : h(VxeUICheckboxComponent, {
+                                                                            modelValue: supportStyle ? defaultOptions.useStyle : false,
+                                                                            disabled: !supportStyle,
+                                                                            title: getI18n$7('vxe.export.expUseStyleTitle'),
+                                                                            content: getI18n$7('vxe.export.expOptUseStyle'),
+                                                                            'onUpdate:modelValue'(value) {
+                                                                                defaultOptions.useStyle = value;
+                                                                            }
+                                                                        })
+                                                                ]
+                                                                : []),
                                                             h('div', {
                                                                 class: 'vxe-table-export--panel-option-row'
-                                                            }, [
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                            }, VxeUICheckboxComponent
+                                                                ? [
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
                                                                         disabled: hasEmptyData || !hasTree,
                                                                         title: getI18n$7('vxe.export.expTreeAllExpandTitle'),
@@ -8311,10 +8331,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.isTreeAllExpanded = value;
                                                                         }
-                                                                    })
-                                                                    : renderEmptyElement$3($xeTable),
-                                                                VxeUICheckboxComponent
-                                                                    ? h(VxeUICheckboxComponent, {
+                                                                    }),
+                                                                    h(VxeUICheckboxComponent, {
                                                                         modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
                                                                         disabled: hasEmptyData || !hasRowGroup,
                                                                         title: getI18n$7('vxe.export.expRowGroupAllExpandTitle'),
@@ -8323,8 +8341,8 @@ var TableExportPanelComponent = defineVxeComponent({
                                                                             defaultOptions.isRowGroupAllExpanded = value;
                                                                         }
                                                                     })
-                                                                    : renderEmptyElement$3($xeTable)
-                                                            ])
+                                                                ]
+                                                                : [])
                                                         ])
                                                 ])
                                             ]
@@ -10429,7 +10447,7 @@ hooks$5.add('tableEditModule', {
 });
 
 // 默认导出或打印的 HTML 样式
-const defaultHtmlStyle = 'body{margin:0;padding: 0 1px;color:#333333;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
+const defaultHtmlStyle = 'body{padding:0;color:rgba(0,0,0,0.7);font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}body *{-webkit-box-sizing:border-box;box-sizing:border-box;}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0;}.vxe-table.is--default-width,.vxe-table.is--auto-width{width:100%;}.vxe-table.is--scale-width{table-layout:fixed;}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{word-break:break-all;border-color:#D0D0D0;border-style:solid;border-width:0;}.border--default,.border--full,.border--outer{border-top-width:1px;}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px;}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px;}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9;}.vxe-table td>div,.vxe-table th>div{padding:0.5em 0.4em;}.col--center{text-align:center;}.col--right{text-align:right;}.vxe-table .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}.vxe-table--tree-node{text-align:left;}.vxe-table--tree-node-wrapper{position:relative;}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:0.5em;border-right-color:transparent;border-bottom-color:transparent;}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent;}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599;}.vxe-table--tree-cell{display:block;padding-left:1.5em;}.vxe-table input[type="checkbox"]{margin:0;}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
 function getExportBlobByContent(content, options) {
     return new Blob([content], { type: `text/${options.type};charset=utf-8;` });
 }
@@ -11109,22 +11127,106 @@ hooks$4.add('tableExportModule', {
             }
             return isEllipsis;
         };
+        const getCustomColKey = (conf) => {
+            return `${conf.field || ''}:${conf.type || ''}`;
+        };
         const toHtml = (opts, columns, datas) => {
             const { id, border, treeConfig, headerAlign: allHeaderAlign, align: allAlign, footerAlign: allFooterAlign, showOverflow: allColumnOverflow, showHeaderOverflow: allColumnHeaderOverflow } = props;
             const { isAllSelected, isIndeterminate } = reactData;
             const { mergeBodyCellMaps, mergeFooterCellMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
-            const { print: isPrint, isHeader, isFooter, isColgroup, isMerge, colgroups, original } = opts;
+            const { print: isPrint, widthMode, isHeader, isFooter, isColgroup, isMerge, colgroups, _columnConfs, original } = opts;
+            const isAutoWidth = widthMode === 'auto';
+            const isScaleWidth = widthMode === 'scale';
+            const isDefaultWidth = !isAutoWidth && !isScaleWidth;
+            const customWidthMaps = {};
+            if (_columnConfs) {
+                _columnConfs.forEach(conf => {
+                    if (!isColumnInfo(conf)) {
+                        if ((conf.field || conf.type) && conf.width) {
+                            customWidthMaps[getCustomColKey(conf)] = conf.width;
+                        }
+                    }
+                });
+            }
+            // 计算宽度
+            const colWidthMaps = {};
+            const printWidthMaps = {};
+            if (isPrint) {
+                let tableWidth = 0;
+                columns.forEach(column => {
+                    tableWidth += column.renderWidth;
+                });
+                if (colgroups) {
+                    colgroups.forEach((cols) => {
+                        cols.forEach((column) => {
+                            if (!column.childNodes || !column.childNodes.length) {
+                                return;
+                            }
+                            let childWidth = 0;
+                            let countChild = 0;
+                            XEUtils.eachTree([column], item => {
+                                if (!item.childNodes || !column.childNodes.length) {
+                                    countChild++;
+                                }
+                                const ptWidth = printWidthMaps[item.id];
+                                childWidth += ptWidth || 0;
+                            }, { children: 'childNodes' });
+                            const colWidth = childWidth - countChild;
+                            colWidthMaps[column.id] = colWidth;
+                            printWidthMaps[column.id] = XEUtils.floor(colWidth / tableWidth * 180, 2);
+                        });
+                    });
+                }
+                columns.forEach(column => {
+                    const colWidth = column.renderWidth;
+                    if (column.width) {
+                        colWidthMaps[column.id] = colWidth;
+                    }
+                    printWidthMaps[column.id] = XEUtils.floor(colWidth / tableWidth * 180, 2);
+                });
+            }
+            const getHeaderWidthStyle = (column) => {
+                const cmColKey = getCustomColKey(column);
+                const cmWidthMaps = customWidthMaps[cmColKey];
+                if (cmWidthMaps) {
+                    return 'width:' + toCssUnit(cmWidthMaps);
+                }
+                if (isAutoWidth) {
+                    return '';
+                }
+                if (isScaleWidth) {
+                    return printWidthMaps[column.id] ? ('width:' + printWidthMaps[column.id] + 'mm') : '';
+                }
+                return colWidthMaps[column.id] ? ('width:' + toCssUnit(colWidthMaps[column.id])) : '';
+            };
+            const getCellWidthStyle = (column) => {
+                const cmColKey = getCustomColKey(column);
+                const cmWidthMaps = customWidthMaps[cmColKey];
+                if (cmWidthMaps) {
+                    return 'width:' + toCssUnit(cmWidthMaps);
+                }
+                if (isAutoWidth || isDefaultWidth) {
+                    return '';
+                }
+                if (isScaleWidth) {
+                    return printWidthMaps[column.id] ? ('width:' + printWidthMaps[column.id] + 'mm') : '';
+                }
+                return colWidthMaps[column.id] ? ('width:' + toCssUnit(colWidthMaps[column.id])) : '';
+            };
             const allCls = 'check-all';
             const clss = [
                 'vxe-table',
                 `border--${toTableBorder(border)}`,
                 isPrint ? 'is--print' : '',
+                isAutoWidth ? 'is--auto-width' : '',
+                isScaleWidth ? 'is--scale-width' : '',
+                isDefaultWidth ? 'is--default-width' : '',
                 isHeader ? 'is--header' : ''
             ].filter(cls => cls);
             const tables = [
                 `<table class="${clss.join(' ')}" border="0" cellspacing="0" cellpadding="0">`,
-                `<colgroup>${columns.map((column) => `<col style="width:${column.renderWidth}px">`).join('')}</colgroup>`
+                `<colgroup>${columns.map((column) => `<col style="${getHeaderWidthStyle(column)}">`).join('')}</colgroup>`
             ];
             if (isHeader) {
                 tables.push('<thead>');
@@ -11134,22 +11236,13 @@ hooks$4.add('tableExportModule', {
                             const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign;
                             const classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : [];
                             const cellTitle = getHeaderTitle(opts, column);
-                            let childWidth = 0;
-                            let countChild = 0;
-                            XEUtils.eachTree([column], item => {
-                                if (!item.childNodes || !column.childNodes.length) {
-                                    countChild++;
-                                }
-                                childWidth += item.renderWidth;
-                            }, { children: 'childNodes' });
-                            const cellWidth = childWidth - countChild;
                             if (headAlign) {
                                 classNames.push(`col--${headAlign}`);
                             }
                             if (column.type === 'checkbox') {
-                                return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}"><div ${isPrint ? '' : `style="width: ${cellWidth}px"`}><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`;
+                                return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`;
                             }
-                            return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}" title="${cellTitle}"><div ${isPrint ? '' : `style="width: ${cellWidth}px"`}><span>${formatText(cellTitle, true)}</span></div></th>`;
+                            return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`;
                         }).join('')}</tr>`);
                     });
                 }
@@ -11162,9 +11255,9 @@ hooks$4.add('tableExportModule', {
                             classNames.push(`col--${headAlign}`);
                         }
                         if (column.type === 'checkbox') {
-                            return `<th class="${classNames.join(' ')}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`;
+                            return `<th class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`;
                         }
-                        return `<th class="${classNames.join(' ')}" title="${cellTitle}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><span>${formatText(cellTitle, true)}</span></div></th>`;
+                        return `<th class="${classNames.join(' ')}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`;
                     }).join('')}</tr>`);
                 }
                 tables.push('</thead>');
@@ -11188,20 +11281,20 @@ hooks$4.add('tableExportModule', {
                                 }
                                 classNames.push('vxe-table--tree-node');
                                 if (column.type === 'radio') {
-                                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></div></div></td>`;
+                                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></div></div></td>`;
                                 }
                                 else if (column.type === 'checkbox') {
-                                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></div></div></td>`;
+                                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></div></div></td>`;
                                 }
-                                return `<td class="${classNames.join(' ')}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell">${cellValue}</div></div></div></td>`;
+                                return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell">${cellValue}</div></div></div></td>`;
                             }
                             if (column.type === 'radio') {
-                                return `<td class="${classNames.join(' ')}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`;
+                                return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`;
                             }
                             else if (column.type === 'checkbox') {
-                                return `<td class="${classNames.join(' ')}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`;
+                                return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`;
                             }
-                            return `<td class="${classNames.join(' ')}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${formatText(cellValue, true)}</div></td>`;
+                            return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`;
                         }).join('') + '</tr>');
                     });
                 }
@@ -11234,12 +11327,12 @@ hooks$4.add('tableExportModule', {
                                 classNames.push(`col--${cellAlign}`);
                             }
                             if (column.type === 'radio') {
-                                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`;
+                                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`;
                             }
                             else if (column.type === 'checkbox') {
-                                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`;
+                                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`;
                             }
-                            return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${formatText(cellValue, true)}</div></td>`;
+                            return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`;
                         }).join('') + '</tr>');
                     });
                 }
@@ -11277,7 +11370,7 @@ hooks$4.add('tableExportModule', {
                             if (footAlign) {
                                 classNames.push(`col--${footAlign}`);
                             }
-                            return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${formatText(cellValue, true)}</div></td>`;
+                            return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`;
                         }).join('')}</tr>`);
                     });
                     tables.push('</tfoot>');
@@ -11692,6 +11785,9 @@ hooks$4.add('tableExportModule', {
             if (!typeList.some(item => item.value === type)) {
                 exportParams.type = typeList[0].value;
             }
+            if (!exportParams.widthMode) {
+                exportParams.widthMode = '';
+            }
             initStore.export = true;
             return nextTick();
         };
@@ -11778,7 +11874,7 @@ hooks$4.add('tableExportModule', {
                         return isChecked;
                     }, { children: 'children', mapChildren: 'childNodes', original: true });
                 }
-                const handleOptions = Object.assign({}, opts, { filename: '', sheetName: '' });
+                const handleOptions = Object.assign({}, opts, { filename: '', sheetName: '', _columnConfs: columns });
                 // 如果设置源数据，则默认导出设置了字段的列
                 if (!isCustomCol && !columnFilterMethod) {
                     columnFilterMethod = ({ column }) => {
@@ -17959,7 +18055,8 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 else if (checkRowKeys) {
                     const defSelection = [];
-                    checkRowKeys.forEach((rowid) => {
+                    checkRowKeys.forEach((rowKey) => {
+                        const rowid = encodeRowid(rowKey);
                         if (fullDataRowIdData[rowid]) {
                             defSelection.push(fullDataRowIdData[rowid].row);
                         }
@@ -17976,7 +18073,8 @@ var VxeTableComponent = defineVxeComponent({
             if (radioConfig) {
                 const { fullDataRowIdData } = internalData;
                 const radioOpts = computeRadioOpts.value;
-                const { checkRowKey: rowid, reserve } = radioOpts;
+                const { checkRowKey: rowKey, reserve } = radioOpts;
+                const rowid = rowKey ? encodeRowid(rowKey) : null;
                 if (rowid) {
                     if (fullDataRowIdData[rowid]) {
                         handleCheckedRadioRow(fullDataRowIdData[rowid].row, true);
@@ -18002,7 +18100,8 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 else if (expandRowKeys) {
                     const defExpandeds = [];
-                    expandRowKeys.forEach((rowid) => {
+                    expandRowKeys.forEach((rowKey) => {
+                        const rowid = encodeRowid(rowKey);
                         if (fullDataRowIdData[rowid]) {
                             defExpandeds.push(fullDataRowIdData[rowid].row);
                         }
@@ -18261,7 +18360,8 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 else if (expandRowKeys) {
                     const defExpandeds = [];
-                    expandRowKeys.forEach((rowid) => {
+                    expandRowKeys.forEach((rowKey) => {
+                        const rowid = encodeRowid(rowKey);
                         const rowRest = fullAllDataRowIdData[rowid];
                         if (rowRest) {
                             defExpandeds.push(rowRest.row);
@@ -21580,13 +21680,14 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 return handleCheckedCheckboxRow(rows, checked, true);
             },
-            setCheckboxRowKey(keys, checked) {
+            setCheckboxRowByKey(keys, checked) {
                 const { fullAllDataRowIdData } = internalData;
                 if (!XEUtils.isArray(keys)) {
                     keys = [keys];
                 }
                 const rows = [];
-                keys.forEach((rowid) => {
+                keys.forEach((rowKey) => {
+                    const rowid = encodeRowid(rowKey);
                     const rowRest = fullAllDataRowIdData[rowid];
                     if (rowRest) {
                         rows.push(rowRest.row);
@@ -21594,6 +21695,9 @@ var VxeTableComponent = defineVxeComponent({
                 });
                 return handleCheckedCheckboxRow(rows, checked, true);
             },
+            setCheckboxRowKey(keys, checked) {
+                return $xeTable.setCheckboxRowByKey(keys, checked);
+            },
             isCheckedByCheckboxRow(row) {
                 const { updateCheckboxFlag } = reactData;
                 const { selectCheckboxMaps } = internalData;
@@ -21604,11 +21708,12 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 return !!updateCheckboxFlag && !!selectCheckboxMaps[getRowid($xeTable, row)];
             },
-            isCheckedByCheckboxRowKey(rowid) {
+            isCheckedByCheckboxRowKey(rowKey) {
                 const { updateCheckboxFlag } = reactData;
                 const { fullAllDataRowIdData, selectCheckboxMaps } = internalData;
                 const checkboxOpts = computeCheckboxOpts.value;
                 const { checkField } = checkboxOpts;
+                const rowid = encodeRowid(rowKey);
                 if (checkField) {
                     const rowRest = fullAllDataRowIdData[rowid];
                     if (rowRest) {
@@ -21622,8 +21727,9 @@ var VxeTableComponent = defineVxeComponent({
                 const { treeIndeterminateRowMaps } = internalData;
                 return !!treeIndeterminateRowMaps[getRowid($xeTable, row)] && !$xeTable.isCheckedByCheckboxRow(row);
             },
-            isIndeterminateByCheckboxRowKey(rowid) {
+            isIndeterminateByCheckboxRowKey(rowKey) {
                 const { treeIndeterminateRowMaps } = internalData;
+                const rowid = encodeRowid(rowKey);
                 return !!treeIndeterminateRowMaps[rowid] && !$xeTable.isCheckedByCheckboxRowKey(rowid);
             },
             /**
@@ -21816,14 +21922,18 @@ var VxeTableComponent = defineVxeComponent({
              * 用于单选行，设置某一行为选中状态
              * @param key 行主键
              */
-            setRadioRowKey(rowid) {
+            setRadioByRowKey(rowKey) {
                 const { fullAllDataRowIdData } = internalData;
+                const rowid = encodeRowid(rowKey);
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
                     return handleCheckedRadioRow(rowRest.row, true);
                 }
                 return nextTick();
             },
+            setRadioRowKey(rowKey) {
+                return $xeTable.setRadioByRowKey(rowKey);
+            },
             /**
              * 用于当前行，手动清空当前高亮的状态
              */
@@ -29841,35 +29951,35 @@ var VxeTableComponent = defineVxeComponent({
             $xeTable.preventEvent(null, 'unmounted', { $table: $xeTable });
         });
         nextTick(() => {
+            const { showOverflow, showHeaderOverflow, showFooterOverflow } = props;
+            const tooltipOpts = computeTooltipOpts.value;
+            const headerTooltipOpts = computeHeaderTooltipOpts.value;
+            const footerTooltipOpts = computeFooterTooltipOpts.value;
             if (props.loading) {
                 if (!VxeUILoadingComponent && !slots.loading) {
-                    errLog$2('vxe.error.errProp', ['loading=true', 'loading=false | <template #loading>...</template>']);
                     errLog$2('vxe.error.reqComp', ['vxe-loading']);
+                    errLog$2('vxe.error.errProp', ['loading=true', 'loading=false | <template #loading>...</template>']);
                 }
             }
-            if ((props.showOverflow === true || props.showOverflow === 'tooltip') ||
-                (props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip') ||
-                (props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip')) {
-                if (!VxeUITooltipComponent) {
-                    if (props.showOverflow === true) {
-                        errLog$2('vxe.error.errProp', ['show-overflow=true', 'show-overflow=title']);
-                    }
-                    if (props.showOverflow === 'tooltip') {
-                        errLog$2('vxe.error.errProp', ['show-overflow=tooltip', 'show-overflow=title']);
-                    }
-                    if (props.showHeaderOverflow === true) {
-                        errLog$2('vxe.error.errProp', ['show-header-overflow=true', 'show-header-overflow=title']);
-                    }
-                    if (props.showHeaderOverflow === 'tooltip') {
-                        errLog$2('vxe.error.errProp', ['show-header-overflow=tooltip', 'show-header-overflow=title']);
-                    }
-                    if (props.showFooterOverflow === true) {
-                        errLog$2('vxe.error.errProp', ['show-footer-overflow=true', 'show-footer-overflow=title']);
-                    }
-                    if (props.showFooterOverflow === 'tooltip') {
-                        errLog$2('vxe.error.errProp', ['show-footer-overflow=tooltip', 'show-footer-overflow=title']);
-                    }
-                    errLog$2('vxe.error.reqComp', ['vxe-tooltip']);
+            if (!VxeUITooltipComponent) {
+                errLog$2('vxe.error.reqComp', ['vxe-tooltip']);
+                if (showOverflow === 'tooltip') {
+                    errLog$2('vxe.error.errProp', ['show-overflow=' + showOverflow, 'show-overflow=false,title,ellipsis']);
+                }
+                if (showOverflow === true && tooltipOpts.mode === 'tooltip') {
+                    errLog$2('vxe.error.notSupportProp', ['show-overflow=' + showOverflow, 'tooltip-config.mode=tooltip', 'tooltip-config.mode=title,ellipsis']);
+                }
+                if (showHeaderOverflow === 'tooltip') {
+                    errLog$2('vxe.error.errProp', ['show-header-overflow=' + showHeaderOverflow, 'show-header-overflow=false,title,ellipsis']);
+                }
+                if (showHeaderOverflow === true && headerTooltipOpts.mode === 'tooltip') {
+                    errLog$2('vxe.error.notSupportProp', ['show-header-overflow=' + showHeaderOverflow, 'header-tooltip-config.mode=tooltip', 'header-tooltip-config.mode=title,ellipsis']);
+                }
+                if (showFooterOverflow === 'tooltip') {
+                    errLog$2('vxe.error.errProp', ['show-footer-overflow=' + showFooterOverflow, 'show-footer-overflow=false,title,ellipsis']);
+                }
+                if (showFooterOverflow === true && footerTooltipOpts.mode === 'tooltip') {
+                    errLog$2('vxe.error.notSupportProp', ['show-footer-overflow=' + showFooterOverflow, 'footer-tooltip-config.mode=tooltip', 'footer-tooltip-config.mode=title,ellipsis']);
                 }
             }
         });
@@ -32465,6 +32575,13 @@ var zhCN = {
             expMode: '选择数据',
             expCurrentColumn: '全部字段',
             expColumn: '选择字段',
+            widthMode: '列宽方式',
+            wModeTitle: '设置打印时列宽的渲染方式',
+            wdModes: {
+                default: '默认',
+                auto: '自适应（根据内容自适应列宽）',
+                scale: '等比例（根据页面比例渲染列宽）'
+            },
             expOpts: '参数设置',
             expOptHeader: '表头',
             expHeaderTitle: '是否需要表头',