vxe-table 3.22.2 → 3.22.3

package/lib/table/module/export/export-panel.js

@@ -48,6 +48,18 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
+    computeColWidthModeOptions() {
+      return [{
+        value: '',
+        label: getI18n('vxe.export.wdModes.default')
+      }, {
+        value: 'auto',
+        label: getI18n('vxe.export.wdModes.auto')
+      }, {
+        value: 'scale',
+        label: getI18n('vxe.export.wdModes.scale')
+      }];
+    },
     computeCheckedAll() {
       const $xeExportPanel = this;
       const props = $xeExportPanel;
@@ -251,6 +263,11 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
       });
     },
     renderVN(h) {
+      const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const VxeUISelectComponent = _ui.VxeUI.getComponent('VxeSelect');
+      const VxeUIInputComponent = _ui.VxeUI.getComponent('VxeInput');
+      const VxeUICheckboxComponent = _ui.VxeUI.getComponent('VxeCheckbox');
       const $xeExportPanel = this;
       const props = $xeExportPanel;
       const reactData = $xeExportPanel.reactData;
@@ -281,6 +298,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
       const showSheet = $xeExportPanel.computeShowSheet;
       const supportMerge = $xeExportPanel.computeSupportMerge;
       const supportStyle = $xeExportPanel.computeSupportStyle;
+      const colWidthModeOptions = $xeExportPanel.computeColWidthModeOptions;
       // const supportGroup = $xeExportPanel.computeSupportGroup
       const slots = defaultOptions.slots || {};
       const topSlot = slots.top;
@@ -324,7 +342,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
           class: 'vxe-checkbox--label'
         }, colTitle)]));
       });
