vxe-table 3.19.39 → 3.20.0-beta.1

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,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(){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),l=_ui.VxeUI.getComponent("VxeSelect"),o=_ui.VxeUI.getComponent("VxeInput"),i=_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"]),i||(0,_log.errLog)("vxe.error.reqComp",["vxe-checkbox"])})},render(r){let l=this.$xeTable,o=l.$xeGrid,i=l.$xeGantt,{_e:n,checkedAll:a,isAll:s,isIndeterminate:p,showSheet:x,supportMerge:c,supportStyle:d,defaultOptions:h,storeData:v}=this,{hasTree:u,hasMerge:g,isPrint:m,hasColgroup:b,columns:k}=v,C=h.isHeader;var e=h.slots||{};let E=e.top,f=e.bottom,I=e.default,t=e.footer,O=e.parameter,_=[];return _xeUtils.default.eachTree(k,e=>{var t=(0,_utils.formatText)(e.getTitle(),1),l=e.children&&e.children.length,o=e.checked,i=e.halfChecked,n="html"===e.type;_.push(r("li",{class:["vxe-table-export--panel-column-option","level--"+e.level,{"is--group":l,"is--checked":o,"is--indeterminate":i,"is--disabled":e.disabled}],attrs:{title:t},on:{click:()=>{e.disabled||this.changeOption(e)}}},[r("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),n?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:{id:"VXE_EXPORT_MODAL",value:v.visible,title:getI18n(m?"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){v.visible=e},show:this.showEvent},scopedSlots:{default:()=>{var e={$table:l,$grid:o,$gantt:i,options:h,columns:k,params:h.params},t="empty"===h.mode;return r("div",{class:"vxe-table-export--panel"},[E?r("div",{class:"vxe-table-export--panel-top"},l.callSlot(E,e,r)):renderEmptyElement(this),r("div",{class:"vxe-table-export--panel-body"},I?l.callSlot(I,e,r):[r("table",{attrs:{class:"vxe-table-export--panel-table",cellspacing:0,cellpadding:0,border:0}},[r("tbody",[[m?n():r("tr",[r("td",getI18n("vxe.export.expName")),r("td",[r("vxe-input",{ref:"filename",props:{value:h.filename,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expNamePlaceholder")},on:{modelValue(e){h.filename=e}}})])]),m?n():r("tr",[r("td",getI18n("vxe.export.expType")),r("td",[r("vxe-select",{props:{value:h.type,options:v.typeList},on:{modelValue(e){h.type=e}}})])]),m||x?r("tr",[r("td",getI18n("vxe.export.expSheetName")),r("td",[r("vxe-input",{ref:"sheetname",props:{value:h.sheetName,type:"text",clearable:!0,placeholder:getI18n("vxe.export.expSheetNamePlaceholder")},on:{modelValue(e){h.sheetName=e}}})])]):n(),r("tr",[r("td",getI18n("vxe.export.expMode")),r("td",[r("vxe-select",{props:{value:h.mode,options:v.modeList},on:{modelValue(e){h.mode=e}}})])]),r("tr",[r("td",[getI18n("vxe.export.expColumn")]),r("td",[r("div",{class:"vxe-table-export--panel-column"},[r("ul",{class:"vxe-table-export--panel-column-header"},[r("li",{class:["vxe-table-export--panel-column-option",{"is--checked":s,"is--indeterminate":p}],attrs:{title:getI18n("vxe.table.allTitle")},on:{click:this.allColumnEvent}},[r("span",{class:["vxe-checkbox--icon",p?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),r("span",{class:"vxe-checkbox--label"},getI18n("vxe.export.expCurrentColumn"))])]),r("ul",{class:"vxe-table-export--panel-column-body"},_)])])]),r("tr",[r("td",getI18n("vxe.export.expOpts")),O?r("td",[r("div",{class:"vxe-table-export--panel-option-row"},l.callSlot(O,e,r))]):r("td",[r("div",{class:"vxe-table-export--panel-option-row"},[r("vxe-checkbox",{props:{value:t||C,disabled:t,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){h.isHeader=e}}}),r("vxe-checkbox",{props:{value:!!C&&h.isTitle,disabled:!C,title:getI18n("vxe.export.expTitleTitle"),content:getI18n("vxe.export.expOptTitle")},on:{input(e){h.isTitle=e}}}),r("vxe-checkbox",{props:{value:!!(C&&b&&c)&&h.isColgroup,disabled:!C||!b||!c,title:getI18n("vxe.export.expColgroupTitle"),content:getI18n("vxe.export.expOptColgroup")},on:{input(e){h.isColgroup=e}}})]),r("div",{class:"vxe-table-export--panel-option-row"},[r("vxe-checkbox",{props:{value:!t&&h.original,disabled:t,title:getI18n("vxe.export.expOriginalTitle"),content:getI18n("vxe.export.expOptOriginal")},on:{input(e){h.original=e}}}),r("vxe-checkbox",{props:{value:!!(g&&c&&a)&&h.isMerge,disabled:t||!g||!c||!a,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){h.isMerge=e}}}),m?n():r("vxe-checkbox",{props:{value:!!d&&h.useStyle,disabled:!d,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){h.useStyle=e}}}),r("vxe-checkbox",{props:{value:!!u&&h.isAllExpand,disabled:t||!u,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand")},on:{input(e){h.isAllExpand=e}}})]),r("div",{class:"vxe-table-export--panel-option-row"},[r("vxe-checkbox",{props:{value:h.isFooter,disabled:!v.hasFooter,title:getI18n("vxe.export.expFooterTitle"),content:getI18n("vxe.export.expOptFooter")},on:{input(e){h.isFooter=e}}})])])])]])])]),f?r("div",{class:"vxe-table-export--panel-bottom"},l.callSlot(f,e,r)):renderEmptyElement(this)])},footer:()=>{var e={$table:l,$grid:o,$gantt:i,options:h,columns:k,params:h.params};return r("div",{class:"vxe-table-export--panel-footer"},t?l.callSlot(t,e,r):[r("div",{class:"vxe-table-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(m?"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:i}=t,i=_xeUtils.default.searchTree(i,e=>e.checked,{children:"children",mapChildren:"childNodes",original:!0});return Object.assign({},l,{columns:i,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})}}};
+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{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||(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"])})},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,hasMerge:d,isPrint:u,hasColgroup:v,columns:h}=p,m=n.isHeader,g=[],b=i.computeCheckedAll,E=i.computeShowSheet,C=i.computeSupportMerge,f=i.computeSupportStyle;e=n.slots||{};let k=e.top,I=e.bottom,O=e.default,_=e.footer,T=e.parameter;return _xeUtils.default.eachTree(h,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;g.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(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:t.loading},on:{input(e){p.visible=e},show:i.showEvent},scopedSlots:{default(){var e={$table:l,$grid:o,$gantt:r,options:n,columns:h,params:n.params},t="empty"===n.mode;return a("div",{class:"vxe-table-export--panel"},[k?a("div",{class:"vxe-table-export--panel-top"},l.callSlot(k,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",[[u?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}}})])]),u?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}}})])]),u||E?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"},g)])])]),a("tr",[a("td",getI18n("vxe.export.expOpts")),T?a("td",[a("div",{class:"vxe-table-export--panel-option-row"},l.callSlot(T,e,a))]):a("td",[a("div",{class:"vxe-table-export--panel-option-row"},[a("vxe-checkbox",{props:{value:t||m,disabled:t,title:getI18n("vxe.export.expHeaderTitle"),content:getI18n("vxe.export.expOptHeader")},on:{input(e){n.isHeader=e}}}),a("vxe-checkbox",{props:{value:!!m&&n.isTitle,disabled:!m,title:getI18n("vxe.export.expTitleTitle"),content:getI18n("vxe.export.expOptTitle")},on:{input(e){n.isTitle=e}}}),a("vxe-checkbox",{props:{value:!!(m&&v&&C)&&n.isColgroup,disabled:!m||!v||!C,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:!!(d&&C&&b)&&n.isMerge,disabled:t||!d||!C||!b,title:getI18n("vxe.export.expMergeTitle"),content:getI18n("vxe.export.expOptMerge")},on:{input(e){n.isMerge=e}}}),u?renderEmptyElement(l):a("vxe-checkbox",{props:{value:!!f&&n.useStyle,disabled:!f,title:getI18n("vxe.export.expUseStyleTitle"),content:getI18n("vxe.export.expOptUseStyle")},on:{input(e){n.useStyle=e}}}),a("vxe-checkbox",{props:{value:!!c&&n.isAllExpand,disabled:t||!c,title:getI18n("vxe.export.expAllExpandTitle"),content:getI18n("vxe.export.expOptAllExpand")},on:{input(e){n.isAllExpand=e}}})]),a("div",{class:"vxe-table-export--panel-option-row"},[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}}})])])])]])])]),I?a("div",{class:"vxe-table-export--panel-bottom"},l.callSlot(I,e,a)):renderEmptyElement(l)])},footer(){var e={$table:l,$grid:o,$gantt:r,options:n,columns:h,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(u?"vxe.export.expPrint":"vxe.export.expConfirm")},on:{click:i.confirmEvent}})])])}}})}},render(e){return this.renderVN(e)}});

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _comp = require("../../../ui/src/comp");
 var _ui = require("../../../ui");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _utils = require("../../../ui/src/utils");
