vxe-table 3.10.0-beta.2 → 3.10.0-beta.4

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

@@ -12,7 +12,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const {
   getI18n,
   getIcon,
-  globalMixins
+  globalMixins,
+  renderEmptyElement
 } = _ui.VxeUI;
 var _default = exports.default = {
   name: 'VxeTableExportPanel',
@@ -28,6 +29,11 @@ var _default = exports.default = {
     // VxeSelect,
     // VxeOption
   },
+  inject: {
+    $xeTable: {
+      default: null
+    }
+  },
   data() {
     return {
       isAll: false,
@@ -84,6 +90,8 @@ var _default = exports.default = {
     }
   },
   render(h) {
+    const $xeTable = this.$xeTable;
+    const exportOpts = $xeTable.exportOpts;
     const {
       _e,
       checkedAll,
@@ -99,20 +107,27 @@ var _default = exports.default = {
       hasTree,
       hasMerge,
       isPrint,
-      hasColgroup
+      hasColgroup,
+      columns
     } = storeData;
     const {
       isHeader
     } = defaultOptions;
+    const slots = exportOpts.slots || {};
+    const topSlot = slots.top;
+    const bottomSlot = slots.bottom;
+    const defaultSlot = slots.default;
+    const footerSlot = slots.footer;
+    const parameterSlot = slots.parameter;
     const cols = [];
-    _xeUtils.default.eachTree(storeData.columns, column => {
+    _xeUtils.default.eachTree(columns, column => {
       const colTitle = (0, _utils.formatText)(column.getTitle(), 1);
       const isColGroup = column.children && column.children.length;
       const isChecked = column.checked;
       const indeterminate = column.halfChecked;
       const isHtml = column.type === 'html';
       cols.push(h('li', {
-        class: ['vxe-export--panel-column-option', `level--${column.level}`, {
+        class: ['vxe-table-export--panel-column-option', `level--${column.level}`, {
           'is--group': isColGroup,
           'is--checked': isChecked,
           'is--indeterminate': indeterminate,
@@ -144,14 +159,19 @@ var _default = exports.default = {
     return h('vxe-modal', {
       ref: 'modal',
       props: {
+        id: 'VXE_EXPORT_MODAL',
         value: storeData.visible,
         title: getI18n(isPrint ? 'vxe.export.printTitle' : 'vxe.export.expTitle'),
         width: 660,
+        minWidth: 500,
+        minHeight: 400,
         mask: true,
         lockView: true,
-        showFooter: false,
+        showFooter: true,
         escClosable: true,
         maskClosable: true,
+        showMaximize: true,
+        resize: true,
         loading: this.loading
       },
       on: {
@@ -159,187 +179,220 @@ var _default = exports.default = {
           storeData.visible = value;
         },
         show: this.showEvent
-      }
-    }, [h('div', {
-      class: 'vxe-export--panel'
-    }, [h('table', {
-      attrs: {
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }
-    }, [h('tbody', [[isPrint ? _e() : h('tr', [h('td', getI18n('vxe.export.expName')), h('td', [h('vxe-input', {
-      ref: 'filename',
-      props: {
-        value: defaultOptions.filename,
-        type: 'text',
-        clearable: true,
-        placeholder: getI18n('vxe.export.expNamePlaceholder')
-      },
-      on: {
-        modelValue(value) {
-          defaultOptions.filename = value;
-        }
-      }
-    })])]), isPrint ? _e() : h('tr', [h('td', getI18n('vxe.export.expType')), h('td', [h('vxe-select', {
-      props: {
-        value: defaultOptions.type,
-        options: storeData.typeList
-      },
-      on: {
-        input(value) {
-          defaultOptions.type = value;
-        }
-      }
-    })])]), isPrint || showSheet ? h('tr', [h('td', getI18n('vxe.export.expSheetName')), h('td', [h('vxe-input', {
-      ref: 'sheetname',
-      props: {
-        value: defaultOptions.sheetName,
-        type: 'text',
-        clearable: true,
-        placeholder: getI18n('vxe.export.expSheetNamePlaceholder')
-      },
-      on: {
-        modelValue(value) {
-          defaultOptions.sheetName = value;
-        }
-      }
-    })])]) : _e(), h('tr', [h('td', getI18n('vxe.export.expMode')), h('td', [h('vxe-select', {
-      props: {
-        value: defaultOptions.mode,
-        options: storeData.modeList
-      },
-      on: {
-        input(value) {
-          defaultOptions.mode = value;
-        }
-      }
-    })])]), h('tr', [h('td', [getI18n('vxe.export.expColumn')]), h('td', [h('div', {
-      class: 'vxe-export--panel-column'
-    }, [h('ul', {
-      class: 'vxe-export--panel-column-header'
-    }, [h('li', {
-      class: ['vxe-export--panel-column-option', {
-        'is--checked': isAllChecked,
-        'is--indeterminate': isAllIndeterminate
-      }],
-      attrs: {
-        title: getI18n('vxe.table.allTitle')
-      },
-      on: {
-        click: this.allColumnEvent
-      }
-    }, [h('span', {
-      class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-    }), h('span', {
-      class: 'vxe-checkbox--label'
-    }, getI18n('vxe.export.expCurrentColumn'))])]), h('ul', {
-      class: 'vxe-export--panel-column-body'
-    }, cols)])])]), h('tr', [h('td', getI18n('vxe.export.expOpts')), h('td', [h('div', {
-      class: 'vxe-export--panel-option-row'
-    }, [h('vxe-checkbox', {
-      props: {
-        value: isHeader,
-        title: getI18n('vxe.export.expHeaderTitle'),
-        content: getI18n('vxe.export.expOptHeader')
-      },
-      on: {
-        input(value) {
-          defaultOptions.isHeader = value;
-        }
-      }
-    }), h('vxe-checkbox', {
-      props: {
-        value: defaultOptions.isFooter,
-        disabled: !storeData.hasFooter,
-        title: getI18n('vxe.export.expFooterTitle'),
-        content: getI18n('vxe.export.expOptFooter')
-      },
-      on: {
-        input(value) {
-          defaultOptions.isFooter = value;
-        }
-      }
-    }), h('vxe-checkbox', {
-      props: {
-        value: defaultOptions.original,
-        title: getI18n('vxe.export.expOriginalTitle'),
-        content: getI18n('vxe.export.expOptOriginal')
-      },
-      on: {
-        input(value) {
-          defaultOptions.original = value;
-        }
-      }
-    })]), h('div', {
-      class: 'vxe-export--panel-option-row'
-    }, [h('vxe-checkbox', {
-      props: {
-        value: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
-        disabled: !isHeader || !hasColgroup || !supportMerge,
-        title: getI18n('vxe.export.expColgroupTitle'),
-        content: getI18n('vxe.export.expOptColgroup')
-      },
-      on: {
-        input(value) {
-          defaultOptions.isColgroup = value;
-        }
-      }
-    }), h('vxe-checkbox', {
-      props: {
-        value: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
-        disabled: !hasMerge || !supportMerge || !checkedAll,
-        title: getI18n('vxe.export.expMergeTitle'),
-        content: getI18n('vxe.export.expOptMerge')
-      },
-      on: {
-        input(value) {
-          defaultOptions.isMerge = value;
-        }
-      }
-    }), isPrint ? _e() : h('vxe-checkbox', {
-      props: {
-        value: supportStyle ? defaultOptions.useStyle : false,
-        disabled: !supportStyle,
-        title: getI18n('vxe.export.expUseStyleTitle'),
-        content: getI18n('vxe.export.expOptUseStyle')
-      },
-      on: {
-        input(value) {
-          defaultOptions.useStyle = value;
-        }
-      }
-    }), h('vxe-checkbox', {
-      props: {
-        value: hasTree ? defaultOptions.isAllExpand : false,
-        disabled: !hasTree,
-        title: getI18n('vxe.export.expAllExpandTitle'),
-        content: getI18n('vxe.export.expOptAllExpand')
       },
-      on: {
-        input(value) {
-          defaultOptions.isAllExpand = value;
+      scopedSlots: {
+        default: () => {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeTable.xegrid,
+            options: exportOpts,
+            columns,
+            params: exportOpts.params
+          };
+          return h('div', {
+            class: 'vxe-table-export--panel'
+          }, [topSlot ? h('div', {
+            class: 'vxe-table-export--panel-top'
+          }, $xeTable.callSlot(topSlot, params, h)) : renderEmptyElement(this), h('div', {
+            class: 'vxe-table-export--panel-body'
+          }, defaultSlot ? $xeTable.callSlot(defaultSlot, params, h) : [h('table', {
+            attrs: {
+              class: 'vxe-table-export--panel-table',
+              cellspacing: 0,
+              cellpadding: 0,
+              border: 0
+            }
+          }, [h('tbody', [[isPrint ? _e() : h('tr', [h('td', getI18n('vxe.export.expName')), h('td', [h('vxe-input', {
+            ref: 'filename',
+            props: {
+              value: defaultOptions.filename,
+              type: 'text',
+              clearable: true,
+              placeholder: getI18n('vxe.export.expNamePlaceholder')
+            },
+            on: {
+              modelValue(value) {
+                defaultOptions.filename = value;
+              }
+            }
+          })])]), isPrint ? _e() : h('tr', [h('td', getI18n('vxe.export.expType')), h('td', [h('vxe-select', {
+            props: {
+              value: defaultOptions.type,
+              options: storeData.typeList
+            },
+            on: {
+              input(value) {
+                defaultOptions.type = value;
+              }
+            }
+          })])]), isPrint || showSheet ? h('tr', [h('td', getI18n('vxe.export.expSheetName')), h('td', [h('vxe-input', {
+            ref: 'sheetname',
+            props: {
+              value: defaultOptions.sheetName,
+              type: 'text',
+              clearable: true,
+              placeholder: getI18n('vxe.export.expSheetNamePlaceholder')
+            },
+            on: {
+              modelValue(value) {
+                defaultOptions.sheetName = value;
+              }
+            }
+          })])]) : _e(), h('tr', [h('td', getI18n('vxe.export.expMode')), h('td', [h('vxe-select', {
+            props: {
+              value: defaultOptions.mode,
+              options: storeData.modeList
+            },
+            on: {
+              input(value) {
+                defaultOptions.mode = value;
+              }
+            }
+          })])]), h('tr', [h('td', [getI18n('vxe.export.expColumn')]), h('td', [h('div', {
+            class: 'vxe-table-export--panel-column'
+          }, [h('ul', {
+            class: 'vxe-table-export--panel-column-header'
+          }, [h('li', {
+            class: ['vxe-table-export--panel-column-option', {
+              'is--checked': isAllChecked,
+              'is--indeterminate': isAllIndeterminate
+            }],
+            attrs: {
+              title: getI18n('vxe.table.allTitle')
+            },
+            on: {
+              click: this.allColumnEvent
+            }
+          }, [h('span', {
+            class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+          }), h('span', {
+            class: 'vxe-checkbox--label'
+          }, getI18n('vxe.export.expCurrentColumn'))])]), h('ul', {
+            class: 'vxe-table-export--panel-column-body'
+          }, cols)])])]), 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('td', [h('div', {
+            class: 'vxe-table-export--panel-option-row'
+          }, [h('vxe-checkbox', {
+            props: {
+              value: isHeader,
+              title: getI18n('vxe.export.expHeaderTitle'),
+              content: getI18n('vxe.export.expOptHeader')
+            },
+            on: {
+              input(value) {
+                defaultOptions.isHeader = value;
+              }
+            }
+          }), h('vxe-checkbox', {
+            props: {
+              value: defaultOptions.isFooter,
+              disabled: !storeData.hasFooter,
+              title: getI18n('vxe.export.expFooterTitle'),
+              content: getI18n('vxe.export.expOptFooter')
+            },
+            on: {
+              input(value) {
+                defaultOptions.isFooter = value;
+              }
+            }
+          }), h('vxe-checkbox', {
+            props: {
+              value: defaultOptions.original,
+              title: getI18n('vxe.export.expOriginalTitle'),
+              content: getI18n('vxe.export.expOptOriginal')
+            },
+            on: {
+              input(value) {
+                defaultOptions.original = value;
+              }
+            }
+          })]), h('div', {
+            class: 'vxe-table-export--panel-option-row'
+          }, [h('vxe-checkbox', {
+            props: {
+              value: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
+              disabled: !isHeader || !hasColgroup || !supportMerge,
+              title: getI18n('vxe.export.expColgroupTitle'),
+              content: getI18n('vxe.export.expOptColgroup')
+            },
+            on: {
+              input(value) {
+                defaultOptions.isColgroup = value;
+              }
+            }
+          }), h('vxe-checkbox', {
+            props: {
+              value: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
+              disabled: !hasMerge || !supportMerge || !checkedAll,
+              title: getI18n('vxe.export.expMergeTitle'),
+              content: getI18n('vxe.export.expOptMerge')
+            },
+            on: {
+              input(value) {
+                defaultOptions.isMerge = value;
+              }
+            }
+          }), isPrint ? _e() : h('vxe-checkbox', {
+            props: {
+              value: supportStyle ? defaultOptions.useStyle : false,
+              disabled: !supportStyle,
+              title: getI18n('vxe.export.expUseStyleTitle'),
+              content: getI18n('vxe.export.expOptUseStyle')
+            },
+            on: {
+              input(value) {
+                defaultOptions.useStyle = value;
+              }
+            }
+          }), h('vxe-checkbox', {
+            props: {
+              value: hasTree ? defaultOptions.isAllExpand : false,
+              disabled: !hasTree,
+              title: getI18n('vxe.export.expAllExpandTitle'),
+              content: getI18n('vxe.export.expOptAllExpand')
+            },
+            on: {
+              input(value) {
+                defaultOptions.isAllExpand = value;
+              }
+            }
+          })])])])]])])]), bottomSlot ? h('div', {
+            class: 'vxe-table-export--panel-bottom'
+          }, $xeTable.callSlot(bottomSlot, params, h)) : renderEmptyElement(this)]);
+        },
+        footer: () => {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeTable.xegrid,
+            options: exportOpts,
+            columns,
+            params: exportOpts.params
+          };
+          return h('div', {
+            class: 'vxe-table-export--panel-footer'
+          }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [h('div', {
+            class: 'vxe-table-export--panel-btns'
+          }, [h('vxe-button', {
+            props: {
+              content: getI18n('vxe.export.expCancel')
+            },
+            on: {
+              click: this.cancelEvent
+            }
+          }), h('vxe-button', {
+            ref: 'confirmBtn',
+            props: {
+              status: 'primary',
+              content: getI18n(isPrint ? 'vxe.export.expPrint' : 'vxe.export.expConfirm')
+            },
+            on: {
+              click: this.confirmEvent
+            }
+          })])]);
         }
       }
-    })])])])]])]), h('div', {
-      class: 'vxe-export--panel-btns'
-    }, [h('vxe-button', {
-      props: {
-        content: getI18n('vxe.export.expCancel')
-      },
-      on: {
-        click: this.cancelEvent
-      }
-    }), h('vxe-button', {
-      ref: 'confirmBtn',
-      props: {
-        status: 'primary',
-        content: getI18n(isPrint ? 'vxe.export.expPrint' : 'vxe.export.expConfirm')
-      },
-      on: {
-        click: this.confirmEvent
-      }
-    })])])]);
+    });
   },
   methods: {
     changeOption(column) {
@@ -429,9 +482,10 @@ var _default = exports.default = {
       $xetable.print(Object.assign({}, $xetable.printOpts, this.getExportOption()));
     },
     exportEvent() {
-      const $xetable = this.$parent;
+      const $xeTable = this.$xeTable;
+      const exportOpts = $xeTable.exportOpts;
       this.loading = true;
-      $xetable.exportData(Object.assign({}, $xetable.exportOpts, this.getExportOption())).then(() => {
+      $xeTable.exportData(Object.assign({}, exportOpts, this.getExportOption())).then(() => {
         this.loading = false;
         this.storeData.visible = false;
       }).catch(() => {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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{getI18n,getIcon,globalMixins}=_ui.VxeUI;var _default=exports.default={name:"VxeTableExportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:Object,storeData:Object},components:{},data(){return{isAll:!1,isIndeterminate:!1,loading:!1}},computed:{checkedAll(){return this.storeData.columns.every(e=>e.checked)},showSheet(){return-1<["html","xml","xlsx","pdf"].indexOf(this.defaultOptions.type)},supportMerge(){var{storeData:e,defaultOptions:t}=this;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))},supportStyle(){var e=this.defaultOptions;return!e.original&&-1<["xlsx"].indexOf(e.type)}},created(){if("development"===process.env.NODE_ENV){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),o=_ui.VxeUI.getComponent("VxeSelect"),l=_ui.VxeUI.getComponent("VxeInput"),n=_ui.VxeUI.getComponent("VxeCheckbox");this.$nextTick(()=>{e||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),t||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),o||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"]),l||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),n||(0,_log.errLog)("vxe.error.reqComp",["vxe-checkbox"])})}},render(r){let{_e:e,checkedAll:t,isAll:o,isIndeterminate:l,showSheet:n,supportMerge:i,supportStyle:s,defaultOptions:p,storeData:a}=this;var{hasTree:x,hasMerge:c,isPrint:d,hasColgroup:h}=a,u=p.isHeader;let v=[];return _xeUtils.default.eachTree(a.columns,e=>{var t=(0,_utils.formatText)(e.getTitle(),1),o=e.children&&e.children.length,l=e.checked,n=e.halfChecked,i="html"===e.type;v.push(r("li",{class:["vxe-export--panel-column-option","level--"+e.level,{"is--group":o,"is--checked":l,"is--indeterminate":n,"is--disabled":e.disabled}],attrs:{title:t},on:{click:()=>{e.disabled||this.changeOption(e)}}},[r("span",{class:["vxe-checkbox--icon",n?getIcon().TABLE_CHECKBOX_INDETERMINATE:l?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),i?r("span",{key:"1",class:"vxe-checkbox--label",domProps:{innerHTML:t}}):r("span",{key:"0",class:"vxe-checkbox--label"},t)]))}),r("vxe-modal",{ref:"modal",props:{value:a.visible,title:getI18n(d?"vxe.export.printTitle":"vxe.export.expTitle"),width:660,mask:!0,lockView:!0,showFooter:!1,escClosable:!0,maskClosable:!0,loading:this.loading},on:{input(e){a.visible=e},show:this.showEvent}},[r("div",{class:"vxe-export--panel"},[r("table",{attrs:{cellspacing:0,cellpadding:0,border:0}},[r("tbody",[[d?e():r("tr",[r("td",getI18n("vxe.export.expName")),r("td",[r("vxe-input",{ref:"filename",props:{value:p.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder")},on:{modelValue(e){p.filename=e}}})])]),d?e():r("tr",[r("td",getI18n("vxe.export.expType")),r("td",[r("vxe-select",{props:{value:p.type,options:a.typeList},on:{input(e){p.type=e}}})])]),d||n?r("tr",[r("td",getI18n("vxe.export.expSheetName")),r("td",[r("vxe-input",{ref:"sheetname",props:{value:p.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder")},on:{modelValue(e){p.sheetName=e}}})])]):e(),r("tr",[r("td",getI18n("vxe.export.expMode")),r("td",[r("vxe-select",{props:{value:p.mode,options:a.modeList},on:{input(e){p.mode=e}}})])]),r("tr",[r("td",[getI18n("vxe.export.expColumn")]),r("td",[r("div",{class:"vxe-export--panel-column"},[r("ul",{class:"vxe-export--panel-column-header"},[r("li",{class:["vxe-export--panel-column-option",{"is--checked":o,"is--indeterminate":l}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:this.allColumnEvent}},[r("span",{class:["vxe-checkbox--icon",l?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),r("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),r("ul",{class:"vxe-export--panel-column-body"},v)])])]),r("tr",[r("td",getI18n("vxe.export.expOpts")),r("td",[r("div",{class:"vxe-export--panel-option-row"},[r("vxe-checkbox",{props:{value:u,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){p.isHeader=e}}}),r("vxe-checkbox",{props:{value:p.isFooter,disabled:!a.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter")},on:{input(e){p.isFooter=e}}}),r("vxe-checkbox",{props:{value:p.original,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal")},on:{input(e){p.original=e}}})]),r("div",{class:"vxe-export--panel-option-row"},[r("vxe-checkbox",{props:{value:!!(u&&h&&i)&&p.isColgroup,disabled:!u||!h||!i,title:getI18n("vxe.export.expColgroupTitle"),content:getI18n("vxe.export.expOptColgroup")},on:{input(e){p.isColgroup=e}}}),r("vxe-checkbox",{props:{value:!!(c&&i&&t)&&p.isMerge,disabled:!c||!i||!t,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){p.isMerge=e}}}),d?e():r("vxe-checkbox",{props:{value:!!s&&p.useStyle,disabled:!s,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){p.useStyle=e}}}),r("vxe-checkbox",{props:{value:!!x&&p.isAllExpand,disabled:!x,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand")},on:{input(e){p.isAllExpand=e}}})])])])]])]),r("div",{class:"vxe-export--panel-btns"},[r("vxe-button",{props:{content:getI18n("vxe.export.expCancel")},on:{click:this.cancelEvent}}),r("vxe-button",{ref:"confirmBtn",props:{status:"primary",content:getI18n(d?"vxe.export.expPrint":"vxe.export.expConfirm")},on:{click:this.confirmEvent}})])])])},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=_xeUtils.default.findTree(this.storeData.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.storeData.columns;this.isAll=e.every(e=>e.disabled||e.checked),this.isIndeterminate=!this.isAll&&e.some(e=>!e.disabled&&(e.checked||e.halfChecked))},allColumnEvent(){let t=!this.isAll;_xeUtils.default.eachTree(this.storeData.columns,e=>{e.disabled||(e.checked=t,e.halfChecked=!1)}),this.isAll=t,this.checkStatus()},showEvent(){this.$nextTick(()=>{var e=this.$refs,e=e.filename||e.sheetname||e.confirmBtn;e&&e.focus()}),this.checkStatus()},getExportOption(){var{checkedAll:e,storeData:t,defaultOptions:o,supportMerge:l}=this,{hasMerge:t,columns:n}=t,n=_xeUtils.default.searchTree(n,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},o,{columns:n,isMerge:!!(t&&l&&e)&&o.isMerge})},cancelEvent(){this.storeData.visible=!1},confirmEvent(e){this.storeData.isPrint?this.printEvent(e):this.exportEvent(e)},printEvent(){var e=this.$parent;this.storeData.visible=!1,e.print(Object.assign({},e.printOpts,this.getExportOption()))},exportEvent(){var e=this.$parent;this.loading=!0,e.exportData(Object.assign({},e.exportOpts,this.getExportOption())).then(()=>{this.loading=!1,this.storeData.visible=!1}).catch(()=>{this.loading=!1})}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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{getI18n,getIcon,globalMixins,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableExportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:Object,storeData:Object},components:{},inject:{$xeTable:{default:null}},data(){return{isAll:!1,isIndeterminate:!1,loading:!1}},computed:{checkedAll(){return this.storeData.columns.every(e=>e.checked)},showSheet(){return-1<["html","xml","xlsx","pdf"].indexOf(this.defaultOptions.type)},supportMerge(){var{storeData:e,defaultOptions:t}=this;return!t.original&&"current"===t.mode&&(e.isPrint||-1<["html","xlsx"].indexOf(t.type))},supportStyle(){var e=this.defaultOptions;return!e.original&&-1<["xlsx"].indexOf(e.type)}},created(){if("development"===process.env.NODE_ENV){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||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),t||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),l||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"]),o||(0,_log.errLog)("vxe.error.reqComp",["vxe-input"]),r||(0,_log.errLog)("vxe.error.reqComp",["vxe-checkbox"])})}},render(n){let t=this.$xeTable,l=t.exportOpts,{_e:o,checkedAll:r,isAll:i,isIndeterminate:s,showSheet:a,supportMerge:p,supportStyle:x,defaultOptions:c,storeData:d}=this,{hasTree:h,hasMerge:v,isPrint:u,hasColgroup:g,columns:m}=d,b=c.isHeader;var e=l.slots||{};let E=e.top,k=e.bottom,C=e.default,f=e.footer,I=e.parameter,O=[];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,i="html"===e.type;O.push(n("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||this.changeOption(e)}}},[n("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),i?n("span",{key:"1",class:"vxe-checkbox--label",domProps:{innerHTML:t}}):n("span",{key:"0",class:"vxe-checkbox--label"},t)]))}),n("vxe-modal",{ref:"modal",props:{id:"VXE_EXPORT_MODAL",value:d.visible,title:getI18n(u?"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:this.loading},on:{input(e){d.visible=e},show:this.showEvent},scopedSlots:{default:()=>{var e={$table:t,$grid:t.xegrid,options:l,columns:m,params:l.params};return n("div",{class:"vxe-table-export--panel"},[E?n("div",{class:"vxe-table-export--panel-top"},t.callSlot(E,e,n)):renderEmptyElement(this),n("div",{class:"vxe-table-export--panel-body"},C?t.callSlot(C,e,n):[n("table",{attrs:{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0}},[n("tbody",[[u?o():n("tr",[n("td",getI18n("vxe.export.expName")),n("td",[n("vxe-input",{ref:"filename",props:{value:c.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder")},on:{modelValue(e){c.filename=e}}})])]),u?o():n("tr",[n("td",getI18n("vxe.export.expType")),n("td",[n("vxe-select",{props:{value:c.type,options:d.typeList},on:{input(e){c.type=e}}})])]),u||a?n("tr",[n("td",getI18n("vxe.export.expSheetName")),n("td",[n("vxe-input",{ref:"sheetname",props:{value:c.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder")},on:{modelValue(e){c.sheetName=e}}})])]):o(),n("tr",[n("td",getI18n("vxe.export.expMode")),n("td",[n("vxe-select",{props:{value:c.mode,options:d.modeList},on:{input(e){c.mode=e}}})])]),n("tr",[n("td",[getI18n("vxe.export.expColumn")]),n("td",[n("div",{class:"vxe-table-export--panel-column"},[n("ul",{class:"vxe-table-export--panel-column-header"},[n("li",{class:["vxe-table-export--panel-column-option",{"is--checked":i,"is--indeterminate":s}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:this.allColumnEvent}},[n("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:i?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),n("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),n("ul",{class:"vxe-table-export--panel-column-body"},O)])])]),n("tr",[n("td",getI18n("vxe.export.expOpts")),I?n("td",[n("div",{class:"vxe-table-export--panel-option-row"},t.callSlot(I,e))]):n("td",[n("div",{class:"vxe-table-export--panel-option-row"},[n("vxe-checkbox",{props:{value:b,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){c.isHeader=e}}}),n("vxe-checkbox",{props:{value:c.isFooter,disabled:!d.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter")},on:{input(e){c.isFooter=e}}}),n("vxe-checkbox",{props:{value:c.original,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal")},on:{input(e){c.original=e}}})]),n("div",{class:"vxe-table-export--panel-option-row"},[n("vxe-checkbox",{props:{value:!!(b&&g&&p)&&c.isColgroup,disabled:!b||!g||!p,title:getI18n("vxe.export.expColgroupTitle"),content:getI18n("vxe.export.expOptColgroup")},on:{input(e){c.isColgroup=e}}}),n("vxe-checkbox",{props:{value:!!(v&&p&&r)&&c.isMerge,disabled:!v||!p||!r,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){c.isMerge=e}}}),u?o():n("vxe-checkbox",{props:{value:!!x&&c.useStyle,disabled:!x,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){c.useStyle=e}}}),n("vxe-checkbox",{props:{value:!!h&&c.isAllExpand,disabled:!h,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand")},on:{input(e){c.isAllExpand=e}}})])])])]])])]),k?n("div",{class:"vxe-table-export--panel-bottom"},t.callSlot(k,e,n)):renderEmptyElement(this)])},footer:()=>{var e={$table:t,$grid:t.xegrid,options:l,columns:m,params:l.params};return n("div",{class:"vxe-table-export--panel-footer"},f?t.callSlot(f,e):[n("div",{class:"vxe-table-export--panel-btns"},[n("vxe-button",{props:{content:getI18n("vxe.export.expCancel")},on:{click:this.cancelEvent}}),n("vxe-button",{ref:"confirmBtn",props:{status:"primary",content:getI18n(u?"vxe.export.expPrint":"vxe.export.expConfirm")},on:{click:this.confirmEvent}})])])}}})},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=_xeUtils.default.findTree(this.storeData.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.storeData.columns;this.isAll=e.every(e=>e.disabled||e.checked),this.isIndeterminate=!this.isAll&&e.some(e=>!e.disabled&&(e.checked||e.halfChecked))},allColumnEvent(){let t=!this.isAll;_xeUtils.default.eachTree(this.storeData.columns,e=>{e.disabled||(e.checked=t,e.halfChecked=!1)}),this.isAll=t,this.checkStatus()},showEvent(){this.$nextTick(()=>{var e=this.$refs,e=e.filename||e.sheetname||e.confirmBtn;e&&e.focus()}),this.checkStatus()},getExportOption(){var{checkedAll:e,storeData:t,defaultOptions:l,supportMerge:o}=this,{hasMerge:t,columns:r}=t,r=_xeUtils.default.searchTree(r,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},l,{columns:r,isMerge:!!(t&&o&&e)&&l.isMerge})},cancelEvent(){this.storeData.visible=!1},confirmEvent(e){this.storeData.isPrint?this.printEvent(e):this.exportEvent(e)},printEvent(){var e=this.$parent;this.storeData.visible=!1,e.print(Object.assign({},e.printOpts,this.getExportOption()))},exportEvent(){var e=this.$xeTable,t=e.exportOpts;this.loading=!0,e.exportData(Object.assign({},t,this.getExportOption())).then(()=>{this.loading=!1,this.storeData.visible=!1}).catch(()=>{this.loading=!1})}}};