-      return h('vxe-modal', {
+      return VxeUIModalComponent ? h(VxeUIModalComponent, {
         ref: 'modal',
         props: {
           id: 'VXE_EXPORT_MODAL',
@@ -372,7 +390,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                 cellpadding: 0,
                 border: 0
               }
-            }, [h('tbody', [[isPrint ? renderEmptyElement($xeTable) : h('tr', [h('td', getI18n('vxe.export.expName')), h('td', [h('vxe-input', {
+            }, [h('tbody', [[isPrint ? renderEmptyElement($xeTable) : h('tr', [h('td', getI18n('vxe.export.expName')), h('td', [VxeUIInputComponent ? h(VxeUIInputComponent, {
               ref: 'filename',
               props: {
                 value: defaultOptions.filename,
@@ -385,7 +403,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.filename = value;
                 }
               }
-            })])]), isPrint ? renderEmptyElement($xeTable) : h('tr', [h('td', getI18n('vxe.export.expType')), h('td', [h('vxe-select', {
+            }) : renderEmptyElement($xeTable)])]), isPrint ? renderEmptyElement($xeTable) : h('tr', [h('td', getI18n('vxe.export.expType')), h('td', [h('vxe-select', {
               props: {
                 value: defaultOptions.type,
                 options: storeData.typeList
@@ -395,7 +413,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.type = value;
                 }
               }
-            })])]), isPrint || showSheet ? h('tr', [h('td', getI18n('vxe.export.expSheetName')), h('td', [h('vxe-input', {
+            })])]), isPrint || showSheet ? h('tr', [h('td', getI18n('vxe.export.expSheetName')), h('td', [VxeUIInputComponent ? h(VxeUIInputComponent, {
               ref: 'sheetname',
               props: {
                 value: defaultOptions.sheetName,
@@ -408,7 +426,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.sheetName = value;
                 }
               }
-            })])]) : renderEmptyElement($xeTable), h('tr', [h('td', getI18n('vxe.export.expMode')), h('td', [h('vxe-select', {
+            }) : renderEmptyElement($xeTable)])]) : renderEmptyElement($xeTable), h('tr', [h('td', getI18n('vxe.export.expMode')), h('td', [h(VxeUISelectComponent, {
               props: {
                 value: defaultOptions.mode,
                 options: storeData.modeList
@@ -439,11 +457,21 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
               class: 'vxe-checkbox--label'
             }, getI18n('vxe.export.expCurrentColumn'))])]), h('ul', {
               class: 'vxe-table-export--panel-column-body'
-            }, colVNs)])])]), h('tr', [h('td', getI18n('vxe.export.expOpts')), parameterSlot ? h('td', [h('div', {
+            }, colVNs)])])]), isPrint ? h('tr', [h('td', getI18n('vxe.export.widthMode')), h('td', [VxeUISelectComponent ? h(VxeUISelectComponent, {
+              props: {
+                value: defaultOptions.widthMode,
+                options: colWidthModeOptions
+              },
+              on: {
+                modelValue(value) {
+                  defaultOptions.widthMode = value;
+                }
+              }
+            }) : renderEmptyElement($xeTable)])]) : renderEmptyElement($xeTable), h('tr', [h('td', getI18n('vxe.export.expOpts')), parameterSlot ? h('td', [h('div', {
               class: 'vxe-table-export--panel-option-row'
             }, $xeTable.callSlot(parameterSlot, params, h))]) : h('td', [h('div', {
               class: 'vxe-table-export--panel-option-row'
-            }, [h('vxe-checkbox', {
+            }, VxeUICheckboxComponent ? [h(VxeUICheckboxComponent, {
               props: {
                 value: hasEmptyData || isHeader,
                 disabled: hasEmptyData,
@@ -455,7 +483,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isHeader = value;
                 }
               }
-            }), h('vxe-checkbox', {
+            }), h(VxeUICheckboxComponent, {
               props: {
                 value: defaultOptions.isFooter,
                 disabled: !storeData.hasFooter,
@@ -467,7 +495,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isFooter = value;
                 }
               }
-            }), h('vxe-checkbox', {
+            }), h(VxeUICheckboxComponent, {
               props: {
                 value: isHeader ? defaultOptions.isTitle : false,
                 disabled: !isHeader,
@@ -479,7 +507,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isTitle = value;
                 }
               }
-            }), h('vxe-checkbox', {
+            }), h(VxeUICheckboxComponent, {
               props: {
                 value: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
                 disabled: !isHeader || !hasColgroup || !supportMerge,
@@ -491,9 +519,9 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isColgroup = value;
                 }
               }
-            })]), h('div', {
+            })] : []), h('div', {
               class: 'vxe-table-export--panel-option-row'
-            }, [h('vxe-checkbox', {
+            }, VxeUICheckboxComponent ? [h(VxeUICheckboxComponent, {
               props: {
                 value: hasEmptyData ? false : defaultOptions.original,
                 disabled: hasEmptyData,
@@ -505,7 +533,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.original = value;
                 }
               }
-            }), h('vxe-checkbox', {
+            }), h(VxeUICheckboxComponent, {
               props: {
                 value: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
                 disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
@@ -517,7 +545,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isMerge = value;
                 }
               }
-            }), isPrint ? renderEmptyElement($xeTable) : h('vxe-checkbox', {
+            }), isPrint ? renderEmptyElement($xeTable) : h(VxeUICheckboxComponent, {
               props: {
                 value: supportStyle ? defaultOptions.useStyle : false,
                 disabled: !supportStyle,
@@ -529,9 +557,9 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.useStyle = value;
                 }
               }
-            })]), h('div', {
+            })] : []), h('div', {
               class: 'vxe-table-export--panel-option-row'
-            }, [h('vxe-checkbox', {
+            }, VxeUICheckboxComponent ? [h(VxeUICheckboxComponent, {
               props: {
                 value: hasTree ? defaultOptions.isTreeAllExpanded : false,
                 disabled: hasEmptyData || !hasTree,
@@ -543,7 +571,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isTreeAllExpanded = value;
                 }
               }
-            }), h('vxe-checkbox', {
+            }), h(VxeUICheckboxComponent, {
               props: {
                 value: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
                 disabled: hasEmptyData || !hasRowGroup,
@@ -555,7 +583,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
                   defaultOptions.isRowGroupAllExpanded = value;
                 }
               }
-            })])])])]])])]), bottomSlot ? h('div', {
+            })] : [])])])]])])]), bottomSlot ? h('div', {
               class: 'vxe-table-export--panel-bottom'
             }, $xeTable.callSlot(bottomSlot, params, h)) : renderEmptyElement($xeTable)]);
           },
@@ -572,14 +600,14 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
               class: 'vxe-table-export--panel-footer'
             }, footerSlot ? $xeTable.callSlot(footerSlot, params, h) : [h('div', {
               class: 'vxe-table-export--panel-btns'
-            }, [h('vxe-button', {
+            }, [VxeUIButtonComponent ? h(VxeUIButtonComponent, {
               props: {
                 content: getI18n('vxe.export.expCancel')
               },
               on: {
                 click: $xeExportPanel.cancelEvent
               }
-            }), h('vxe-button', {
+            }) : renderEmptyElement($xeTable), VxeUIButtonComponent ? h(VxeUIButtonComponent, {
               ref: 'confirmBtn',
               props: {
                 status: 'primary',
@@ -588,10 +616,10 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
               on: {
                 click: $xeExportPanel.confirmEvent
               }
-            })])]);
+            }) : renderEmptyElement($xeTable)])]);
           }
         }