@@ -15,16 +16,18 @@ const {
   globalMixins,
   renderEmptyElement
 } = _ui.VxeUI;
-var _default = exports.default = {
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeTableImportPanel',
   mixins: [globalMixins.sizeMixin],
   props: {
-    defaultOptions: Object,
-    storeData: Object
-  },
-  components: {
-    // VxeModal,
-    // VxeRadio
+    defaultOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    storeData: {
+      type: Object,
+      default: () => ({})
+    }
   },
   inject: {
     $xeTable: {
@@ -32,32 +35,47 @@ var _default = exports.default = {
     }
   },
   data() {
-    return {
+    const reactData = {
       loading: false
     };
+    return {
+      reactData
+    };
   },
-  computed: {
-    selectName() {
-      return `${this.storeData.filename}.${this.storeData.type}`;
+  computed: Object.assign(Object.assign({}, {}), {
+    computeSelectName() {
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const {
+        storeData
+      } = props;
+      return `${storeData.filename}.${storeData.type}`;
     },
-    hasFile() {
-      return this.storeData.file && this.storeData.type;
+    computeHasFile() {
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const {
+        storeData
+      } = props;
+      return storeData.file && storeData.type;
     },
-    parseTypeLabel() {
+    computeParseTypeLabel() {
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
       const {
         storeData
-      } = this;
+      } = props;
       const {
         type,
         typeList
       } = storeData;
       if (type) {
         const selectItem = _xeUtils.default.find(typeList, item => type === item.value);
-        return selectItem ? selectItem.label : '*.*';
+        return `${selectItem ? selectItem.label : '*.*'}`;
       }
       return `*.${typeList.map(item => item.value).join(', *.')}`;
     }
-  },
+  }),
   created() {
     const $xeTableImportPanel = this;
     const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
@@ -75,131 +93,6 @@ var _default = exports.default = {
       }
     });
   },
-  render(h) {
-    const $xeTable = this.$parent;
-    const $xeGrid = $xeTable.$xeGrid;
-    const $xeGantt = $xeTable.$xeGantt;
-    const {
-      hasFile,
-      loading,
-      parseTypeLabel,
-      defaultOptions,
-      storeData,
-      selectName
-    } = this;
-    const slots = defaultOptions.slots || {};
-    const topSlot = slots.top;
-    const bottomSlot = slots.bottom;
-    const defaultSlot = slots.default;
-    const footerSlot = slots.footer;
-    return h('vxe-modal', {
-      ref: 'modal',
-      props: {
-        id: 'VXE_IMPORT_MODAL',
-        value: storeData.visible,
-        title: getI18n('vxe.import.impTitle'),
-        width: 540,
-        minWidth: 360,
-        minHeight: 240,
-        mask: true,
-        lockView: true,
-        showFooter: true,
-        escClosable: true,
-        maskClosable: true,
-        showMaximize: true,
-        resize: true,
-        loading
-      },
-      on: {
-        input(value) {
-          storeData.visible = value;
-        },
-        show: this.showEvent
-      },
-      scopedSlots: {
-        default: () => {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            params: defaultOptions.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', {
-            class: 'vxe-table-export--panel-table',
-            attrs: {
-              cellspacing: 0,
-              cellpadding: 0,
-              border: 0
-            }
-          }, [h('tbody', [h('tr', [h('td', getI18n('vxe.import.impFile')), h('td', [hasFile ? h('div', {
-            class: 'vxe-table-export--selected--file',
-            attrs: {
-              title: selectName
-            }
-          }, [h('span', selectName), h('i', {
-            class: getIcon().INPUT_CLEAR,
-            on: {
-              click: this.clearFileEvent
-            }
-          })]) : h('button', {
-            ref: 'fileBtn',
-            class: 'vxe-table-export--select--file',
-            attrs: {
-              type: 'button'
-            },
-            on: {
-              click: this.selectFileEvent
-            }
-          }, getI18n('vxe.import.impSelect'))])]), h('tr', [h('td', getI18n('vxe.import.impType')), h('td', parseTypeLabel)]), h('tr', [h('td', getI18n('vxe.import.impMode')), h('td', [h('vxe-select', {
-            props: {
-              value: defaultOptions.mode,
-              options: storeData.modeList
-            },
-            on: {
-              modelValue(value) {
-                defaultOptions.mode = value;
-              }
-            }
-          })])])])])]), bottomSlot ? h('div', {
-            class: 'vxe-table-export--panel-bottom'
-          }, $xeTable.callSlot(bottomSlot, params, h)) : renderEmptyElement(this)]);
-        },
-        footer: () => {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            params: defaultOptions.params
-          };
-          return h('div', {
-            class: 'vxe-table-export--panel-footer'
-          }, footerSlot ? $xeTable.callSlot(footerSlot, params, h) : [h('div', {
-            class: 'vxe-table-export--panel-btns'
-          }, [h('vxe-button', {
-            on: {
-              click: this.cancelEvent
-            }
-          }, getI18n('vxe.import.impCancel')), h('vxe-button', {
-            props: {
-              status: 'primary',
-              disabled: !hasFile || loading
-            },
-            on: {
-              click: this.importEvent
-            }
-          }, getI18n('vxe.import.impConfirm'))])]);
-        }
-      }
-    });
-  },
   methods: {
     clearFileEvent() {
       Object.assign(this.storeData, {
@@ -209,39 +102,187 @@ var _default = exports.default = {
       });
     },
     selectFileEvent() {
-      const $xeTable = this.$parent;
-      $xeTable.readFile(this.defaultOptions).then(params => {
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const $xeTable = $xeImportPanel.$xeTable;
+      const {
+        storeData,
+        defaultOptions
+      } = props;
+      $xeTable.readFile(defaultOptions).then(params => {
         const {
           file
         } = params;
-        Object.assign(this.storeData, (0, _utils.parseFile)(file), {
+        Object.assign(storeData, (0, _utils.parseFile)(file), {
           file
         });
-      }).catch(e => e);
+      }).catch(() => {});
     },
     showEvent() {
-      this.$nextTick(() => {
-        const {
-          $refs
-        } = this;
-        const targetElem = $refs.fileBtn;
+      const $xeImportPanel = this;
+      $xeImportPanel.$nextTick(() => {
+        const targetElem = $xeImportPanel.$refs.fileBtn;
         if (targetElem) {
           targetElem.focus();
         }
       });
     },
     cancelEvent() {
-      this.storeData.visible = false;
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const {
+        storeData
+      } = props;
+      storeData.visible = false;
     },
     importEvent() {
-      const $xeTable = this.$parent;
-      this.loading = true;
-      $xeTable.importByFile(this.storeData.file, Object.assign({}, $xeTable.importOpts, this.defaultOptions)).then(() => {
-        this.loading = false;
-        this.storeData.visible = false;
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const reactData = $xeImportPanel.reactData;
+      const $xeTable = $xeImportPanel.$xeTable;
+      const {
+        storeData,
+        defaultOptions
+      } = props;
+      const importOpts = $xeTable.computeImportOpts;
+      reactData.loading = true;
+      $xeTable.importByFile(storeData.file, Object.assign({}, importOpts, defaultOptions)).then(() => {
+        reactData.loading = false;
+        storeData.visible = false;
       }).catch(() => {
-        this.loading = false;
+        reactData.loading = false;
+      });
+    },
+    renderVN(h) {
+      const $xeImportPanel = this;
+      const props = $xeImportPanel;
+      const reactData = $xeImportPanel.reactData;
+      const $xeTable = $xeImportPanel.$xeTable;
+      const $xeGrid = $xeTable.$xeGrid;
+      const $xeGantt = $xeTable.$xeGantt;
+      const {
+        defaultOptions,
+        storeData
+      } = props;
+      const selectName = $xeImportPanel.computeSelectName;
+      const hasFile = $xeImportPanel.computeHasFile;
+      const parseTypeLabel = $xeImportPanel.computeParseTypeLabel;
+      const slots = defaultOptions.slots || {};
+      const topSlot = slots.top;
+      const bottomSlot = slots.bottom;
+      const defaultSlot = slots.default;
+      const footerSlot = slots.footer;
+      return h('vxe-modal', {
+        ref: 'modal',
+        props: {
+          id: 'VXE_IMPORT_MODAL',
+          value: storeData.visible,
+          title: getI18n('vxe.import.impTitle'),
+          width: 540,
+          minWidth: 360,
+          minHeight: 240,
+          mask: true,
+          lockView: true,
+          showFooter: true,
+          escClosable: true,
+          maskClosable: true,
+          showMaximize: true,
+          resize: true,
+          loading: reactData.loading
+        },
+        on: {
+          input(value) {
+            storeData.visible = value;
+          },
+          show: $xeImportPanel.showEvent
+        },
+        scopedSlots: {
+          default: () => {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              params: defaultOptions.params
+            };
+            return h('div', {
+              class: 'vxe-table-export--panel'
+            }, [topSlot ? h('div', {
+              class: 'vxe-table-export--panel-top'
+            }, $xeTable.callSlot(topSlot, params, h)) : renderEmptyElement($xeTable), h('div', {
+              class: 'vxe-table-export--panel-body'
+            }, defaultSlot ? $xeTable.callSlot(defaultSlot, params, h) : [h('table', {
+              class: 'vxe-table-export--panel-table',
+              attrs: {
+                cellspacing: 0,
+                cellpadding: 0,
+                border: 0
+              }
+            }, [h('tbody', [h('tr', [h('td', getI18n('vxe.import.impFile')), h('td', [hasFile ? h('div', {
+              class: 'vxe-table-export--selected--file',
+              attrs: {
+                title: selectName
+              }
+            }, [h('span', selectName), h('i', {
+              class: getIcon().INPUT_CLEAR,
+              on: {
+                click: $xeImportPanel.clearFileEvent
+              }
+            })]) : h('button', {
+              ref: 'fileBtn',
+              class: 'vxe-table-export--select--file',
+              attrs: {
+                type: 'button'
+              },
+              on: {
+                click: $xeImportPanel.selectFileEvent
+              }
+            }, getI18n('vxe.import.impSelect'))])]), h('tr', [h('td', getI18n('vxe.import.impType')), h('td', parseTypeLabel)]), h('tr', [h('td', getI18n('vxe.import.impMode')), h('td', [h('vxe-select', {
+              props: {
+                value: defaultOptions.mode,
+                options: storeData.modeList
+              },
+              on: {
+                modelValue(value) {
+                  defaultOptions.mode = value;
+                }
+              }
+            })])])])])]), bottomSlot ? h('div', {
+              class: 'vxe-table-export--panel-bottom'
+            }, $xeTable.callSlot(bottomSlot, params, h)) : renderEmptyElement($xeTable)]);
+          },
+          footer: () => {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              params: defaultOptions.params
+            };
+            return h('div', {
+              class: 'vxe-table-export--panel-footer'
+            }, footerSlot ? $xeTable.callSlot(footerSlot, params, h) : [h('div', {
+              class: 'vxe-table-export--panel-btns'
+            }, [h('vxe-button', {
+              on: {
+                click: $xeImportPanel.cancelEvent
+              }
+            }, getI18n('vxe.import.impCancel')), h('vxe-button', {
+              props: {
+                status: 'primary',
+                disabled: !hasFile || reactData.loading
+              },
+              on: {
+                click: $xeImportPanel.importEvent
+              }
+            }, getI18n('vxe.import.impConfirm'))])]);
+          }
+        }
       });
     }
+  },
+  render(h) {
+    return this.renderVN(h);
   }
-};
+});
+/* define-vxe-component end */

package/lib/table/module/export/import-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,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableImportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:Object,storeData:Object},components:{},inject:{$xeTable:{default:null}},data(){return{loading:!1}},computed:{selectName(){return this.storeData.filename+"."+this.storeData.type},hasFile(){return this.storeData.file&&this.storeData.type},parseTypeLabel(){var e=this.storeData;let{type:t,typeList:i}=e;return t?(e=_xeUtils.default.find(i,e=>t===e.value))?e.label:"*.*":"*."+i.map(e=>e.value).join(", *.")}},created(){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),i=_ui.VxeUI.getComponent("VxeSelect");this.$nextTick(()=>{e||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),t||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),i||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"])})},render(t){let i=this.$parent,l=i.$xeGrid,a=i.$xeGantt,{hasFile:s,loading:o,parseTypeLabel:r,defaultOptions:n,storeData:p,selectName:d}=this;var e=n.slots||{};let c=e.top,m=e.bottom,v=e.default,u=e.footer;return t("vxe-modal",{ref:"modal",props:{id:"VXE_IMPORT_MODAL",value:p.visible,title:getI18n("vxe.import.impTitle"),width:540,minWidth:360,minHeight:240,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:o},on:{input(e){p.visible=e},show:this.showEvent},scopedSlots:{default:()=>{var e={$table:i,$grid:l,$gantt:a,options:n,params:n.params};return t("div",{class:"vxe-table-export--panel"},[c?t("div",{class:"vxe-table-export--panel-top"},i.callSlot(c,e,t)):renderEmptyElement(this),t("div",{class:"vxe-table-export--panel-body"},v?i.callSlot(v,e,t):[t("table",{class:"vxe-table-export--panel-table",attrs:{cellspacing:0,cellpadding:0,border:0}},[t("tbody",[t("tr",[t("td",getI18n("vxe.import.impFile")),t("td",[s?t("div",{class:"vxe-table-export--selected--file",attrs:{title:d}},[t("span",d),t("i",{class:getIcon().INPUT_CLEAR,on:{click:this.clearFileEvent}})]):t("button",{ref:"fileBtn",class:"vxe-table-export--select--file",attrs:{type:"button"},on:{click:this.selectFileEvent}},getI18n("vxe.import.impSelect"))])]),t("tr",[t("td",getI18n("vxe.import.impType")),t("td",r)]),t("tr",[t("td",getI18n("vxe.import.impMode")),t("td",[t("vxe-select",{props:{value:n.mode,options:p.modeList},on:{modelValue(e){n.mode=e}}})])])])])]),m?t("div",{class:"vxe-table-export--panel-bottom"},i.callSlot(m,e,t)):renderEmptyElement(this)])},footer:()=>{var e={$table:i,$grid:l,$gantt:a,options:n,params:n.params};return t("div",{class:"vxe-table-export--panel-footer"},u?i.callSlot(u,e,t):[t("div",{class:"vxe-table-export--panel-btns"},[t("vxe-button",{on:{click:this.cancelEvent}},getI18n("vxe.import.impCancel")),t("vxe-button",{props:{status:"primary",disabled:!s||o},on:{click:this.importEvent}},getI18n("vxe.import.impConfirm"))])])}}})},methods:{clearFileEvent(){Object.assign(this.storeData,{filename:"",sheetName:"",type:""})},selectFileEvent(){this.$parent.readFile(this.defaultOptions).then(e=>{e=e.file;Object.assign(this.storeData,(0,_utils.parseFile)(e),{file:e})}).catch(e=>e)},showEvent(){this.$nextTick(()=>{var e=this.$refs,e=e.fileBtn;e&&e.focus()})},cancelEvent(){this.storeData.visible=!1},importEvent(){var e=this.$parent;this.loading=!0,e.importByFile(this.storeData.file,Object.assign({},e.importOpts,this.defaultOptions)).then(()=>{this.loading=!1,this.storeData.visible=!1}).catch(()=>{this.loading=!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{getI18n,getIcon,globalMixins,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableImportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:{type:Object,default:()=>({})},storeData:{type:Object,default:()=>({})}},inject:{$xeTable:{default:null}},data(){return{reactData:{loading:!1}}},computed:Object.assign(Object.assign({},{}),{computeSelectName(){var e=this.storeData;return e.filename+"."+e.type},computeHasFile(){var e=this.storeData;return e.file&&e.type},computeParseTypeLabel(){var e=this.storeData;let{type:t,typeList:l}=e;return t?""+((e=_xeUtils.default.find(l,e=>t===e.value))?e.label:"*.*"):"*."+l.map(e=>e.value).join(", *.")}}),created(){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),l=_ui.VxeUI.getComponent("VxeSelect");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"])})},methods:{clearFileEvent(){Object.assign(this.storeData,{filename:"",sheetName:"",type:""})},selectFileEvent(){var e=this.$xeTable;let{storeData:t,defaultOptions:l}=this;e.readFile(l).then(e=>{e=e.file;Object.assign(t,(0,_utils.parseFile)(e),{file:e})}).catch(()=>{})},showEvent(){let t=this;t.$nextTick(()=>{var e=t.$refs.fileBtn;e&&e.focus()})},cancelEvent(){var e=this.storeData;e.visible=!1},importEvent(){var e=this;let t=e.reactData;var l=e.$xeTable;let{storeData:a,defaultOptions:o}=e;e=l.computeImportOpts;t.loading=!0,l.importByFile(a.file,Object.assign({},e,o)).then(()=>{t.loading=!1,a.visible=!1}).catch(()=>{t.loading=!1})},renderVN(t){let l=this;var e=l;let a=l.reactData,o=l.$xeTable,i=o.$xeGrid,r=o.$xeGantt,{defaultOptions:s,storeData:n}=e,p=l.computeSelectName,c=l.computeHasFile,d=l.computeParseTypeLabel;e=s.slots||{};let m=e.top,u=e.bottom,v=e.default,x=e.footer;return t("vxe-modal",{ref:"modal",props:{id:"VXE_IMPORT_MODAL",value:n.visible,title:getI18n("vxe.import.impTitle"),width:540,minWidth:360,minHeight:240,mask:!0,lockView:!0,showFooter:!0,escClosable:!0,maskClosable:!0,showMaximize:!0,resize:!0,loading:a.loading},on:{input(e){n.visible=e},show:l.showEvent},scopedSlots:{default:()=>{var e={$table:o,$grid:i,$gantt:r,options:s,params:s.params};return t("div",{class:"vxe-table-export--panel"},[m?t("div",{class:"vxe-table-export--panel-top"},o.callSlot(m,e,t)):renderEmptyElement(o),t("div",{class:"vxe-table-export--panel-body"},v?o.callSlot(v,e,t):[t("table",{class:"vxe-table-export--panel-table",attrs:{cellspacing:0,cellpadding:0,border:0}},[t("tbody",[t("tr",[t("td",getI18n("vxe.import.impFile")),t("td",[c?t("div",{class:"vxe-table-export--selected--file",attrs:{title:p}},[t("span",p),t("i",{class:getIcon().INPUT_CLEAR,on:{click:l.clearFileEvent}})]):t("button",{ref:"fileBtn",class:"vxe-table-export--select--file",attrs:{type:"button"},on:{click:l.selectFileEvent}},getI18n("vxe.import.impSelect"))])]),t("tr",[t("td",getI18n("vxe.import.impType")),t("td",d)]),t("tr",[t("td",getI18n("vxe.import.impMode")),t("td",[t("vxe-select",{props:{value:s.mode,options:n.modeList},on:{modelValue(e){s.mode=e}}})])])])])]),u?t("div",{class:"vxe-table-export--panel-bottom"},o.callSlot(u,e,t)):renderEmptyElement(o)])},footer:()=>{var e={$table:o,$grid:i,$gantt:r,options:s,params:s.params};return t("div",{class:"vxe-table-export--panel-footer"},x?o.callSlot(x,e,t):[t("div",{class:"vxe-table-export--panel-btns"},[t("vxe-button",{on:{click:l.cancelEvent}},getI18n("vxe.import.impCancel")),t("vxe-button",{props:{status:"primary",disabled:!c||a.loading},on:{click:l.importEvent}},getI18n("vxe.import.impConfirm"))])])}}})}},render(e){return this.renderVN(e)}});

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