-      });
+      }) : renderEmptyElement($xeTable);
     }
   },
   render(h) {

package/lib/table/module/export/export-panel.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table").errLog,{getI18n,getIcon,globalMixins,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableExportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:{type:Object,default:()=>({})},storeData:{type:Object,default:()=>({})}},inject:{$xeTable:{default:null}},data(){return{reactData:{isAll:!1,isIndeterminate:!1,loading:!1}}},computed:Object.assign(Object.assign({},{}),{computeCheckedAll(){var e=this.storeData;return e.columns.every(e=>e.checked)},computeShowSheet(){var e=this.defaultOptions;return-1<["html","xml","xlsx","pdf"].indexOf(e.type)},computeSupportMerge(){var{storeData:e,defaultOptions:t}=this;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))},computeSupportStyle(){var e=this.defaultOptions;return!e.original&&-1<["xlsx"].indexOf(e.type)}}),created(){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),l=_ui.VxeUI.getComponent("VxeSelect"),o=_ui.VxeUI.getComponent("VxeInput"),r=_ui.VxeUI.getComponent("VxeCheckbox");this.$nextTick(()=>{e||errLog("vxe.error.reqComp",["vxe-modal"]),t||errLog("vxe.error.reqComp",["vxe-button"]),l||errLog("vxe.error.reqComp",["vxe-select"]),o||errLog("vxe.error.reqComp",["vxe-input"]),r||errLog("vxe.error.reqComp",["vxe-checkbox"])})},methods:{changeOption(e){let t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.halfChecked=!1}),this.handleOptionCheck(e),this.checkStatus()},handleOptionCheck(t){var e=this.storeData,e=_xeUtils.default.findTree(e.columns,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.halfChecked=!e.checked&&e.children.some(e=>e.checked||e.halfChecked),this.handleOptionCheck(e))},checkStatus(){var e=this.reactData,t=this.storeData,t=t.columns;e.isAll=t.every(e=>e.disabled||e.checked),e.isIndeterminate=!e.isAll&&t.some(e=>!e.disabled&&(e.checked||e.halfChecked))},allColumnEvent(){var e=this,t=e.reactData,l=e.storeData;let o=!t.isAll;_xeUtils.default.eachTree(l.columns,e=>{e.disabled||(e.checked=o,e.halfChecked=!1)}),t.isAll=o,e.checkStatus()},showEvent(){let t=this;t.$nextTick(()=>{var e=t.$refs.filename||t.$refs.sheetname||t.$refs.confirmBtn;e&&e.focus()}),t.checkStatus()},getExportOption(){var e=this,{storeData:t,defaultOptions:l}=e,{hasMerge:t,columns:o}=t,r=e.computeCheckedAll,e=e.computeSupportMerge,o=_xeUtils.default.searchTree(o,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},l,{columns:o,isMerge:!!(t&&e&&r)&&l.isMerge})},cancelEvent(){var e=this.storeData;e.visible=!1},confirmEvent(){var e=this.storeData;e.isPrint?this.printEvent():this.exportEvent()},printEvent(){var e=this.$xeTable,t=this.storeData;t.visible=!1,e.print(Object.assign({},e.printOpts,this.getExportOption()))},exportEvent(){let e=this.reactData;var t=this.$xeTable;let l=this.storeData;var o=t.exportOpts;e.loading=!0,t.exportData(Object.assign({},o,this.getExportOption())).then(()=>{e.loading=!1,l.visible=!1}).catch(()=>{e.loading=!1})},renderVN(a){let i=this;var e=i,t=i.reactData;let l=i.$xeTable,o=l.$xeGrid,r=l.$xeGantt,{defaultOptions:n,storeData:p}=e,{isAll:s,isIndeterminate:x}=t,{hasTree:c,hasRowGroup:d,hasMerge:u,isPrint:v,hasColgroup:h,columns:m}=p,g=n.isHeader,b=[],E=i.computeCheckedAll,C=i.computeShowSheet,f=i.computeSupportMerge,k=i.computeSupportStyle;e=n.slots||{};let I=e.top,T=e.bottom,O=e.default,_=e.footer,y=e.parameter;return _xeUtils.default.eachTree(m,e=>{var t=(0,_utils.formatText)(e.getTitle(),1),l=e.children&&e.children.length,o=e.checked,r=e.halfChecked,n="html"===e.type;b.push(a("li",{class:["vxe-table-export--panel-column-option","level--"+e.level,{"is--group":l,"is--checked":o,"is--indeterminate":r,"is--disabled":e.disabled}],attrs:{title:t},on:{click:()=>{e.disabled||i.changeOption(e)}}},[a("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),n?a("span",{key:"1",class:"vxe-checkbox--label",domProps:{innerHTML:t}}):a("span",{key:"0",class:"vxe-checkbox--label"},t)]))}),a("vxe-modal",{ref:"modal",props:{id:"VXE_EXPORT_MODAL",value:p.visible,title:getI18n(v?"vxe.export.printTitle":"vxe.export.expTitle"),width:660,minWidth:500,minHeight:400,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:t.loading},on:{input(e){p.visible=e},show:i.showEvent},scopedSlots:{default(){var e={$table:l,$grid:o,$gantt:r,options:n,columns:m,params:n.params},t="empty"===n.mode;return a("div",{class:"vxe-table-export--panel"},[I?a("div",{class:"vxe-table-export--panel-top"},l.callSlot(I,e,a)):renderEmptyElement(l),a("div",{class:"vxe-table-export--panel-body"},O?l.callSlot(O,e,a):[a("table",{attrs:{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0}},[a("tbody",[[v?renderEmptyElement(l):a("tr",[a("td",getI18n("vxe.export.expName")),a("td",[a("vxe-input",{ref:"filename",props:{value:n.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder")},on:{modelValue(e){n.filename=e}}})])]),v?renderEmptyElement(l):a("tr",[a("td",getI18n("vxe.export.expType")),a("td",[a("vxe-select",{props:{value:n.type,options:p.typeList},on:{modelValue(e){n.type=e}}})])]),v||C?a("tr",[a("td",getI18n("vxe.export.expSheetName")),a("td",[a("vxe-input",{ref:"sheetname",props:{value:n.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder")},on:{modelValue(e){n.sheetName=e}}})])]):renderEmptyElement(l),a("tr",[a("td",getI18n("vxe.export.expMode")),a("td",[a("vxe-select",{props:{value:n.mode,options:p.modeList},on:{modelValue(e){n.mode=e}}})])]),a("tr",[a("td",[getI18n("vxe.export.expColumn")]),a("td",[a("div",{class:"vxe-table-export--panel-column"},[a("ul",{class:"vxe-table-export--panel-column-header"},[a("li",{class:["vxe-table-export--panel-column-option",{"is--checked":s,"is--indeterminate":x}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:i.allColumnEvent}},[a("span",{class:["vxe-checkbox--icon",x?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),a("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),a("ul",{class:"vxe-table-export--panel-column-body"},b)])])]),a("tr",[a("td",getI18n("vxe.export.expOpts")),y?a("td",[a("div",{class:"vxe-table-export--panel-option-row"},l.callSlot(y,e,a))]):a("td",[a("div",{class:"vxe-table-export--panel-option-row"},[a("vxe-checkbox",{props:{value:t||g,disabled:t,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){n.isHeader=e}}}),a("vxe-checkbox",{props:{value:n.isFooter,disabled:!p.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter")},on:{input(e){n.isFooter=e}}}),a("vxe-checkbox",{props:{value:!!g&&n.isTitle,disabled:!g,title:getI18n("vxe.export.expTitleTitle"),content:getI18n("vxe.export.expOptTitle")},on:{input(e){n.isTitle=e}}}),a("vxe-checkbox",{props:{value:!!(g&&h&&f)&&n.isColgroup,disabled:!g||!h||!f,title:getI18n("vxe.export.expColgroupTitle"),content:getI18n("vxe.export.expOptColgroup")},on:{input(e){n.isColgroup=e}}})]),a("div",{class:"vxe-table-export--panel-option-row"},[a("vxe-checkbox",{props:{value:!t&&n.original,disabled:t,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal")},on:{input(e){n.original=e}}}),a("vxe-checkbox",{props:{value:!!(u&&f&&E)&&n.isMerge,disabled:t||!u||!f||!E,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){n.isMerge=e}}}),v?renderEmptyElement(l):a("vxe-checkbox",{props:{value:!!k&&n.useStyle,disabled:!k,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){n.useStyle=e}}})]),a("div",{class:"vxe-table-export--panel-option-row"},[a("vxe-checkbox",{props:{value:!!c&&n.isTreeAllExpanded,disabled:t||!c,title:getI18n("vxe.export.expTreeAllExpandTitle"),content:getI18n("vxe.export.expOptTreeAllExpand")},on:{input(e){n.isTreeAllExpanded=e}}}),a("vxe-checkbox",{props:{value:!!d&&n.isRowGroupAllExpanded,disabled:t||!d,title:getI18n("vxe.export.expRowGroupAllExpandTitle"),content:getI18n("vxe.export.expOptRowGroupAllExpand")},on:{input(e){n.isRowGroupAllExpanded=e}}})])])])]])])]),T?a("div",{class:"vxe-table-export--panel-bottom"},l.callSlot(T,e,a)):renderEmptyElement(l)])},footer(){var e={$table:l,$grid:o,$gantt:r,options:n,columns:m,params:n.params};return a("div",{class:"vxe-table-export--panel-footer"},_?l.callSlot(_,e,a):[a("div",{class:"vxe-table-export--panel-btns"},[a("vxe-button",{props:{content:getI18n("vxe.export.expCancel")},on:{click:i.cancelEvent}}),a("vxe-button",{ref:"confirmBtn",props:{status:"primary",content:getI18n(v?"vxe.export.expPrint":"vxe.export.expConfirm")},on:{click:i.confirmEvent}})])])}}})}},render(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table").errLog,{getI18n,getIcon,globalMixins,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableExportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:{type:Object,default:()=>({})},storeData:{type:Object,default:()=>({})}},inject:{$xeTable:{default:null}},data(){return{reactData:{isAll:!1,isIndeterminate:!1,loading:!1}}},computed:Object.assign(Object.assign({},{}),{computeColWidthModeOptions(){return[{value:"",label:getI18n("vxe.export.wdModes.default")},{value:"auto",label:getI18n("vxe.export.wdModes.auto")},{value:"scale",label:getI18n("vxe.export.wdModes.scale")}]},computeCheckedAll(){var e=this.storeData;return e.columns.every(e=>e.checked)},computeShowSheet(){var e=this.defaultOptions;return-1<["html","xml","xlsx","pdf"].indexOf(e.type)},computeSupportMerge(){var{storeData:e,defaultOptions:t}=this;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))},computeSupportStyle(){var e=this.defaultOptions;return!e.original&&-1<["xlsx"].indexOf(e.type)}}),created(){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),l=_ui.VxeUI.getComponent("VxeSelect"),o=_ui.VxeUI.getComponent("VxeInput"),r=_ui.VxeUI.getComponent("VxeCheckbox");this.$nextTick(()=>{e||errLog("vxe.error.reqComp",["vxe-modal"]),t||errLog("vxe.error.reqComp",["vxe-button"]),l||errLog("vxe.error.reqComp",["vxe-select"]),o||errLog("vxe.error.reqComp",["vxe-input"]),r||errLog("vxe.error.reqComp",["vxe-checkbox"])})},methods:{changeOption(e){let t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.halfChecked=!1}),this.handleOptionCheck(e),this.checkStatus()},handleOptionCheck(t){var e=this.storeData,e=_xeUtils.default.findTree(e.columns,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.halfChecked=!e.checked&&e.children.some(e=>e.checked||e.halfChecked),this.handleOptionCheck(e))},checkStatus(){var e=this.reactData,t=this.storeData,t=t.columns;e.isAll=t.every(e=>e.disabled||e.checked),e.isIndeterminate=!e.isAll&&t.some(e=>!e.disabled&&(e.checked||e.halfChecked))},allColumnEvent(){var e=this,t=e.reactData,l=e.storeData;let o=!t.isAll;_xeUtils.default.eachTree(l.columns,e=>{e.disabled||(e.checked=o,e.halfChecked=!1)}),t.isAll=o,e.checkStatus()},showEvent(){let t=this;t.$nextTick(()=>{var e=t.$refs.filename||t.$refs.sheetname||t.$refs.confirmBtn;e&&e.focus()}),t.checkStatus()},getExportOption(){var e=this,{storeData:t,defaultOptions:l}=e,{hasMerge:t,columns:o}=t,r=e.computeCheckedAll,e=e.computeSupportMerge,o=_xeUtils.default.searchTree(o,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},l,{columns:o,isMerge:!!(t&&e&&r)&&l.isMerge})},cancelEvent(){var e=this.storeData;e.visible=!1},confirmEvent(){var e=this.storeData;e.isPrint?this.printEvent():this.exportEvent()},printEvent(){var e=this.$xeTable,t=this.storeData;t.visible=!1,e.print(Object.assign({},e.printOpts,this.getExportOption()))},exportEvent(){let e=this.reactData;var t=this.$xeTable;let l=this.storeData;var o=t.exportOpts;e.loading=!0,t.exportData(Object.assign({},o,this.getExportOption())).then(()=>{e.loading=!1,l.visible=!1}).catch(()=>{e.loading=!1})},renderVN(a){var e=_ui.VxeUI.getComponent("VxeModal");let t=_ui.VxeUI.getComponent("VxeButton"),l=_ui.VxeUI.getComponent("VxeSelect"),o=_ui.VxeUI.getComponent("VxeInput"),r=_ui.VxeUI.getComponent("VxeCheckbox"),p=this;var n=p,i=p.reactData;let s=p.$xeTable,x=s.$xeGrid,d=s.$xeGantt,{defaultOptions:c,storeData:u}=n,{isAll:v,isIndeterminate:m}=i,{hasTree:h,hasRowGroup:g,hasMerge:b,isPrint:E,hasColgroup:C,columns:I}=u,f=c.isHeader,k=[],O=p.computeCheckedAll,T=p.computeShowSheet,_=p.computeSupportMerge,y=p.computeSupportStyle,M=p.computeColWidthModeOptions;n=c.slots||{};let V=n.top,S=n.bottom,D=n.default,A=n.footer,w=n.parameter;return _xeUtils.default.eachTree(I,e=>{var t=(0,_utils.formatText)(e.getTitle(),1),l=e.children&&e.children.length,o=e.checked,r=e.halfChecked,n="html"===e.type;k.push(a("li",{class:["vxe-table-export--panel-column-option","level--"+e.level,{"is--group":l,"is--checked":o,"is--indeterminate":r,"is--disabled":e.disabled}],attrs:{title:t},on:{click:()=>{e.disabled||p.changeOption(e)}}},[a("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),n?a("span",{key:"1",class:"vxe-checkbox--label",domProps:{innerHTML:t}}):a("span",{key:"0",class:"vxe-checkbox--label"},t)]))}),e?a(e,{ref:"modal",props:{id:"VXE_EXPORT_MODAL",value:u.visible,title:getI18n(E?"vxe.export.printTitle":"vxe.export.expTitle"),width:660,minWidth:500,minHeight:400,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:i.loading},on:{input(e){u.visible=e},show:p.showEvent},scopedSlots:{default(){var e={$table:s,$grid:x,$gantt:d,options:c,columns:I,params:c.params},t="empty"===c.mode;return a("div",{class:"vxe-table-export--panel"},[V?a("div",{class:"vxe-table-export--panel-top"},s.callSlot(V,e,a)):renderEmptyElement(s),a("div",{class:"vxe-table-export--panel-body"},D?s.callSlot(D,e,a):[a("table",{attrs:{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0}},[a("tbody",[[E?renderEmptyElement(s):a("tr",[a("td",getI18n("vxe.export.expName")),a("td",[o?a(o,{ref:"filename",props:{value:c.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder")},on:{modelValue(e){c.filename=e}}}):renderEmptyElement(s)])]),E?renderEmptyElement(s):a("tr",[a("td",getI18n("vxe.export.expType")),a("td",[a("vxe-select",{props:{value:c.type,options:u.typeList},on:{modelValue(e){c.type=e}}})])]),E||T?a("tr",[a("td",getI18n("vxe.export.expSheetName")),a("td",[o?a(o,{ref:"sheetname",props:{value:c.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder")},on:{modelValue(e){c.sheetName=e}}}):renderEmptyElement(s)])]):renderEmptyElement(s),a("tr",[a("td",getI18n("vxe.export.expMode")),a("td",[a(l,{props:{value:c.mode,options:u.modeList},on:{modelValue(e){c.mode=e}}})])]),a("tr",[a("td",[getI18n("vxe.export.expColumn")]),a("td",[a("div",{class:"vxe-table-export--panel-column"},[a("ul",{class:"vxe-table-export--panel-column-header"},[a("li",{class:["vxe-table-export--panel-column-option",{"is--checked":v,"is--indeterminate":m}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:p.allColumnEvent}},[a("span",{class:["vxe-checkbox--icon",m?getIcon().TABLE_CHECKBOX_INDETERMINATE:v?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),a("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),a("ul",{class:"vxe-table-export--panel-column-body"},k)])])]),E?a("tr",[a("td",getI18n("vxe.export.widthMode")),a("td",[l?a(l,{props:{value:c.widthMode,options:M},on:{modelValue(e){c.widthMode=e}}}):renderEmptyElement(s)])]):renderEmptyElement(s),a("tr",[a("td",getI18n("vxe.export.expOpts")),w?a("td",[a("div",{class:"vxe-table-export--panel-option-row"},s.callSlot(w,e,a))]):a("td",[a("div",{class:"vxe-table-export--panel-option-row"},r?[a(r,{props:{value:t||f,disabled:t,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){c.isHeader=e}}}),a(r,{props:{value:c.isFooter,disabled:!u.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter")},on:{input(e){c.isFooter=e}}}),a(r,{props:{value:!!f&&c.isTitle,disabled:!f,title:getI18n("vxe.export.expTitleTitle"),content:getI18n("vxe.export.expOptTitle")},on:{input(e){c.isTitle=e}}}),a(r,{props:{value:!!(f&&C&&_)&&c.isColgroup,disabled:!f||!C||!_,title:getI18n("vxe.export.expColgroupTitle"),content:getI18n("vxe.export.expOptColgroup")},on:{input(e){c.isColgroup=e}}})]:[]),a("div",{class:"vxe-table-export--panel-option-row"},r?[a(r,{props:{value:!t&&c.original,disabled:t,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal")},on:{input(e){c.original=e}}}),a(r,{props:{value:!!(b&&_&&O)&&c.isMerge,disabled:t||!b||!_||!O,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){c.isMerge=e}}}),E?renderEmptyElement(s):a(r,{props:{value:!!y&&c.useStyle,disabled:!y,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){c.useStyle=e}}})]:[]),a("div",{class:"vxe-table-export--panel-option-row"},r?[a(r,{props:{value:!!h&&c.isTreeAllExpanded,disabled:t||!h,title:getI18n("vxe.export.expTreeAllExpandTitle"),content:getI18n("vxe.export.expOptTreeAllExpand")},on:{input(e){c.isTreeAllExpanded=e}}}),a(r,{props:{value:!!g&&c.isRowGroupAllExpanded,disabled:t||!g,title:getI18n("vxe.export.expRowGroupAllExpandTitle"),content:getI18n("vxe.export.expOptRowGroupAllExpand")},on:{input(e){c.isRowGroupAllExpanded=e}}})]:[])])])]])])]),S?a("div",{class:"vxe-table-export--panel-bottom"},s.callSlot(S,e,a)):renderEmptyElement(s)])},footer(){var e={$table:s,$grid:x,$gantt:d,options:c,columns:I,params:c.params};return a("div",{class:"vxe-table-export--panel-footer"},A?s.callSlot(A,e,a):[a("div",{class:"vxe-table-export--panel-btns"},[t?a(t,{props:{content:getI18n("vxe.export.expCancel")},on:{click:p.cancelEvent}}):renderEmptyElement(s),t?a(t,{ref:"confirmBtn",props:{status:"primary",content:getI18n(E?"vxe.export.expPrint":"vxe.export.expConfirm")},on:{click:p.confirmEvent}}):renderEmptyElement(s)])])}}}):renderEmptyElement(s)}},render(e){return this.renderVN(e)}});