@@ -535,8 +535,8 @@ var _default = exports.default = {
       const checkboxOpts = $xeTable.computeCheckboxOpts;
       const mouseOpts = $xeTable.computeMouseOpts;
       const editOpts = $xeTable.computeEditOpts;
-      if (mouseConfig && mouseOpts.area && $xeTable.triggerCellAreaModnEvent) {
-        return $xeTable.triggerCellAreaModnEvent(evnt, params);
+      if (mouseConfig && mouseOpts.area && $xeTable.triggerClAreaModnEvent) {
+        return $xeTable.triggerClAreaModnEvent(evnt, params);
       } else {
         if (checkboxConfig && checkboxOpts.range) {
           handleCheckboxRangeEvent($xeTable, evnt, params);

package/lib/table/module/keyboard/mixin.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("../../src/util"),_dom=require("../../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getCheckboxRangeRows(t,e,l,o,r,n,u){var i=t.showOverflow,{fullAllDataRowIdData:c,isResizeCellHeight:s}=t,d=t.computeRowOpts,h=t.computeCellOpts,g=t.computeDefaultRowHeight,l=l.row;let a=0,m=[],C=0;var p=0<u,w=t.scrollYLoad,v=t.afterFullData;if(C=p?n+u:r.height-n+Math.abs(u),w){r=t.getVTRowIndex(l);if(!(s||h.height||d.height)&&i)m=p?v.slice(r,r+Math.ceil(C/g)):v.slice(r-Math.floor(C/g),r+1);else if(p)for(let e=r;e<v.length;e++){var f=v[e],x=c[t.getRowid(f)]||{};if(a+=x.resizeHeight||h.height||d.height||x.height||g,m.push(f),a>C)return m}else for(let e=r;0<=e;e--){var R=v[e],b=c[t.getRowid(R)]||{};if(a+=b.resizeHeight||h.height||d.height||b.height||g,m.push(R),a>C)return m}}else for(var I=p?"next":"previous";o&&a<C;){var E=t.getRowNode(o);E&&(m.push(E.item),a+=o.offsetHeight,o=o[I+"ElementSibling"])}return m}function handleMoveSelected(e,t,l,o,r,n,u){var{afterFullData:i,visibleColumn:c}=e;let s=Object.assign({},l);var l=e.getVTRowIndex(s.row),d=e.getVTColumnIndex(s.column);return t.preventDefault(),r&&0<l?(s.rowIndex=l-1,s.row=i[s.rowIndex]):u&&l<i.length-1?(s.rowIndex=l+1,s.row=i[s.rowIndex]):o&&d?(s.columnIndex=d-1,s.column=c[s.columnIndex]):n&&d<c.length-1&&(s.columnIndex=d+1,s.column=c[s.columnIndex]),e.scrollToRow(s.row,s.column).then(()=>{s.cell=e.getCellElement(s.row,s.column),e.handleSelected(s,t)}),s}function handleCheckboxRangeEvent(S,e,M){var t=S.elemStore,l=(0,_util.getRefElem)(t["main-body-scroll"]),o=(0,_util.getRefElem)(t["left-body-scroll"]),t=(0,_util.getRefElem)(t["right-body-scroll"]),{column:r,cell:n}=M;if("checkbox"===r.type){let T=l;if(o&&"left"===r.fixed?T=o:t&&"right"===r.fixed&&(T=t),T){l=T.getBoundingClientRect();let t=S.$refs.refElem,i=e.clientX,c=e.clientY,s=T.querySelector(".vxe-table--checkbox-range"),d=n.parentNode,h=S.getCheckboxRecords(),g=[],a=1,m=e.clientY-l.y+T.scrollTop,C=e.clientX-l.x+T.scrollLeft,p=T.scrollTop,u=d.offsetHeight,w=d.getBoundingClientRect(),v=c-w.y,f=null,x=!1,R=1,b=(e,t)=>{S.dispatchEvent("checkbox-range-"+e,{records:()=>S.getCheckboxRecords(),reserves:()=>S.getCheckboxReserveRecords()},t)},I=e=>{var{clientX:t,clientY:l}=e,t=t-i,l=l-c+(T.scrollTop-p);let o=Math.abs(l),r=Math.abs(t),n=m,u=C;l<a?(n+=l)<a&&(n=a,o=m):o=Math.min(o,T.scrollHeight-m-a),t<a?(u+=t,r>C&&(u=a,r=C)):r=Math.min(r,T.clientWidth-C-a),s.style.height=o+"px",s.style.width=r+"px",s.style.left=u+"px",s.style.top=n+"px",s.style.display="block";t=getCheckboxRangeRows(S,e,M,d,w,v,l<a?-o:o);10<o&&t.length!==g.length&&(l=(0,_dom.hasControlKey)(e),g=t,l?t.forEach(e=>{S.handleBatchSelectRows([e],-1===h.indexOf(e))}):(S.setAllCheckboxRow(!1),S.handleCheckedCheckboxRow(t,!0,!1)),b("change",e))},E=()=>{clearTimeout(f),f=null},O=n=>{E(),f=setTimeout(()=>{var e,t,l,o,r;f&&({scrollLeft:e,scrollTop:t,clientHeight:l,scrollHeight:o}=T,r=Math.ceil(50*R/u),x?t+l<o?(S.scrollTo(e,t+r),O(n),I(n)):E():t?(S.scrollTo(e,t-r),O(n),I(n)):E())},50)};(0,_dom.addClass)(t,"drag--range"),document.onmousemove=e=>{e.preventDefault(),e.stopPropagation();var t=e.clientY,l=(0,_dom.getAbsolutePos)(T).boundingTop;t<l?(x=!1,R=l-t,f||O(e)):t>l+T.clientHeight?(x=!0,R=t-l-T.clientHeight,f||O(e)):f&&E(),I(e)},document.onmouseup=e=>{E(),(0,_dom.removeClass)(t,"drag--range"),s.removeAttribute("style"),document.onmousemove=null,document.onmouseup=null,b("end",e)},b("start",e)}}}var _default=exports.default={methods:{moveTabSelected(e,t,l){let o=this;var r=o.editConfig,{afterFullData:n,visibleColumn:u}=o,i=o.computeEditOpts,c=o.computeRowOpts,s=o.computeCurrentRowOpts,d=o.computeColumnOpts,h=o.computeCurrentColumnOpts;let g,a,m,C=Object.assign({},e);var e=o.getVTRowIndex(C.row),p=o.getVTColumnIndex(C.column),t=(l.preventDefault(),t?p<=0?0<e&&(a=e-1,g=n[a],m=u.length-1):m=p-1:p>=u.length-1?e<n.length-1&&(a=e+1,g=n[a],m=0):m=p+1,u[m]);t&&(g?(C.rowIndex=a,C.row=g):C.rowIndex=e,C.columnIndex=m,C.column=t,C.cell=o.getCellElement(C.row,C.column),c.isCurrent&&s.isFollowSelected&&o.triggerCurrentRowEvent(l,C),d.isCurrent&&h.isFollowSelected&&o.triggerCurrentColumnEvent(l,C),r?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?o.handleEdit(C,l):o.scrollToRow(C.row,C.column).then(()=>{o.handleSelected(C,l)})):o.scrollToRow(C.row,C.column).then(()=>{o.handleSelected(C,l)}))},moveCurrentRow(e,t,l){let o=this;var r=o,n=o,u=o,r=r.treeConfig;let i=n.currentRow;var n=u.afterFullData,u=o.computeTreeOpts,u=u.children||u.childrenField;let c;if(i?r?({index:r,items:u}=_xeUtils.default.findTree(n,e=>e===i,{children:u}),e&&0<r?c=u[r-1]:t&&r<u.length-1&&(c=u[r+1])):(u=o.getVTRowIndex(i),e&&0<u?c=n[u-1]:t&&u<n.length-1&&(c=n[u+1])):c=n[0],c){l.preventDefault();let e={$table:o,row:c,rowIndex:o.getRowIndex(c),$rowIndex:o.getVMRowIndex(c)};o.scrollToRow(c).then(()=>o.triggerCurrentRowEvent(l,e))}},moveCurrentColumn(e,t,l){let o=this;var r=o.currentColumn,n=o.visibleColumn;let u=null;if(r?(r=o.getVTColumnIndex(r),e&&0<r?u=n[r-1]:t&&r<n.length-1&&(u=n[r+1])):u=n[0],u){l.preventDefault();let e={$table:o,column:u,columnIndex:o.getColumnIndex(u),$columnIndex:o.getVMColumnIndex(u)};o.scrollToColumn(u).then(()=>o.triggerCurrentColumnEvent(l,e))}},moveArrowSelected(e,t,l,o,r,n){var u=this,{highlightCurrentRow:i,highlightCurrentColumn:c}=u,s=u.computeRowOpts,d=u.computeCurrentRowOpts,h=u.computeColumnOpts,g=u.computeCurrentColumnOpts,e=handleMoveSelected(u,n,e,t,l,o,r);(s.isCurrent||i)&&(d.isFollowSelected?u.triggerCurrentRowEvent(n,e):(l||r)&&(s.isCurrent||i)&&u.moveCurrentRow(l,r,n)),(h.isCurrent||c)&&(g.isFollowSelected?u.triggerCurrentColumnEvent(n,e):(t||o)&&(h.isCurrent||c)&&u.moveCurrentColumn(t,o,n))},moveEnterSelected(e,t,l,o,r,n){var u=this,{highlightCurrentRow:i,highlightCurrentColumn:c}=u,s=u.computeRowOpts,d=u.computeCurrentRowOpts,h=u.computeColumnOpts,g=u.computeCurrentColumnOpts,e=handleMoveSelected(u,n,e,t,l,o,r);(s.isCurrent||i)&&d.isFollowSelected&&u.triggerCurrentRowEvent(n,e),(h.isCurrent||c)&&g.isFollowSelected&&u.triggerCurrentColumnEvent(n,e)},moveSelected(e,t,l,o,r,n){handleMoveSelected(this,n,e,t,l,o,r)},handleCellMousedownEvent(e,t){var l=this,{editConfig:o,checkboxConfig:r,mouseConfig:n}=l,u=l.computeCheckboxOpts,i=l.computeMouseOpts,c=l.computeEditOpts;if(n&&i.area&&l.triggerCellAreaModnEvent)return l.triggerCellAreaModnEvent(e,t);r&&u.range&&handleCheckboxRangeEvent(l,e,t),n&&i.selected&&(o&&"cell"!==c.mode||l.handleSelected(t,e))}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("../../src/util"),_dom=require("../../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getCheckboxRangeRows(t,e,l,o,r,n,u){var i=t.showOverflow,{fullAllDataRowIdData:c,isResizeCellHeight:s}=t,d=t.computeRowOpts,h=t.computeCellOpts,g=t.computeDefaultRowHeight,l=l.row;let a=0,m=[],C=0;var p=0<u,w=t.scrollYLoad,v=t.afterFullData;if(C=p?n+u:r.height-n+Math.abs(u),w){r=t.getVTRowIndex(l);if(!(s||h.height||d.height)&&i)m=p?v.slice(r,r+Math.ceil(C/g)):v.slice(r-Math.floor(C/g),r+1);else if(p)for(let e=r;e<v.length;e++){var f=v[e],x=c[t.getRowid(f)]||{};if(a+=x.resizeHeight||h.height||d.height||x.height||g,m.push(f),a>C)return m}else for(let e=r;0<=e;e--){var R=v[e],b=c[t.getRowid(R)]||{};if(a+=b.resizeHeight||h.height||d.height||b.height||g,m.push(R),a>C)return m}}else for(var I=p?"next":"previous";o&&a<C;){var E=t.getRowNode(o);E&&(m.push(E.item),a+=o.offsetHeight,o=o[I+"ElementSibling"])}return m}function handleMoveSelected(e,t,l,o,r,n,u){var{afterFullData:i,visibleColumn:c}=e;let s=Object.assign({},l);var l=e.getVTRowIndex(s.row),d=e.getVTColumnIndex(s.column);return t.preventDefault(),r&&0<l?(s.rowIndex=l-1,s.row=i[s.rowIndex]):u&&l<i.length-1?(s.rowIndex=l+1,s.row=i[s.rowIndex]):o&&d?(s.columnIndex=d-1,s.column=c[s.columnIndex]):n&&d<c.length-1&&(s.columnIndex=d+1,s.column=c[s.columnIndex]),e.scrollToRow(s.row,s.column).then(()=>{s.cell=e.getCellElement(s.row,s.column),e.handleSelected(s,t)}),s}function handleCheckboxRangeEvent(S,e,M){var t=S.elemStore,l=(0,_util.getRefElem)(t["main-body-scroll"]),o=(0,_util.getRefElem)(t["left-body-scroll"]),t=(0,_util.getRefElem)(t["right-body-scroll"]),{column:r,cell:n}=M;if("checkbox"===r.type){let T=l;if(o&&"left"===r.fixed?T=o:t&&"right"===r.fixed&&(T=t),T){l=T.getBoundingClientRect();let t=S.$refs.refElem,i=e.clientX,c=e.clientY,s=T.querySelector(".vxe-table--checkbox-range"),d=n.parentNode,h=S.getCheckboxRecords(),g=[],a=1,m=e.clientY-l.y+T.scrollTop,C=e.clientX-l.x+T.scrollLeft,p=T.scrollTop,u=d.offsetHeight,w=d.getBoundingClientRect(),v=c-w.y,f=null,x=!1,R=1,b=(e,t)=>{S.dispatchEvent("checkbox-range-"+e,{records:()=>S.getCheckboxRecords(),reserves:()=>S.getCheckboxReserveRecords()},t)},I=e=>{var{clientX:t,clientY:l}=e,t=t-i,l=l-c+(T.scrollTop-p);let o=Math.abs(l),r=Math.abs(t),n=m,u=C;l<a?(n+=l)<a&&(n=a,o=m):o=Math.min(o,T.scrollHeight-m-a),t<a?(u+=t,r>C&&(u=a,r=C)):r=Math.min(r,T.clientWidth-C-a),s.style.height=o+"px",s.style.width=r+"px",s.style.left=u+"px",s.style.top=n+"px",s.style.display="block";t=getCheckboxRangeRows(S,e,M,d,w,v,l<a?-o:o);10<o&&t.length!==g.length&&(l=(0,_dom.hasControlKey)(e),g=t,l?t.forEach(e=>{S.handleBatchSelectRows([e],-1===h.indexOf(e))}):(S.setAllCheckboxRow(!1),S.handleCheckedCheckboxRow(t,!0,!1)),b("change",e))},E=()=>{clearTimeout(f),f=null},O=n=>{E(),f=setTimeout(()=>{var e,t,l,o,r;f&&({scrollLeft:e,scrollTop:t,clientHeight:l,scrollHeight:o}=T,r=Math.ceil(50*R/u),x?t+l<o?(S.scrollTo(e,t+r),O(n),I(n)):E():t?(S.scrollTo(e,t-r),O(n),I(n)):E())},50)};(0,_dom.addClass)(t,"drag--range"),document.onmousemove=e=>{e.preventDefault(),e.stopPropagation();var t=e.clientY,l=(0,_dom.getAbsolutePos)(T).boundingTop;t<l?(x=!1,R=l-t,f||O(e)):t>l+T.clientHeight?(x=!0,R=t-l-T.clientHeight,f||O(e)):f&&E(),I(e)},document.onmouseup=e=>{E(),(0,_dom.removeClass)(t,"drag--range"),s.removeAttribute("style"),document.onmousemove=null,document.onmouseup=null,b("end",e)},b("start",e)}}}var _default=exports.default={methods:{moveTabSelected(e,t,l){let o=this;var r=o.editConfig,{afterFullData:n,visibleColumn:u}=o,i=o.computeEditOpts,c=o.computeRowOpts,s=o.computeCurrentRowOpts,d=o.computeColumnOpts,h=o.computeCurrentColumnOpts;let g,a,m,C=Object.assign({},e);var e=o.getVTRowIndex(C.row),p=o.getVTColumnIndex(C.column),t=(l.preventDefault(),t?p<=0?0<e&&(a=e-1,g=n[a],m=u.length-1):m=p-1:p>=u.length-1?e<n.length-1&&(a=e+1,g=n[a],m=0):m=p+1,u[m]);t&&(g?(C.rowIndex=a,C.row=g):C.rowIndex=e,C.columnIndex=m,C.column=t,C.cell=o.getCellElement(C.row,C.column),c.isCurrent&&s.isFollowSelected&&o.triggerCurrentRowEvent(l,C),d.isCurrent&&h.isFollowSelected&&o.triggerCurrentColumnEvent(l,C),r?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?o.handleEdit(C,l):o.scrollToRow(C.row,C.column).then(()=>{o.handleSelected(C,l)})):o.scrollToRow(C.row,C.column).then(()=>{o.handleSelected(C,l)}))},moveCurrentRow(e,t,l){let o=this;var r=o,n=o,u=o,r=r.treeConfig;let i=n.currentRow;var n=u.afterFullData,u=o.computeTreeOpts,u=u.children||u.childrenField;let c;if(i?r?({index:r,items:u}=_xeUtils.default.findTree(n,e=>e===i,{children:u}),e&&0<r?c=u[r-1]:t&&r<u.length-1&&(c=u[r+1])):(u=o.getVTRowIndex(i),e&&0<u?c=n[u-1]:t&&u<n.length-1&&(c=n[u+1])):c=n[0],c){l.preventDefault();let e={$table:o,row:c,rowIndex:o.getRowIndex(c),$rowIndex:o.getVMRowIndex(c)};o.scrollToRow(c).then(()=>o.triggerCurrentRowEvent(l,e))}},moveCurrentColumn(e,t,l){let o=this;var r=o.currentColumn,n=o.visibleColumn;let u=null;if(r?(r=o.getVTColumnIndex(r),e&&0<r?u=n[r-1]:t&&r<n.length-1&&(u=n[r+1])):u=n[0],u){l.preventDefault();let e={$table:o,column:u,columnIndex:o.getColumnIndex(u),$columnIndex:o.getVMColumnIndex(u)};o.scrollToColumn(u).then(()=>o.triggerCurrentColumnEvent(l,e))}},moveArrowSelected(e,t,l,o,r,n){var u=this,{highlightCurrentRow:i,highlightCurrentColumn:c}=u,s=u.computeRowOpts,d=u.computeCurrentRowOpts,h=u.computeColumnOpts,g=u.computeCurrentColumnOpts,e=handleMoveSelected(u,n,e,t,l,o,r);(s.isCurrent||i)&&(d.isFollowSelected?u.triggerCurrentRowEvent(n,e):(l||r)&&(s.isCurrent||i)&&u.moveCurrentRow(l,r,n)),(h.isCurrent||c)&&(g.isFollowSelected?u.triggerCurrentColumnEvent(n,e):(t||o)&&(h.isCurrent||c)&&u.moveCurrentColumn(t,o,n))},moveEnterSelected(e,t,l,o,r,n){var u=this,{highlightCurrentRow:i,highlightCurrentColumn:c}=u,s=u.computeRowOpts,d=u.computeCurrentRowOpts,h=u.computeColumnOpts,g=u.computeCurrentColumnOpts,e=handleMoveSelected(u,n,e,t,l,o,r);(s.isCurrent||i)&&d.isFollowSelected&&u.triggerCurrentRowEvent(n,e),(h.isCurrent||c)&&g.isFollowSelected&&u.triggerCurrentColumnEvent(n,e)},moveSelected(e,t,l,o,r,n){handleMoveSelected(this,n,e,t,l,o,r)},handleCellMousedownEvent(e,t){var l=this,{editConfig:o,checkboxConfig:r,mouseConfig:n}=l,u=l.computeCheckboxOpts,i=l.computeMouseOpts,c=l.computeEditOpts;if(n&&i.area&&l.triggerClAreaModnEvent)return l.triggerClAreaModnEvent(e,t);r&&u.range&&handleCheckboxRangeEvent(l,e,t),n&&i.selected&&(o&&"cell"!==c.mode||l.handleSelected(t,e))}}};