package/lib/table/module/export/mixin.js

@@ -579,6 +579,9 @@ function hasEllipsis($xeTable, column, property, allColumnOverflow) {
   }
   return isEllipsis;
 }
+function getCustomColKey(conf) {
+  return `${conf.field || ''}:${conf.type || ''}`;
+}
 function toHtml($xeTable, opts, columns, datas) {
   const props = $xeTable;
   const reactData = $xeTable;
@@ -604,42 +607,113 @@ function toHtml($xeTable, opts, columns, datas) {
   const treeOpts = $xeTable.computeTreeOpts;
   const {
     print: isPrint,
+    widthMode,
     isHeader,
     isFooter,
     isColgroup,
     isMerge,
     colgroups,
+    _columnConfs,
     original
   } = opts;
-  const allCls = 'check-all';
-  const clss = ['vxe-table', `border--${toTableBorder(border)}`, isPrint ? 'is--print' : '', 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>`];
-  if (isHeader) {
-    tables.push('<thead>');
-    if (isColgroup && !original) {
+  const isAutoWidth = widthMode === 'auto';
+  const isScaleWidth = widthMode === 'scale';
+  const isDefaultWidth = !isAutoWidth && !isScaleWidth;
+  const customWidthMaps = {};
+  if (_columnConfs) {
+    _columnConfs.forEach(conf => {
+      if (!(0, _util.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 => {
-        tables.push(`<tr>${cols.map(column => {
-          const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign;
-          const classNames = hasEllipsis($xeTable, column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : [];
-          const cellTitle = getHeaderTitle($xeTable, opts, column);
+        cols.forEach(column => {
+          if (!column.childNodes || !column.childNodes.length) {
+            return;
+          }
           let childWidth = 0;
           let countChild = 0;
           _xeUtils.default.eachTree([column], item => {
             if (!item.childNodes || !column.childNodes.length) {
               countChild++;
             }
-            childWidth += item.renderWidth;
+            const ptWidth = printWidthMaps[item.id];
+            childWidth += ptWidth || 0;
           }, {
             children: 'childNodes'
           });
-          const cellWidth = childWidth - countChild;
+          const colWidth = childWidth - countChild;
+          colWidthMaps[column.id] = colWidth;
+          printWidthMaps[column.id] = _xeUtils.default.floor(colWidth / tableWidth * 180, 2);
+        });
+      });
+    }
+    columns.forEach(column => {
+      const colWidth = column.renderWidth;
+      if (column.width) {
+        colWidthMaps[column.id] = colWidth;
+      }
+      printWidthMaps[column.id] = _xeUtils.default.floor(colWidth / tableWidth * 180, 2);
+    });
+  }
+  const getHeaderWidthStyle = column => {
+    const cmColKey = getCustomColKey(column);
+    const cmWidthMaps = customWidthMaps[cmColKey];
+    if (cmWidthMaps) {
+      return 'width:' + (0, _dom.toCssUnit)(cmWidthMaps);
+    }
+    if (isAutoWidth) {
+      return '';
+    }
+    if (isScaleWidth) {
+      return printWidthMaps[column.id] ? 'width:' + printWidthMaps[column.id] + 'mm' : '';
+    }
+    return colWidthMaps[column.id] ? 'width:' + (0, _dom.toCssUnit)(colWidthMaps[column.id]) : '';
+  };
+  const getCellWidthStyle = column => {
+    const cmColKey = getCustomColKey(column);
+    const cmWidthMaps = customWidthMaps[cmColKey];
+    if (cmWidthMaps) {
+      return 'width:' + (0, _dom.toCssUnit)(cmWidthMaps);
+    }
+    if (isAutoWidth || isDefaultWidth) {
+      return '';
+    }
+    if (isScaleWidth) {
+      return printWidthMaps[column.id] ? 'width:' + printWidthMaps[column.id] + 'mm' : '';
+    }
+    return colWidthMaps[column.id] ? 'width:' + (0, _dom.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="${getHeaderWidthStyle(column)}">`).join('')}</colgroup>`];
+  if (isHeader) {
+    tables.push('<thead>');
+    if (isColgroup && !original) {
+      colgroups.forEach(cols => {
+        tables.push(`<tr>${cols.map(column => {
+          const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign;
+          const classNames = hasEllipsis($xeTable, column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : [];
+          const cellTitle = getHeaderTitle($xeTable, opts, column);
           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>${(0, _utils.formatText)(cellTitle, true)}</span></div></th>`;
+          return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${(0, _utils.formatText)(cellTitle, true)}</span></div></th>`;
         }).join('')}</tr>`);
       });
     } else {
@@ -651,9 +725,9 @@ function toHtml($xeTable, opts, columns, datas) {
           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>${(0, _utils.formatText)(cellTitle, true)}</span></div></th>`;
+        return `<th class="${classNames.join(' ')}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${(0, _utils.formatText)(cellTitle, true)}</span></div></th>`;
       }).join('')}</tr>`);
     }
     tables.push('</thead>');
@@ -676,18 +750,18 @@ function toHtml($xeTable, opts, columns, datas) {
             }
             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"`}>${(0, _utils.formatText)(cellValue, true)}</div></td>`;
+          return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${(0, _utils.formatText)(cellValue, true)}</div></td>`;
         }).join('') + '</tr>');
       });
     } else {
@@ -723,11 +797,11 @@ function toHtml($xeTable, opts, columns, datas) {
             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"`}>${(0, _utils.formatText)(cellValue, true)}</div></td>`;
+          return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${(0, _utils.formatText)(cellValue, true)}</div></td>`;
         }).join('') + '</tr>');
       });
     }
@@ -770,7 +844,7 @@ function toHtml($xeTable, opts, columns, datas) {
           if (footAlign) {
             classNames.push(`col--${footAlign}`);
           }
-          return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div ${isPrint ? '' : `style="width: ${column.renderWidth}px"`}>${(0, _utils.formatText)(cellValue, true)}</div></td>`;
+          return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${(0, _utils.formatText)(cellValue, true)}</div></td>`;
         }).join('')}</tr>`);
       });
       tables.push('</tfoot>');
@@ -779,7 +853,7 @@ function toHtml($xeTable, opts, columns, datas) {
   // 是否半选状态
   const script = !isAllSelected && isIndeterminate ? `<script>(function(){var a=document.querySelector(".${allCls}");if(a){a.indeterminate=true}})()</script>` : '';
   tables.push('</table>', script);
-  return isPrint ? tables.join('') : (0, _util2.createHtmlPage)(opts, tables.join(''));
+  return isAutoWidth ? tables.join('') : (0, _util2.createHtmlPage)(opts, tables.join(''));
 }
 function toXML($xeTable, opts, columns, datas) {
   const reactData = $xeTable;
@@ -1460,6 +1534,9 @@ function handleExportAndPrint($xeTable, options, isPrint) {
   if (!typeList.some(item => item.value === type)) {
     exportParams.type = typeList[0].value;
   }
+  if (!exportParams.widthMode) {
+    exportParams.widthMode = '';
+  }
   initStore.export = true;
   return $xeTable.$nextTick();
 }
@@ -1623,7 +1700,8 @@ var _default = exports.default = {
       }
       const handleOptions = Object.assign({}, opts, {
         filename: '',
-        sheetName: ''
+        sheetName: '',
+        _columnConfs: columns
       });
       // 如果设置源数据，则默认导出设置了字段的列
       if (!isCustomCol && !columnFilterMethod) {