vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/grid/src/grid.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_log=require("../../tools/log"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_props=_interopRequireDefault(require("../../table/src/props")),_emits=_interopRequireDefault(require("../../table/src/emits")),_size=require("../../hooks/size"),_event=require("../../tools/event"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__spreadArray=function(e,t,o){if(o||2===arguments.length)for(var r,n=0,a=t.length;n<a;n++)!r&&n in t||((r=r||Array.prototype.slice.call(t,0,n))[n]=t[n]);return e.concat(r||Array.prototype.slice.call(t))},tableComponentPropKeys=Object.keys(_props.default),tableComponentMethodKeys=["clearAll","syncData","updateData","loadData","reloadData","reloadRow","loadColumn","reloadColumn","getRowNode","getColumnNode","getRowIndex","getVTRowIndex","getVMRowIndex","getColumnIndex","getVTColumnIndex","getVMColumnIndex","createData","createRow","revertData","clearData","isInsertByRow","isUpdateByRow","getColumns","getColumnById","getColumnByField","getTableColumn","getData","getCheckboxRecords","getParentRow","getRowSeq","getRowById","getRowid","getTableData","hideColumn","showColumn","resetColumn","refreshColumn","refreshScroll","recalculate","closeTooltip","isAllCheckboxChecked","isAllCheckboxIndeterminate","getCheckboxIndeterminateRecords","setCheckboxRow","isCheckedByCheckboxRow","isIndeterminateByCheckboxRow","toggleCheckboxRow","setAllCheckboxRow","getRadioReserveRecord","clearRadioReserve","getCheckboxReserveRecords","clearCheckboxReserve","toggleAllCheckboxRow","clearCheckboxRow","setCurrentRow","isCheckedByRadioRow","setRadioRow","clearCurrentRow","clearRadioRow","getCurrentRecord","getRadioRecord","getCurrentColumn","setCurrentColumn","clearCurrentColumn","sort","clearSort","isSort","getSortColumns","closeFilter","isFilter","isRowExpandLoaded","clearRowExpandLoaded","reloadRowExpand","reloadRowExpand","toggleRowExpand","setAllRowExpand","setRowExpand","isExpandByRow","clearRowExpand","clearRowExpandReserve","getRowExpandRecords","getTreeExpandRecords","isTreeExpandLoaded","clearTreeExpandLoaded","reloadTreeExpand","reloadTreeChilds","toggleTreeExpand","setAllTreeExpand","setTreeExpand","isTreeExpandByRow","clearTreeExpand","clearTreeExpandReserve","getScroll","scrollTo","scrollToRow","scrollToColumn","clearScroll","updateFooter","updateStatus","setMergeCells","removeInsertRow","removeMergeCells","getMergeCells","clearMergeCells","setMergeFooterItems","removeMergeFooterItems","getMergeFooterItems","clearMergeFooterItems","openTooltip","focus","blur","connect"],gridComponentEmits=__spreadArray(__spreadArray([],_emits.default,!0),["page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","toolbar-button-click","toolbar-tool-click","zoom"],!1),_default2=(0,_vue.defineComponent)({name:"VxeGrid",props:__assign(__assign({},_props.default),{columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,size:{type:String,default:function(){return _conf.default.grid.size||_conf.default.size}}}),emits:gridComponentEmits,setup:function(H,e){function t(e){var t={};return e.forEach(function(r){t[r]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var o=G.value;return o&&o[r].apply(o,e)}}),t}var f=e.slots,r=e.emit,o=_xeUtils.default.uniqueId(),n=(0,_vue.getCurrentInstance)(),v=(0,_size.useSize)(H),K=(0,_vue.reactive)({tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],pendingRecords:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:_conf.default.pager.pageSize||10,currentPage:1}}),p=(0,_vue.ref)(),G=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.ref)(),R=(0,_vue.ref)(),Q=t(tableComponentMethodKeys);tableComponentMethodKeys.forEach(function(r){Q[r]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var o=G.value;return o&&o[r].apply(o,e)}});function g(t){var e=K.pendingRecords,o=H.rowClassName,r=[];return e.some(function(e){return e===t.row})&&r.push("row--pending"),r.push(o?_xeUtils.default.isFunction(o)?o(t):o:""),r}function y(e){var t=H.editConfig,o=K.pendingRecords,r=G.value,t=t?t.beforeEditMethod||t.activeMethod:null;return-1===r.findRowIndexOf(o,e.row)&&(!t||t(__assign(__assign({},e),{$grid:oe})))}function a(){(0,_vue.nextTick)(function(){var e=G.value,t=_.value;e&&t&&e.connect(t)})}function i(){var e=K.tablePage,t=H.pagerConfig,o=(r=T.value).currentPage,r=r.pageSize;t&&(o&&(e.currentPage=o),r&&(e.pageSize=r))}function Y(e,t){var o,r=void 0===(r=W.value.props)?{}:r;return(o=e&&r.message?_xeUtils.default.get(e,r.message):o)||_conf.default.i18n(t)}function J(e,t,o){var r=ee.value,n=Q.getCheckboxRecords();if(r){if(n.length)return _vXETable.VXETable.modal.confirm({id:"cfm_".concat(e),content:_conf.default.i18n(t),escClosable:!0}).then(function(e){"confirm"===e&&o()});"development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:"msg_".concat(e),content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"})}else n.length&&o();return Promise.resolve()}function l(e){var t=K.isZMax;return(e?!t:t)&&(K.isZMax=!t,K.tZindex<(0,_utils.getLastZIndex)()&&(K.tZindex=(0,_utils.nextZIndex)())),(0,_vue.nextTick)().then(function(){return Q.recalculate(!0)}).then(function(){return K.isZMax})}var W=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.proxyConfig,H.proxyConfig)}),ee=(0,_vue.computed)(function(){return!1!==W.value.message}),T=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.pagerConfig,H.pagerConfig)}),w=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.formConfig,H.formConfig)}),te=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.toolbarConfig,H.toolbarConfig)}),s=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.zoomConfig,H.zoomConfig)}),O=(0,_vue.computed)(function(){return K.isZMax?{zIndex:K.tZindex}:null}),M=(0,_vue.computed)(function(){var t={},o=H;return tableComponentPropKeys.forEach(function(e){t[e]=o[e]}),t}),u={refElem:p,refTable:G,refForm:m,refToolbar:_,refPager:x},c={computeProxyOpts:W,computePagerOpts:T,computeFormOpts:w,computeToolbarOpts:te,computeZoomOpts:s},oe={xID:o,props:H,context:e,instance:n,reactData:K,getRefMaps:function(){return u},getComputeMaps:function(){return c}},re={},D=(0,_vue.computed)(function(){var e=H.seqConfig,t=H.pagerConfig,o=H.loading,r=H.editConfig,n=H.proxyConfig,a=K.isZMax,i=K.tableLoading,l=K.tablePage,s=K.tableData,u=M.value,c=W.value,d=Object.assign({},u);return a&&(u.maxHeight?d.maxHeight="auto":d.height="auto"),n&&(d.loading=o||i,d.data=s,d.rowClassName=g,c.seq&&(0,_utils.isEnableConf)(t)&&(d.seqConfig=Object.assign({},e,{startIndex:(l.currentPage-1)*l.pageSize}))),r&&(d.editConfig=Object.assign({},r,{beforeEditMethod:y})),d}),k=function(e){var t=H.proxyConfig,o=K.tablePage,r=e.currentPage,n=e.pageSize;o.currentPage=r,o.pageSize=n,re.dispatchEvent("page-change",e),t&&re.commitProxy("query")},P=function(e){var t=G.value,o=H.proxyConfig;t.getComputeMaps().computeSortOpts.value.remote&&(K.sortData=e.sortList,o&&(K.tablePage.currentPage=1,re.commitProxy("query"))),re.dispatchEvent("sort-change",e)},S=function(e){var t=G.value,o=H.proxyConfig;t.getComputeMaps().computeFilterOpts.value.remote&&(K.filterData=e.filterList,o&&(K.tablePage.currentPage=1,re.commitProxy("query"))),re.dispatchEvent("filter-change",e)},V=function(e){H.proxyConfig&&re.commitProxy("reload"),re.dispatchEvent("form-submit",e)},N=function(e){H.proxyConfig&&re.commitProxy("reload"),re.dispatchEvent("form-reset",e)},X=function(e){re.dispatchEvent("form-submit-invalid",e)},q=function(e){(0,_vue.nextTick)(function(){return Q.recalculate(!0)}),re.dispatchEvent("form-toggle-collapse",e),re.dispatchEvent("form-collapse",e)},I=function(e,t){t=e[t];if(t){if(!_xeUtils.default.isString(t))return t;if(f[t])return f[t];"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notSlot",[t])}return null},L={};_emits.default.forEach(function(o){var e=_xeUtils.default.camelCase("on-".concat(o));L[e]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return r.apply(void 0,__spreadArray([o],e,!1))}});function d(){var n,e=H.proxyConfig,t=H.formConfig,o=K.proxyInited,r=W.value,a=w.value;e&&((0,_utils.isEnableConf)(t)&&r.form&&a.items&&(n={},a.items.forEach(function(e){var t,o=e.field,r=e.itemRender;o&&(t=null,r&&(r=r.defaultValue,_xeUtils.default.isFunction(r)?t=r({item:e}):_xeUtils.default.isUndefined(r)||(t=r)),n[o]=t)}),K.formData=n),o||!(K.proxyInited=!0)!==r.autoLoad&&(0,_vue.nextTick)(function(){return re.commitProxy("_init")}))}re={dispatchEvent:function(e,t,o){r(e,Object.assign({$grid:oe,$event:o},t))},commitProxy:function(t){for(var e=[],o=1;o<arguments.length;o++)e[o-1]=arguments[o];var r=H.toolbarConfig,n=H.pagerConfig,a=H.editRules,i=K.tablePage,l=K.formData,s=ee.value,u=W.value,c=te.value,d=u.beforeQuery,g=u.afterQuery,f=u.beforeDelete,v=u.afterDelete,p=u.beforeSave,m=u.afterSave,_=u.ajax,x=void 0===_?{}:_,u=u.props,b=void 0===u?{}:u,h=G.value,C=null,E=null;E=_xeUtils.default.isString(t)?(c=c.buttons,C=(c=r&&c?_xeUtils.default.findTree(c,function(e){return e.code===t},{children:"dropdowns"}):null)?c.item:null,t):(C=t).code;var R,y,T,w,O=C?C.params:null;switch(E){case"insert":h.insert({});break;case"insert_actived":h.insert({}).then(function(e){e=e.row;return h.setActiveRow(e)});break;case"mark_cancel":V=E,T=K.pendingRecords,S=ee.value,w=G.value,(P=w.getCheckboxRecords()).length?(R=[],y=[],P.forEach(function(t){(T.some(function(e){return t===e})?y:R).push(t)}),y.length?K.pendingRecords=T.filter(function(e){return-1===w.findRowIndexOf(y,e)}).concat(R):R.length&&(K.pendingRecords=T.concat(R)),Q.clearCheckboxRow()):S&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:V,content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"}));break;case"remove":return J(E,"vxe.grid.removeSelectRecord",function(){return h.removeCheckboxRow()});case"import":h.importData(O);break;case"open_import":h.openImport(O);break;case"export":h.exportData(O);break;case"open_export":h.openExport(O);break;case"reset_custom":h.resetColumn(!0);break;case"_init":case"reload":case"query":var M=x.query;if(M){var D="_init"===E,k="reload"===E,P=[],S=[],V={};n&&((D||k)&&(i.currentPage=1),(0,_utils.isEnableConf)(n)&&(V=__assign({},i))),D?((D=h.getComputeMaps().computeSortOpts.value.defaultSort)&&(P=(D=!_xeUtils.default.isArray(D)?[D]:D).map(function(e){return{field:e.field,property:e.field,order:e.order}})),S=h.getCheckedFilters()):k?(K.pendingRecords=[],h.clearAll()):(P=h.getSortColumns(),S=h.getCheckedFilters());V={code:E,button:C,$grid:oe,page:V,sort:P.length?P[0]:{},sorts:P,filters:S,form:l,options:M};K.sortData=P,K.filterData=S,K.tableLoading=!0;var N=[V].concat(e);return Promise.resolve((d||M).apply(void 0,N)).catch(function(e){return e}).then(function(e){var t;K.tableLoading=!1,e?(0,_utils.isEnableConf)(n)?(t=_xeUtils.default.get(e,b.total||"page.total")||0,i.total=_xeUtils.default.toNumber(t),K.tableData=_xeUtils.default.get(e,b.result||"result")||[],t=Math.max(Math.ceil(t/i.pageSize),1),i.currentPage>t&&(i.currentPage=t)):K.tableData=(b.list?_xeUtils.default.get(e,b.list):e)||[]:K.tableData=[],g&&g.apply(void 0,N)})}"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break;case"delete":var X=x.delete;if(X){var q=Q.getCheckboxRecords(),I=q.filter(function(e){return!h.isInsertByRow(e)}),L=[{$grid:oe,code:E,button:C,body:{removeRecords:I},options:X}].concat(e);if(q.length)return J(E,"vxe.grid.deleteSelectRecord",function(){return I.length?(K.tableLoading=!0,Promise.resolve((f||X).apply(void 0,L)).then(function(e){K.tableLoading=!1,K.pendingRecords=K.pendingRecords.filter(function(e){return-1===h.findRowIndexOf(I,e)}),s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({content:Y(e,"vxe.grid.delSuccess"),status:"success"})),v?v.apply(void 0,L):re.commitProxy("query")}).catch(function(e){K.tableLoading=!1,s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal.message||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:E,content:Y(e,"vxe.grid.operError"),status:"error"}))})):h.remove(q)});s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:E,content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"}))}else"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break;case"save":var U=x.save;if(U){var z=Object.assign({pendingRecords:K.pendingRecords},h.getRecordset()),j=z.insertRecords,F=z.removeRecords,Z=z.updateRecords,A=z.pendingRecords,$=[{$grid:oe,code:E,button:C,body:z,options:U}].concat(e);j.length&&(z.pendingRecords=A.filter(function(e){return-1===h.findRowIndexOf(j,e)})),A.length&&(z.insertRecords=j.filter(function(e){return-1===h.findRowIndexOf(A,e)}));var B=Promise.resolve();return(B=a?h.validate(z.insertRecords.concat(Z)):B).then(function(e){if(!e)return z.insertRecords.length||F.length||Z.length||z.pendingRecords.length?(K.tableLoading=!0,Promise.resolve((p||U).apply(void 0,$)).then(function(e){K.tableLoading=!1,K.pendingRecords=[],s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({content:Y(e,"vxe.grid.saveSuccess"),status:"success"})),m?m.apply(void 0,$):re.commitProxy("query")}).catch(function(e){K.tableLoading=!1,s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:E,content:Y(e,"vxe.grid.operError"),status:"error"}))})):void(s&&("development"===process.env.NODE_ENV&&(_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"])),_vXETable.VXETable.modal.message({id:E,content:_conf.default.i18n("vxe.grid.dataUnchanged"),status:"info"})))})}"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break;default:B=_vXETable.VXETable.commands.get(E);B&&B.apply(void 0,__spreadArray([{code:E,button:C,$grid:oe,$table:h}],e,!1))}return(0,_vue.nextTick)()},zoom:function(){return K.isZMax?re.revert():re.maximize()},isMaximized:function(){return K.isZMax},maximize:function(){return l(!0)},revert:function(){return l()},getFormItems:function(e){var t=w.value,o=H.formConfig,t=t.items,r=[];return _xeUtils.default.eachTree((0,_utils.isEnableConf)(o)&&t?t:[],function(e){r.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?r:r[e]},getPendingRecords:function(){return K.pendingRecords},getProxyInfo:function(){if(H.proxyConfig){var e=K.sortData;return{data:K.tableData,filter:K.filterData,form:K.formData,sort:e.length?e[0]:{},sorts:e,pager:K.tablePage,pendingRecords:K.pendingRecords}}return null}};"development"===process.env.NODE_ENV&&(re.loadColumn=function(e){var t=G.value;return _xeUtils.default.eachTree(e,function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||f[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),t.loadColumn(e)},re.reloadColumn=function(e){return Q.clearAll(),re.loadColumn(e)});var U={extendTableMethods:t,callSlot:function(e,t){return e&&(_xeUtils.default.isString(e)&&(e=f[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},getExcludeHeight:function(){var e=H.height,t=K.isZMax,o=p.value,r=b.value,n=h.value,a=C.value,i=E.value,l=R.value;return(t||"auto"!==e?0:(0,_dom.getPaddingTopBottomSize)(o.parentNode))+(0,_dom.getPaddingTopBottomSize)(o)+(0,_dom.getOffsetHeight)(r)+(0,_dom.getOffsetHeight)(n)+(0,_dom.getOffsetHeight)(a)+(0,_dom.getOffsetHeight)(i)+(0,_dom.getOffsetHeight)(l)},getParentHeight:function(){var e=p.value;return e?(K.isZMax?(0,_dom.getDomNode)().visibleHeight:_xeUtils.default.toNumber(getComputedStyle(e.parentNode).height))-U.getExcludeHeight():0},triggerToolbarBtnEvent:function(e,t){re.commitProxy(e,t),re.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent:function(e,t){re.commitProxy(e,t),re.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e,$event:t})},triggerZoomEvent:function(e){re.zoom(),re.dispatchEvent("zoom",{type:K.isZMax?"max":"revert"},e)}};Object.assign(oe,Q,re,U),(0,_vue.watch)(function(){return H.columns},function(e){(0,_vue.nextTick)(function(){return oe.loadColumn(e||[])})}),(0,_vue.watch)(function(){return H.toolbarConfig},function(e){e&&a()}),(0,_vue.watch)(function(){return H.pagerConfig},function(){i()}),(0,_vue.watch)(function(){return H.proxyConfig},function(){d()});function z(e){var t=s.value;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE)&&K.isZMax&&!1!==t.escRestore&&U.triggerZoomEvent(e)}_vXETable.VXETable.hooks.forEach(function(e){e=e.setupGrid;!e||(e=e(oe))&&_xeUtils.default.isObject(e)&&Object.assign(oe,e)}),i(),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=H.data,t=H.columns,o=H.proxyConfig,r=W.value,n=w.value;o&&(e||r.form&&n.data)&&(0,_log.errLog)("vxe.error.errConflicts",["grid.data","grid.proxy-config"]),t&&t.length&&oe.loadColumn(t),a()}),_event.GlobalEvent.on(oe,"keydown",z)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(oe,"keydown")}),(0,_vue.nextTick)(function(){d()});return oe.renderVN=function(){var e,t,o,r,n,a,i,l,s,u,c,d=v.value,g=O.value;return(0,_vue.h)("div",{ref:p,class:["vxe-grid",((c={})["size--".concat(d)]=d,c["is--animat"]=!!H.animat,c["is--round"]=H.round,c["is--maximize"]=K.isZMax,c["is--loading"]=H.loading||K.tableLoading,c)],style:g},(l=H.formConfig,s=H.proxyConfig,u=K.formData,d=W.value,c=w.value,g=[],((0,_utils.isEnableConf)(l)||f.form)&&(l=[],f.form?l=f.form({$grid:oe}):c.items&&(a={},c.inited||(c.inited=!0,i=d.beforeItem,d&&i&&c.items.forEach(function(e){i({$grid:oe,item:e})})),c.items.forEach(function(e){_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||f[e]&&(a[e]=f[e])})}),l.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-form"),__assign(__assign({ref:m},Object.assign({},c,{data:s&&d.form?u:c.data})),{onSubmit:V,onReset:N,onSubmitInvalid:X,onCollapse:q}),a))),g.push((0,_vue.h)("div",{ref:b,class:"vxe-grid--form-wrapper"},l))),g.concat((c=H.toolbarConfig,l=te.value,g=[],((0,_utils.isEnableConf)(c)||f.toolbar)&&(t=[],f.toolbar?t=f.toolbar({$grid:oe}):(r=o=void 0,n={},(c=l.slots)&&(o=I(c,"buttons"),r=I(c,"tools"),o&&(n.buttons=o),r&&(n.tools=r)),t.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-toolbar"),__assign({ref:_},l),n))),g.push((0,_vue.h)("div",{ref:h,class:"vxe-grid--toolbar-wrapper"},t))),g),f.top?[(0,_vue.h)("div",{ref:C,class:"vxe-grid--top-wrapper"},f.top({$grid:oe}))]:[],(c=H.proxyConfig,o=D.value,r=W.value,l=Object.assign({},L),e=f.empty,c&&(r.sort&&(l.onSortChange=P),r.filter&&(l.onFilterChange=S)),[(0,_vue.h)((0,_vue.resolveComponent)("vxe-table"),__assign(__assign({ref:G},o),l),e?{empty:function(){return e({})}}:{})]),f.bottom?[(0,_vue.h)("div",{ref:E,class:"vxe-grid--bottom-wrapper"},f.bottom({$grid:oe}))]:[],(n=H.pagerConfig,t=T.value,g=[],((0,_utils.isEnableConf)(n)||f.pager)&&(c=[],f.pager?c=f.pager({$grid:oe}):(r={},l=o=void 0,(n=t.slots)&&(o=I(n,"left"),l=I(n,"right"),o&&(r.left=o),l&&(r.right=l)),c.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-pager"),__assign(__assign(__assign({ref:x},t),H.proxyConfig?K.tablePage:{}),{onPageChange:k}),r))),g.push((0,_vue.h)("div",{ref:R,class:"vxe-grid--pager-wrapper"},c))),g))))},(0,_vue.provide)("$xegrid",oe),oe},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_log=require("../../tools/log"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_props=_interopRequireDefault(require("../../table/src/props")),_emits=_interopRequireDefault(require("../../table/src/emits")),_size=require("../../hooks/size"),_event=require("../../tools/event"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},__spreadArray=function(e,t,o){if(o||2===arguments.length)for(var r,n=0,a=t.length;n<a;n++)!r&&n in t||((r=r||Array.prototype.slice.call(t,0,n))[n]=t[n]);return e.concat(r||Array.prototype.slice.call(t))},tableComponentPropKeys=Object.keys(_props.default),tableComponentMethodKeys=["clearAll","syncData","updateData","loadData","reloadData","reloadRow","loadColumn","reloadColumn","getRowNode","getColumnNode","getRowIndex","getVTRowIndex","getVMRowIndex","getColumnIndex","getVTColumnIndex","getVMColumnIndex","createData","createRow","revertData","clearData","isInsertByRow","isUpdateByRow","getColumns","getColumnById","getColumnByField","getTableColumn","getData","getCheckboxRecords","getParentRow","getRowSeq","getRowById","getRowid","getTableData","hideColumn","showColumn","resetColumn","refreshColumn","refreshScroll","recalculate","closeTooltip","isAllCheckboxChecked","isAllCheckboxIndeterminate","getCheckboxIndeterminateRecords","setCheckboxRow","isCheckedByCheckboxRow","isIndeterminateByCheckboxRow","toggleCheckboxRow","setAllCheckboxRow","getRadioReserveRecord","clearRadioReserve","getCheckboxReserveRecords","clearCheckboxReserve","toggleAllCheckboxRow","clearCheckboxRow","setCurrentRow","isCheckedByRadioRow","setRadioRow","clearCurrentRow","clearRadioRow","getCurrentRecord","getRadioRecord","getCurrentColumn","setCurrentColumn","clearCurrentColumn","sort","clearSort","isSort","getSortColumns","closeFilter","isFilter","isRowExpandLoaded","clearRowExpandLoaded","reloadRowExpand","reloadRowExpand","toggleRowExpand","setAllRowExpand","setRowExpand","isExpandByRow","clearRowExpand","clearRowExpandReserve","getRowExpandRecords","getTreeExpandRecords","isTreeExpandLoaded","clearTreeExpandLoaded","reloadTreeExpand","reloadTreeChilds","toggleTreeExpand","setAllTreeExpand","setTreeExpand","isTreeExpandByRow","clearTreeExpand","clearTreeExpandReserve","getScroll","scrollTo","scrollToRow","scrollToColumn","clearScroll","updateFooter","updateStatus","setMergeCells","removeInsertRow","removeMergeCells","getMergeCells","clearMergeCells","setMergeFooterItems","removeMergeFooterItems","getMergeFooterItems","clearMergeFooterItems","openTooltip","focus","blur","connect"],gridComponentEmits=__spreadArray(__spreadArray([],_emits.default,!0),["page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","toolbar-button-click","toolbar-tool-click","zoom"],!1),_default=(0,_vue.defineComponent)({name:"VxeGrid",props:__assign(__assign({},_props.default),{columns:Array,pagerConfig:Object,proxyConfig:Object,toolbarConfig:Object,formConfig:Object,zoomConfig:Object,size:{type:String,default:function(){return _conf.default.grid.size||_conf.default.size}}}),emits:gridComponentEmits,setup:function(H,e){function t(e){var t={};return e.forEach(function(r){t[r]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var o=Y.value;return o&&o[r].apply(o,e)}}),t}function g(t){var e=Q.pendingRecords,o=H.rowClassName,r=[];return e.some(function(e){return e===t.row})&&r.push("row--pending"),r.push(o?_xeUtils.default.isFunction(o)?o(t):o:""),r}function f(e){var t=H.editConfig,o=Q.pendingRecords,r=Y.value,t=t?t.beforeEditMethod||t.activeMethod:null;return-1===r.findRowIndexOf(o,e.row)&&(!t||t(__assign(__assign({},e),{$grid:oe})))}function a(){(0,_vue.nextTick)(function(){var e=Y.value,t=m.value;e&&t&&e.connect(t)})}function o(){var e=Q.tablePage,t=H.pagerConfig,o=(r=R.value).currentPage,r=r.pageSize;t&&(o&&(e.currentPage=o),r)&&(e.pageSize=r)}function K(e,t){var o,r=void 0===(r=W.value.props)?{}:r;return(o=e&&r.message?_xeUtils.default.get(e,r.message):o)||_conf.default.i18n(t)}function G(e,t,o){var r=ee.value,n=J.getCheckboxRecords();if(r){if(n.length)return _vXETable.VXETable.modal.confirm({id:"cfm_".concat(e),content:_conf.default.i18n(t),escClosable:!0}).then(function(e){"confirm"===e&&o()});"development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:"msg_".concat(e),content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"})}else n.length&&o();return Promise.resolve()}function r(e){var t=Q.isZMax;return(e?!t:t)&&(Q.isZMax=!t,Q.tZindex<(0,_utils.getLastZIndex)())&&(Q.tZindex=(0,_utils.nextZIndex)()),(0,_vue.nextTick)().then(function(){return J.recalculate(!0)}).then(function(){return Q.isZMax})}function n(){var n,e=H.proxyConfig,t=H.formConfig,o=Q.proxyInited,r=W.value,a=y.value;e&&((0,_utils.isEnableConf)(t)&&r.form&&a.items&&(n={},a.items.forEach(function(e){var t,o=e.field,r=e.itemRender;o&&(t=null,r&&(r=r.defaultValue,_xeUtils.default.isFunction(r)?t=r({item:e}):_xeUtils.default.isUndefined(r)||(t=r)),n[o]=t)}),Q.formData=n),o||!(Q.proxyInited=!0)!==r.autoLoad&&(0,_vue.nextTick)(function(){return re.commitProxy("_init")}))}function u(e){var t=l.value;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE)&&Q.isZMax&&!1!==t.escRestore&&s.triggerZoomEvent(e)}var d=e.slots,i=e.emit,c=_xeUtils.default.uniqueId(),O=(0,_vue.getCurrentInstance)(),M=(0,_size.useSize)(H),Q=(0,_vue.reactive)({tableLoading:!1,proxyInited:!1,isZMax:!1,tableData:[],pendingRecords:[],filterData:[],formData:{},sortData:[],tZindex:0,tablePage:{total:0,pageSize:_conf.default.pager.pageSize||10,currentPage:1}}),v=(0,_vue.ref)(),Y=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),x=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.ref)(),J=t(tableComponentMethodKeys),W=(tableComponentMethodKeys.forEach(function(r){J[r]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var o=Y.value;return o&&o[r].apply(o,e)}}),(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.proxyConfig,H.proxyConfig)})),ee=(0,_vue.computed)(function(){return!1!==W.value.message}),R=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.pagerConfig,H.pagerConfig)}),y=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.formConfig,H.formConfig)}),te=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.toolbarConfig,H.toolbarConfig)}),l=(0,_vue.computed)(function(){return Object.assign({},_conf.default.grid.zoomConfig,H.zoomConfig)}),D=(0,_vue.computed)(function(){return Q.isZMax?{zIndex:Q.tZindex}:null}),k=(0,_vue.computed)(function(){var t={},o=H;return tableComponentPropKeys.forEach(function(e){t[e]=o[e]}),t}),P={refElem:v,refTable:Y,refForm:p,refToolbar:m,refPager:_},S={computeProxyOpts:W,computePagerOpts:R,computeFormOpts:y,computeToolbarOpts:te,computeZoomOpts:l},oe={xID:c,props:H,context:e,instance:O,reactData:Q,getRefMaps:function(){return P},getComputeMaps:function(){return S}},re={},V=(0,_vue.computed)(function(){var e=H.seqConfig,t=H.pagerConfig,o=H.loading,r=H.editConfig,n=H.proxyConfig,a=Q.isZMax,i=Q.tableLoading,l=Q.tablePage,s=Q.tableData,u=k.value,c=W.value,d=Object.assign({},u);return a&&(u.maxHeight?d.maxHeight="auto":d.height="auto"),n&&(d.loading=o||i,d.data=s,d.rowClassName=g,c.seq)&&(0,_utils.isEnableConf)(t)&&(d.seqConfig=Object.assign({},e,{startIndex:(l.currentPage-1)*l.pageSize})),r&&(d.editConfig=Object.assign({},r,{beforeEditMethod:f})),d}),N=function(e){var t=H.proxyConfig,o=Q.tablePage,r=e.currentPage,n=e.pageSize;o.currentPage=r,o.pageSize=n,re.dispatchEvent("page-change",e),t&&re.commitProxy("query")},X=function(e){var t=Y.value,o=H.proxyConfig;t.getComputeMaps().computeSortOpts.value.remote&&(Q.sortData=e.sortList,o)&&(Q.tablePage.currentPage=1,re.commitProxy("query")),re.dispatchEvent("sort-change",e)},q=function(e){var t=Y.value,o=H.proxyConfig;t.getComputeMaps().computeFilterOpts.value.remote&&(Q.filterData=e.filterList,o)&&(Q.tablePage.currentPage=1,re.commitProxy("query")),re.dispatchEvent("filter-change",e)},I=function(e){H.proxyConfig&&re.commitProxy("reload"),re.dispatchEvent("form-submit",e)},L=function(e){H.proxyConfig&&re.commitProxy("reload"),re.dispatchEvent("form-reset",e)},U=function(e){re.dispatchEvent("form-submit-invalid",e)},z=function(e){(0,_vue.nextTick)(function(){return J.recalculate(!0)}),re.dispatchEvent("form-toggle-collapse",e),re.dispatchEvent("form-collapse",e)},T=function(e,t){e=e[t];if(e){if(!_xeUtils.default.isString(e))return e;if(d[e])return d[e];"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notSlot",[e])}return null},w={},re=(_emits.default.forEach(function(o){var e=_xeUtils.default.camelCase("on-".concat(o));w[e]=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.apply(void 0,__spreadArray([o],e,!1))}}),{dispatchEvent:function(e,t,o){i(e,Object.assign({$grid:oe,$event:o},t))},commitProxy:function(t){for(var e=[],o=1;o<arguments.length;o++)e[o-1]=arguments[o];var r,n,a,i,X=H.toolbarConfig,l=H.pagerConfig,q=H.editRules,s=Q.tablePage,I=Q.formData,u=ee.value,c=W.value,L=te.value,U=c.beforeQuery,z=c.afterQuery,j=c.beforeDelete,F=c.afterDelete,Z=c.beforeSave,A=c.afterSave,d=c.ajax,g=void 0===d?{}:d,d=c.props,f=void 0===d?{}:d,v=Y.value,p=null,m=null,_=(m=_xeUtils.default.isString(t)?(c=L.buttons,p=(d=X&&c?_xeUtils.default.findTree(c,function(e){return e.code===t},{children:"dropdowns"}):null)?d.item:null,t):(p=t).code,p?p.params:null);switch(m){case"insert":v.insert({});break;case"insert_actived":v.insert({}).then(function(e){e=e.row;return v.setActiveRow(e)});break;case"mark_cancel":b=m,a=Q.pendingRecords,x=ee.value,i=Y.value,(R=i.getCheckboxRecords()).length?(r=[],n=[],R.forEach(function(t){(a.some(function(e){return t===e})?n:r).push(t)}),n.length?Q.pendingRecords=a.filter(function(e){return-1===i.findRowIndexOf(n,e)}).concat(r):r.length&&(Q.pendingRecords=a.concat(r)),J.clearCheckboxRow()):x&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:b,content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"}));break;case"remove":return G(m,"vxe.grid.removeSelectRecord",function(){v.removeCheckboxRow()});case"import":v.importData(_);break;case"open_import":v.openImport(_);break;case"export":v.exportData(_);break;case"open_export":v.openExport(_);break;case"reset_custom":v.resetColumn(!0);break;case"_init":case"reload":case"query":var x,b,h,C,E,R=g.query;if(R)return x="_init"===m,b="reload"===m,N=[],h=[],S={},l&&((x||b)&&(s.currentPage=1),(0,_utils.isEnableConf)(l))&&(S=__assign({},s)),x?((C=v.getComputeMaps().computeSortOpts.value.defaultSort)&&(N=(C=_xeUtils.default.isArray(C)?C:[C]).map(function(e){return{field:e.field,property:e.field,order:e.order}})),h=v.getCheckedFilters()):b?(Q.pendingRecords=[],v.clearAll()):(N=v.getSortColumns(),h=v.getCheckedFilters()),C={code:m,button:p,$grid:oe,page:S,sort:N.length?N[0]:{},sorts:N,filters:h,form:I,options:R},Q.sortData=N,Q.filterData=h,Q.tableLoading=!0,E=[C].concat(e),Promise.resolve((U||R).apply(void 0,E)).catch(function(e){return e}).then(function(e){var t;Q.tableLoading=!1,e?(0,_utils.isEnableConf)(l)?(t=_xeUtils.default.get(e,f.total||"page.total")||0,s.total=_xeUtils.default.toNumber(t),Q.tableData=_xeUtils.default.get(e,f.result||"result")||[],t=Math.max(Math.ceil(t/s.pageSize),1),s.currentPage>t&&(s.currentPage=t)):Q.tableData=(f.list?_xeUtils.default.get(e,f.list):e)||[]:Q.tableData=[],z&&z.apply(void 0,E)});"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.query"]);break;case"delete":var y=g.delete;if(y){var T=J.getCheckboxRecords(),w=T.filter(function(e){return!v.isInsertByRow(e)}),$=[{$grid:oe,code:m,button:p,body:{removeRecords:w},options:y}].concat(e);if(T.length)return G(m,"vxe.grid.deleteSelectRecord",function(){if(!w.length)return v.remove(T);Q.tableLoading=!0,Promise.resolve((j||y).apply(void 0,$)).then(function(e){Q.tableLoading=!1,Q.pendingRecords=Q.pendingRecords.filter(function(e){return-1===v.findRowIndexOf(w,e)}),u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({content:K(e,"vxe.grid.delSuccess"),status:"success"})),F?F.apply(void 0,$):re.commitProxy("query")}).catch(function(e){Q.tableLoading=!1,u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal.message||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:m,content:K(e,"vxe.grid.operError"),status:"error"}))})});u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:m,content:_conf.default.i18n("vxe.grid.selectOneRecord"),status:"warning"}))}else"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.delete"]);break;case"save":var O,M,B,D,k,P,S,V=g.save;if(V)return O=Object.assign({pendingRecords:Q.pendingRecords},v.getRecordset()),M=O.insertRecords,B=O.removeRecords,D=O.updateRecords,k=O.pendingRecords,P=[{$grid:oe,code:m,button:p,body:O,options:V}].concat(e),M.length&&(O.pendingRecords=k.filter(function(e){return-1===v.findRowIndexOf(M,e)})),k.length&&(O.insertRecords=M.filter(function(e){return-1===v.findRowIndexOf(k,e)})),S=Promise.resolve(),(S=q?v.validate(O.insertRecords.concat(D)):S).then(function(e){if(!e)return O.insertRecords.length||B.length||D.length||O.pendingRecords.length?(Q.tableLoading=!0,Promise.resolve((Z||V).apply(void 0,P)).then(function(e){Q.tableLoading=!1,Q.pendingRecords=[],u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({content:K(e,"vxe.grid.saveSuccess"),status:"success"})),A?A.apply(void 0,P):re.commitProxy("query")}).catch(function(e){Q.tableLoading=!1,u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:m,content:K(e,"vxe.grid.operError"),status:"error"}))})):void(u&&("development"!==process.env.NODE_ENV||_vXETable.VXETable.modal||(0,_log.errLog)("vxe.error.reqModule",["Modal"]),_vXETable.VXETable.modal.message({id:m,content:_conf.default.i18n("vxe.grid.dataUnchanged"),status:"info"})))});"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notFunc",["proxy-config.ajax.save"]);break;default:var N=_vXETable.VXETable.commands.get(m);N&&N.apply(void 0,__spreadArray([{code:m,button:p,$grid:oe,$table:v}],e,!1))}return(0,_vue.nextTick)()},zoom:function(){return Q.isZMax?re.revert():re.maximize()},isMaximized:function(){return Q.isZMax},maximize:function(){return r(!0)},revert:function(){return r()},getFormItems:function(e){var t=y.value,o=H.formConfig,t=t.items,r=[];return _xeUtils.default.eachTree((0,_utils.isEnableConf)(o)&&t?t:[],function(e){r.push(e)},{children:"children"}),_xeUtils.default.isUndefined(e)?r:r[e]},getPendingRecords:function(){return Q.pendingRecords},getProxyInfo:function(){var e;return H.proxyConfig?(e=Q.sortData,{data:Q.tableData,filter:Q.filterData,form:Q.formData,sort:e.length?e[0]:{},sorts:e,pager:Q.tablePage,pendingRecords:Q.pendingRecords}):null}}),s=("development"===process.env.NODE_ENV&&(re.loadColumn=function(e){var t=Y.value;return _xeUtils.default.eachTree(e,function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||d[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),t.loadColumn(e)},re.reloadColumn=function(e){return J.clearAll(),re.loadColumn(e)}),{extendTableMethods:t,callSlot:function(e,t){return e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},getExcludeHeight:function(){var e=H.height,t=Q.isZMax,o=v.value,r=x.value,n=b.value,a=h.value,i=C.value,l=E.value;return(t||"auto"!==e?0:(0,_dom.getPaddingTopBottomSize)(o.parentNode))+(0,_dom.getPaddingTopBottomSize)(o)+(0,_dom.getOffsetHeight)(r)+(0,_dom.getOffsetHeight)(n)+(0,_dom.getOffsetHeight)(a)+(0,_dom.getOffsetHeight)(i)+(0,_dom.getOffsetHeight)(l)},getParentHeight:function(){var e=v.value;return e?(Q.isZMax?(0,_dom.getDomNode)().visibleHeight:_xeUtils.default.toNumber(getComputedStyle(e.parentNode).height))-s.getExcludeHeight():0},triggerToolbarBtnEvent:function(e,t){re.commitProxy(e,t),re.dispatchEvent("toolbar-button-click",{code:e.code,button:e},t)},triggerToolbarTolEvent:function(e,t){re.commitProxy(e,t),re.dispatchEvent("toolbar-tool-click",{code:e.code,tool:e,$event:t})},triggerZoomEvent:function(e){re.zoom(),re.dispatchEvent("zoom",{type:Q.isZMax?"max":"revert"},e)}});Object.assign(oe,J,re,s),(0,_vue.watch)(function(){return H.columns},function(e){(0,_vue.nextTick)(function(){return oe.loadColumn(e||[])})}),(0,_vue.watch)(function(){return H.toolbarConfig},function(e){e&&a()}),(0,_vue.watch)(function(){return H.pagerConfig},function(){o()}),(0,_vue.watch)(function(){return H.proxyConfig},function(){n()}),_vXETable.VXETable.hooks.forEach(function(e){var e=e.setupGrid;e&&(e=e(oe))&&_xeUtils.default.isObject(e)&&Object.assign(oe,e)}),o(),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=H.data,t=H.columns,o=H.proxyConfig,r=W.value,n=y.value;o&&(e||r.form&&n.data)&&(0,_log.errLog)("vxe.error.errConflicts",["grid.data","grid.proxy-config"]),t&&t.length&&oe.loadColumn(t),a()}),_event.GlobalEvent.on(oe,"keydown",u)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(oe,"keydown")}),(0,_vue.nextTick)(function(){n()});return oe.renderVN=function(){var e,t,o,r,n,a,i,l,s,u=M.value,c=D.value;return(0,_vue.h)("div",{ref:v,class:["vxe-grid",((a={})["size--".concat(u)]=u,a["is--animat"]=!!H.animat,a["is--round"]=H.round,a["is--maximize"]=Q.isZMax,a["is--loading"]=H.loading||Q.tableLoading,a)],style:c},(u=H.formConfig,a=H.proxyConfig,c=Q.formData,i=W.value,l=y.value,s=[],((0,_utils.isEnableConf)(u)||d.form)&&(u=[],d.form?u=d.form({$grid:oe}):l.items&&(r={},l.inited||(l.inited=!0,n=i.beforeItem,i&&n&&l.items.forEach(function(e){n({$grid:oe,item:e})})),l.items.forEach(function(e){_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||d[e]&&(r[e]=d[e])})}),u.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-form"),__assign(__assign({ref:p},Object.assign({},l,{data:a&&i.form?c:l.data})),{onSubmit:I,onReset:L,onSubmitInvalid:U,onCollapse:z}),r))),s.push((0,_vue.h)("div",{ref:x,class:"vxe-grid--form-wrapper"},u))),s.concat((a=H.toolbarConfig,i=te.value,c=[],((0,_utils.isEnableConf)(a)||d.toolbar)&&(a=[],d.toolbar?a=d.toolbar({$grid:oe}):(u=l=void 0,s={},(o=i.slots)&&(l=T(o,"buttons"),u=T(o,"tools"),l&&(s.buttons=l),u)&&(s.tools=u),a.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-toolbar"),__assign({ref:m},i),s))),c.push((0,_vue.h)("div",{ref:b,class:"vxe-grid--toolbar-wrapper"},a))),c),d.top?[(0,_vue.h)("div",{ref:h,class:"vxe-grid--top-wrapper"},d.top({$grid:oe}))]:[],(o=H.proxyConfig,l=V.value,u=W.value,i=Object.assign({},w),t=d.empty,o&&(u.sort&&(i.onSortChange=X),u.filter)&&(i.onFilterChange=q),[(0,_vue.h)((0,_vue.resolveComponent)("vxe-table"),__assign(__assign({ref:Y},l),i),t?{empty:function(){return t({})}}:{})]),d.bottom?[(0,_vue.h)("div",{ref:C,class:"vxe-grid--bottom-wrapper"},d.bottom({$grid:oe}))]:[],(s=H.pagerConfig,a=R.value,c=[],((0,_utils.isEnableConf)(s)||d.pager)&&(s=[],d.pager?s=d.pager({$grid:oe}):(u={},i=l=void 0,(e=a.slots)&&(l=T(e,"left"),i=T(e,"right"),l&&(u.left=l),i)&&(u.right=i),s.push((0,_vue.h)((0,_vue.resolveComponent)("vxe-pager"),__assign(__assign(__assign({ref:_},a),H.proxyConfig?Q.tablePage:{}),{onPageChange:N}),u))),c.push((0,_vue.h)("div",{ref:E,class:"vxe-grid--pager-wrapper"},s))),c))))},(0,_vue.provide)("$xegrid",oe),oe},render:function(){return this.renderVN()}});exports.default=_default;

package/lib/grid/style/style.css

@@ -24,55 +24,66 @@
 /*switch*/
 /*pulldown*/
 .vxe-grid {
-  position: relative; }
-  .vxe-grid.is--loading:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 99;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    background-color: rgba(255, 255, 255, 0.5); }
-  .vxe-grid.is--loading > .vxe-table .vxe-loading {
-    background-color: transparent; }
-  .vxe-grid.is--maximize {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0.5em 1em;
-    background-color: #fff; }
-  .vxe-grid .vxe-body--row.row--pending {
-    color: #f56c6c;
-    text-decoration: line-through;
-    cursor: no-drop; }
-    .vxe-grid .vxe-body--row.row--pending .vxe-body--column {
-      position: relative; }
-      .vxe-grid .vxe-body--row.row--pending .vxe-body--column:after {
-        content: "";
-        position: absolute;
-        top: 50%;
-        left: 0;
-        width: 100%;
-        height: 0;
-        border-bottom: 1px solid #f56c6c;
-        z-index: 1; }
-  .vxe-grid .vxe-grid--form-wrapper,
-  .vxe-grid .vxe-grid--top-wrapper,
-  .vxe-grid .vxe-grid--bottom-wrapper {
-    position: relative; }
+  position: relative;
+}
+.vxe-grid.is--loading:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.vxe-grid.is--loading > .vxe-table .vxe-loading {
+  background-color: transparent;
+}
+.vxe-grid.is--maximize {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0.5em 1em;
+  background-color: #fff;
+}
+.vxe-grid .vxe-body--row.row--pending {
+  color: #f56c6c;
+  text-decoration: line-through;
+  cursor: no-drop;
+}
+.vxe-grid .vxe-body--row.row--pending .vxe-body--column {
+  position: relative;
+}
+.vxe-grid .vxe-body--row.row--pending .vxe-body--column:after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  height: 0;
+  border-bottom: 1px solid #f56c6c;
+  z-index: 1;
+}
+.vxe-grid .vxe-grid--form-wrapper,
+.vxe-grid .vxe-grid--top-wrapper,
+.vxe-grid .vxe-grid--bottom-wrapper {
+  position: relative;
+}
 
 .vxe-grid {
-  font-size: 14px; }
-  .vxe-grid.size--medium {
-    font-size: 14px; }
-  .vxe-grid.size--small {
-    font-size: 13px; }
-  .vxe-grid.size--mini {
-    font-size: 12px; }
+  font-size: 14px;
+}
+.vxe-grid.size--medium {
+  font-size: 14px;
+}
+.vxe-grid.size--small {
+  font-size: 13px;
+}
+.vxe-grid.size--mini {
+  font-size: 12px;
+}

package/lib/grid/style/style.min.css

@@ -1 +1 @@
-.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-body--row.row--pending{color:#f56c6c;text-decoration:line-through;cursor:no-drop}.vxe-grid .vxe-body--row.row--pending .vxe-body--column{position:relative}.vxe-grid .vxe-body--row.row--pending .vxe-body--column:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid #f56c6c;z-index:1}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}
+.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-body--row.row--pending{color:#f56c6c;text-decoration:line-through;cursor:no-drop}.vxe-grid .vxe-body--row.row--pending .vxe-body--column{position:relative}.vxe-grid .vxe-body--row.row--pending .vxe-body--column:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid #f56c6c;z-index:1}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}

package/lib/header/index.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Header = void 0;
-
 var _header = _interopRequireDefault(require("./src/header"));
-
 var _dynamics = require("../dynamics");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Header = Object.assign(_header.default, {
-  install: function install(app) {
+  install: function (app) {
     app.component(_header.default.name, _header.default);
   }
 });
 exports.Header = Header;
-
 _dynamics.dynamicApp.component(_header.default.name, _header.default);
-
 var _default = Header;
 exports.default = _default;

package/lib/header/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Header=void 0;var _header=_interopRequireDefault(require("./src/header")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Header=Object.assign(_header.default,{install:function(e){e.component(_header.default.name,_header.default)}});exports.Header=Header,_dynamics.dynamicApp.component(_header.default.name,_header.default);var _default=Header;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Header=void 0;var _header=_interopRequireDefault(require("./src/header")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Header=Object.assign(_header.default,{install:function(e){e.component(_header.default.name,_header.default)}}),_default=(exports.Header=Header,_dynamics.dynamicApp.component(_header.default.name,_header.default),Header);exports.default=_default;

package/lib/header/src/header.js

@@ -4,37 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _util = require("./util");
-
 var _util2 = require("../../table/src/util");
-
 var _dom = require("../../tools/dom");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var renderType = 'header';
-
 var _default = (0, _vue.defineComponent)({
   name: 'VxeTableHeader',
   props: {
@@ -47,20 +33,18 @@ var _default = (0, _vue.defineComponent)({
       default: null
     }
   },
-  setup: function setup(props) {
+  setup: function (props) {
     var $xetable = (0, _vue.inject)('$xetable', {});
     var xID = $xetable.xID,
-        tableProps = $xetable.props,
-        tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
-
+      tableProps = $xetable.props,
+      tableReactData = $xetable.reactData,
+      tableInternalData = $xetable.internalData;
     var _a = $xetable.getRefMaps(),
-        tableRefElem = _a.refElem,
-        refTableBody = _a.refTableBody,
-        refLeftContainer = _a.refLeftContainer,
-        refRightContainer = _a.refRightContainer,
-        refCellResizeBar = _a.refCellResizeBar;
-
+      tableRefElem = _a.refElem,
+      refTableBody = _a.refTableBody,
+      refLeftContainer = _a.refLeftContainer,
+      refRightContainer = _a.refRightContainer,
+      refCellResizeBar = _a.refCellResizeBar;
     var computeColumnOpts = $xetable.getComputeMaps().computeColumnOpts;
     var headerColumn = (0, _vue.ref)([]);
     var refElem = (0, _vue.ref)();
@@ -69,13 +53,11 @@ var _default = (0, _vue.defineComponent)({
     var refHeaderTHead = (0, _vue.ref)();
     var refHeaderXSpace = (0, _vue.ref)();
     var refHeaderBorderRepair = (0, _vue.ref)();
-
-    var uploadColumn = function uploadColumn() {
+    var uploadColumn = function () {
       var isGroup = tableReactData.isGroup;
       headerColumn.value = isGroup ? (0, _util.convertToRows)(props.tableGroupColumn) : [];
     };
-
-    var resizeMousedown = function resizeMousedown(evnt, params) {
+    var resizeMousedown = function (evnt, params) {
       var column = params.column;
       var fixedType = props.fixedType;
       var tableBody = refTableBody.value;
@@ -92,44 +74,37 @@ var _default = (0, _vue.defineComponent)({
       var dragBtnWidth = dragBtnElem.clientWidth;
       var dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
       var minInterval = (0, _util2.getColMinWidth)(params) - dragBtnOffsetWidth; // 列之间的最小间距
-
       var dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
       var dragPosLeft = pos.left + dragBtnOffsetWidth;
       var domMousemove = document.onmousemove;
       var domMouseup = document.onmouseup;
       var isLeftFixed = fixedType === 'left';
       var isRightFixed = fixedType === 'right';
-      var tableEl = tableRefElem.value; // 计算左右侧固定列偏移量
-
+      var tableEl = tableRefElem.value;
+      // 计算左右侧固定列偏移量
       var fixedOffsetWidth = 0;
-
       if (isLeftFixed || isRightFixed) {
         var siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling';
         var tempCellElem = cell[siblingProp];
-
         while (tempCellElem) {
           if ((0, _dom.hasClass)(tempCellElem, 'fixed--hidden')) {
             break;
           } else if (!(0, _dom.hasClass)(tempCellElem, 'col--group')) {
             fixedOffsetWidth += tempCellElem.offsetWidth;
           }
-
           tempCellElem = tempCellElem[siblingProp];
         }
-
         if (isRightFixed && rightContainerElem) {
           dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth;
         }
-      } // 处理拖动事件
-
-
-      var updateEvent = function updateEvent(evnt) {
+      }
+      // 处理拖动事件
+      var updateEvent = function (evnt) {
         evnt.stopPropagation();
         evnt.preventDefault();
         var offsetX = evnt.clientX - dragClientX;
         var left = dragPosLeft + offsetX;
         var scrollLeft = fixedType ? 0 : tableBodyElem.scrollLeft;
-
         if (isLeftFixed) {
           // 左固定列（不允许超过右侧固定列、不允许超过右边距）
           left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : tableBodyElem.clientWidth) - fixedOffsetWidth - minInterval);
@@ -138,18 +113,17 @@ var _default = (0, _vue.defineComponent)({
           dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval;
           left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval);
         } else {
-          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft); // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
+          dragMinLeft = Math.max(tableBodyElem.scrollLeft, dragMinLeft);
+          // left = Math.min(left, tableBodyElem.clientWidth + tableBodyElem.scrollLeft - 40)
         }
 
         dragLeft = Math.max(left, dragMinLeft);
         resizeBarElem.style.left = "".concat(dragLeft - scrollLeft, "px");
       };
-
       tableInternalData._isResize = true;
       (0, _dom.addClass)(tableEl, 'drag--resize');
       resizeBarElem.style.display = 'block';
       document.onmousemove = updateEvent;
-
       document.onmouseup = function (evnt) {
         document.onmousemove = domMousemove;
         document.onmouseup = domMouseup;
@@ -168,14 +142,11 @@ var _default = (0, _vue.defineComponent)({
         });
         (0, _dom.removeClass)(tableEl, 'drag--resize');
       };
-
       updateEvent(evnt);
-
       if ($xetable.closeMenu) {
         $xetable.closeMenu();
       }
     };
-
     (0, _vue.watch)(function () {
       return props.tableColumn;
     }, uploadColumn);
@@ -206,40 +177,41 @@ var _default = (0, _vue.defineComponent)({
       elemStore["".concat(prefix, "xSpace")] = null;
       elemStore["".concat(prefix, "repair")] = null;
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var fixedType = props.fixedType,
-          fixedColumn = props.fixedColumn,
-          tableColumn = props.tableColumn;
+        fixedColumn = props.fixedColumn,
+        tableColumn = props.tableColumn;
       var resizable = tableProps.resizable,
-          border = tableProps.border,
-          columnKey = tableProps.columnKey,
-          headerRowClassName = tableProps.headerRowClassName,
-          headerCellClassName = tableProps.headerCellClassName,
-          headerRowStyle = tableProps.headerRowStyle,
-          headerCellStyle = tableProps.headerCellStyle,
-          allColumnHeaderOverflow = tableProps.showHeaderOverflow,
-          allHeaderAlign = tableProps.headerAlign,
-          allAlign = tableProps.align,
-          mouseConfig = tableProps.mouseConfig;
+        border = tableProps.border,
+        columnKey = tableProps.columnKey,
+        headerRowClassName = tableProps.headerRowClassName,
+        headerCellClassName = tableProps.headerCellClassName,
+        headerRowStyle = tableProps.headerRowStyle,
+        headerCellStyle = tableProps.headerCellStyle,
+        allColumnHeaderOverflow = tableProps.showHeaderOverflow,
+        allHeaderAlign = tableProps.headerAlign,
+        allAlign = tableProps.align,
+        mouseConfig = tableProps.mouseConfig;
       var isGroup = tableReactData.isGroup,
-          currentColumn = tableReactData.currentColumn,
-          scrollXLoad = tableReactData.scrollXLoad,
-          overflowX = tableReactData.overflowX,
-          scrollbarWidth = tableReactData.scrollbarWidth;
+        currentColumn = tableReactData.currentColumn,
+        scrollXLoad = tableReactData.scrollXLoad,
+        overflowX = tableReactData.overflowX,
+        scrollbarWidth = tableReactData.scrollbarWidth;
+      var visibleColumn = tableInternalData.visibleColumn;
       var columnOpts = computeColumnOpts.value;
-      var headerGroups = headerColumn.value; // 如果是使用优化模式
-
-      if (!isGroup) {
+      var headerGroups = headerColumn.value;
+      var renderColumnList = tableColumn;
+      if (isGroup) {
+        renderColumnList = visibleColumn;
+      } else {
+        // 如果是使用优化模式
         if (fixedType) {
           if (scrollXLoad || allColumnHeaderOverflow) {
-            tableColumn = fixedColumn;
+            renderColumnList = fixedColumn;
           }
         }
-
-        headerGroups = [tableColumn];
+        headerGroups = [renderColumnList];
       }
-
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-table--header-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
@@ -260,7 +232,7 @@ var _default = (0, _vue.defineComponent)({
        */
       (0, _vue.h)('colgroup', {
         ref: refHeaderColgroup
-      }, tableColumn.map(function (column, $columnIndex) {
+      }, renderColumnList.map(function (column, $columnIndex) {
         return (0, _vue.h)('col', {
           name: column.id,
           key: $columnIndex
@@ -289,12 +261,11 @@ var _default = (0, _vue.defineComponent)({
           }) : headerRowStyle : null
         }, cols.map(function (column, $columnIndex) {
           var _a;
-
           var type = column.type,
-              showHeaderOverflow = column.showHeaderOverflow,
-              headerAlign = column.headerAlign,
-              align = column.align,
-              headerClassName = column.headerClassName;
+            showHeaderOverflow = column.showHeaderOverflow,
+            headerAlign = column.headerAlign,
+            align = column.align,
+            headerClassName = column.headerClassName;
           var isColGroup = column.children && column.children.length;
           var fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : !!column.fixed && overflowX;
           var headOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
@@ -307,9 +278,7 @@ var _default = (0, _vue.defineComponent)({
             return item.checked;
           });
           var columnIndex = $xetable.getColumnIndex(column);
-
           var _columnIndex = $xetable.getVTColumnIndex(column);
-
           var params = {
             $table: $xetable,
             $rowIndex: $rowIndex,
@@ -323,25 +292,23 @@ var _default = (0, _vue.defineComponent)({
             hasFilter: hasFilter
           };
           var thOns = {
-            onClick: function onClick(evnt) {
+            onClick: function (evnt) {
               return $xetable.triggerHeaderCellClickEvent(evnt, params);
             },
-            onDblclick: function onDblclick(evnt) {
+            onDblclick: function (evnt) {
               return $xetable.triggerHeaderCellDblclickEvent(evnt, params);
             }
-          }; // 横向虚拟滚动不支持动态行高
-
+          };
+          // 横向虚拟滚动不支持动态行高
           if (scrollXLoad && !hasEllipsis) {
             showEllipsis = hasEllipsis = true;
-          } // 按下事件处理
-
-
+          }
+          // 按下事件处理
           if (mouseConfig) {
             thOns.onMousedown = function (evnt) {
               return $xetable.triggerHeaderCellMousedownEvent(evnt, params);
             };
           }
-
           return (0, _vue.h)('th', __assign(__assign({
             class: ['vxe-header--column', column.id, (_a = {}, _a["col--".concat(headAlign)] = headAlign, _a["col--".concat(type)] = type, _a['col--last'] = $columnIndex === cols.length - 1, _a['col--fixed'] = column.fixed, _a['col--group'] = isColGroup, _a['col--ellipsis'] = hasEllipsis, _a['fixed--hidden'] = fixedHiddenColumn, _a['is--sortable'] = column.sortable, _a['col--filter'] = !!column.filters, _a['is--filter-active'] = hasFilter, _a['col--current'] = currentColumn === column, _a), headerClassName ? _xeUtils.default.isFunction(headerClassName) ? headerClassName(params) : headerClassName : '', headerCellClassName ? _xeUtils.default.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName : ''],
             colid: column.id,
@@ -364,7 +331,7 @@ var _default = (0, _vue.defineComponent)({
             class: ['vxe-resizable', {
               'is--line': !border || border === 'none'
             }],
-            onMousedown: function onMousedown(evnt) {
+            onMousedown: function (evnt) {
               return resizeMousedown(evnt, params);
             }
           }) : null]);
@@ -380,9 +347,7 @@ var _default = (0, _vue.defineComponent)({
         class: 'vxe-table--header-border-line'
       })]);
     };
-
     return renderVN;
   }
 });
-
 exports.default = _default;

package/lib/header/src/header.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_util2=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},renderType="header",_default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(U){function l(){var e=s.isGroup;d.value=e?(0,_util.convertToRows)(U.tableGroupColumn):[]}var k=(0,_vue.inject)("$xetable",{}),i=k.xID,u=k.props,s=k.reactData,I=k.internalData,e=k.getRefMaps(),$=e.refElem,H=e.refTableBody,O=e.refLeftContainer,q=e.refRightContainer,A=e.refCellResizeBar,c=k.getComputeMaps().computeColumnOpts,d=(0,_vue.ref)([]),E=(0,_vue.ref)(),f=(0,_vue.ref)(),p=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)();(0,_vue.watch)(function(){return U.tableColumn},l),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=U.fixedType,t=k.internalData.elemStore,e="".concat(e||"main","-header-");t["".concat(e,"wrapper")]=E,t["".concat(e,"table")]=f,t["".concat(e,"colgroup")]=p,t["".concat(e,"list")]=v,t["".concat(e,"xSpace")]=m,t["".concat(e,"repair")]=_,l()})}),(0,_vue.onUnmounted)(function(){var e=U.fixedType,t=k.internalData.elemStore,e="".concat(e||"main","-header-");t["".concat(e,"wrapper")]=null,t["".concat(e,"table")]=null,t["".concat(e,"colgroup")]=null,t["".concat(e,"list")]=null,t["".concat(e,"xSpace")]=null,t["".concat(e,"repair")]=null});return function(){var h=U.fixedType,e=U.fixedColumn,t=U.tableColumn,x=u.resizable,g=u.border,b=u.columnKey,l=u.headerRowClassName,y=u.headerCellClassName,n=u.headerRowStyle,C=u.headerCellStyle,w=u.showHeaderOverflow,M=u.headerAlign,z=u.align,T=u.mouseConfig,r=s.isGroup,S=s.currentColumn,D=s.scrollXLoad,R=s.overflowX,a=s.scrollbarWidth,W=c.value,o=d.value;return r||(o=[t=h&&(D||w)?e:t]),(0,_vue.h)("div",{ref:E,class:["vxe-table--header-wrapper",h?"fixed-".concat(h,"--wrapper"):"body--wrapper"],xid:i},[h?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:m,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:f,class:"vxe-table--header",xid:i,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:p},t.map(function(e,t){return(0,_vue.h)("col",{name:e.id,key:t})}).concat(a?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("thead",{ref:v},o.map(function(m,_){return(0,_vue.h)("tr",{class:["vxe-header--row",l?_xeUtils.default.isFunction(l)?l({$table:k,$rowIndex:_,fixed:h,type:renderType}):l:""],style:n?_xeUtils.default.isFunction(n)?n({$table:k,$rowIndex:_,fixed:h,type:renderType}):n:null},m.map(function(e,t){var l=e.type,n=e.showHeaderOverflow,r=e.headerAlign,a=e.align,o=e.headerClassName,i=e.children&&e.children.length,u=h?e.fixed!==h&&!i:!!e.fixed&&R,s=_xeUtils.default.isUndefined(n)||_xeUtils.default.isNull(n)?w:n,c=r||a||M||z,d="ellipsis"===s,f="title"===s,p=!0===s||"tooltip"===s,n=f||p||d,r=e.filters&&e.filters.some(function(e){return e.checked}),a=k.getColumnIndex(e),s=k.getVTColumnIndex(e),v={$table:k,$rowIndex:_,column:e,columnIndex:a,$columnIndex:t,_columnIndex:s,fixed:h,type:renderType,isHidden:u,hasFilter:r},a={onClick:function(e){return k.triggerHeaderCellClickEvent(e,v)},onDblclick:function(e){return k.triggerHeaderCellDblclickEvent(e,v)}};return D&&!n&&(d=n=!0),T&&(a.onMousedown=function(e){return k.triggerHeaderCellMousedownEvent(e,v)}),(0,_vue.h)("th",__assign(__assign({class:["vxe-header--column",e.id,((s={})["col--".concat(c)]=c,s["col--".concat(l)]=l,s["col--last"]=t===m.length-1,s["col--fixed"]=e.fixed,s["col--group"]=i,s["col--ellipsis"]=n,s["fixed--hidden"]=u,s["is--sortable"]=e.sortable,s["col--filter"]=!!e.filters,s["is--filter-active"]=r,s["col--current"]=S===e,s),o?_xeUtils.default.isFunction(o)?o(v):o:"",y?_xeUtils.default.isFunction(y)?y(v):y:""],colid:e.id,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null,style:C?_xeUtils.default.isFunction(C)?C(v):C:null},a),{key:b||W.useKey||i?e.id:t}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":f,"c--tooltip":p,"c--ellipsis":d}]},e.renderHeader(v)),u||i||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:W.resizable||x)?null:(0,_vue.h)("div",{class:["vxe-resizable",{"is--line":!g||"none"===g}],onMousedown:function(e){return function(e,l){var n=l.column,r=U.fixedType,t=H.value,a=O.value,o=q.value,i=A.value,u=e.clientX,s=E.value,c=e.target,d=l.cell=c.parentNode,f=0,p=t.$el,t=(0,_dom.getOffsetPos)(c,s),s=c.clientWidth,c=Math.floor(s/2),v=(0,_util2.getColMinWidth)(l)-c,m=t.left-d.clientWidth+s+v,_=t.left+c,h=document.onmousemove,x=document.onmouseup,g="left"===r,b="right"===r,y=$.value,C=0;if(g||b){for(var w=g?"nextElementSibling":"previousElementSibling",M=d[w];M&&!(0,_dom.hasClass)(M,"fixed--hidden");)(0,_dom.hasClass)(M,"col--group")||(C+=M.offsetWidth),M=M[w];b&&o&&(_=o.offsetLeft+C)}c=function(e){e.stopPropagation(),e.preventDefault();var t=e.clientX-u,e=_+t,t=r?0:p.scrollLeft;g?e=Math.min(e,(o?o.offsetLeft:p.clientWidth)-C-v):b?(m=(a?a.clientWidth:0)+C+v,e=Math.min(e,_+d.clientWidth-v)):m=Math.max(p.scrollLeft,m),f=Math.max(e,m),i.style.left="".concat(f-t,"px")};I._isResize=!0,(0,_dom.addClass)(y,"drag--resize"),i.style.display="block",document.onmousemove=c,document.onmouseup=function(e){document.onmousemove=h,document.onmouseup=x;var t=n.renderWidth+(b?_-f:f-_);n.resizeWidth=t,i.style.display="none",I._isResize=!1,I._lastResizeTime=Date.now(),k.analyColumnWidth(),k.recalculate(!0).then(function(){k.saveCustomResizable(),k.updateCellAreas(),k.dispatchEvent("resizable-change",__assign(__assign({},l),{resizeWidth:t}),e)}),(0,_dom.removeClass)(y,"drag--resize")},c(e),k.closeMenu&&k.closeMenu()}(e,v)}})])}).concat(a?[(0,_vue.h)("th",{class:"vxe-header--gutter col--gutter"})]:[]))}))]),(0,_vue.h)("div",{ref:_,class:"vxe-table--header-border-line"})])}}});exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_util2=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},renderType="header",_default=(0,_vue.defineComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup:function(U){function l(){var e=c.isGroup;f.value=e?(0,_util.convertToRows)(U.tableGroupColumn):[]}function k(e,l){var n=l.column,r=U.fixedType,t=S.value,a=D.value,o=R.value,i=W.value,u=e.clientX,s=H.value,c=e.target,d=l.cell=c.parentNode,f=0,p=t.$el,t=(0,_dom.getOffsetPos)(c,s),s=c.clientWidth,c=Math.floor(s/2),v=(0,_util2.getColMinWidth)(l)-c,m=t.left-d.clientWidth+s+v,_=t.left+c,h=document.onmousemove,x=document.onmouseup,g="left"===r,b="right"===r,y=T.value,C=0;if(g||b){for(var w=g?"nextElementSibling":"previousElementSibling",M=d[w];M&&!(0,_dom.hasClass)(M,"fixed--hidden");)(0,_dom.hasClass)(M,"col--group")||(C+=M.offsetWidth),M=M[w];b&&o&&(_=o.offsetLeft+C)}function z(e){e.stopPropagation(),e.preventDefault();var e=e.clientX-u,e=_+e,t=r?0:p.scrollLeft;g?e=Math.min(e,(o?o.offsetLeft:p.clientWidth)-C-v):b?(m=(a?a.clientWidth:0)+C+v,e=Math.min(e,_+d.clientWidth-v)):m=Math.max(p.scrollLeft,m),f=Math.max(e,m),i.style.left="".concat(f-t,"px")}$._isResize=!0,(0,_dom.addClass)(y,"drag--resize"),i.style.display="block",document.onmousemove=z,document.onmouseup=function(e){document.onmousemove=h,document.onmouseup=x;var t=n.renderWidth+(b?_-f:f-_);n.resizeWidth=t,i.style.display="none",$._isResize=!1,$._lastResizeTime=Date.now(),I.analyColumnWidth(),I.recalculate(!0).then(function(){I.saveCustomResizable(),I.updateCellAreas(),I.dispatchEvent("resizable-change",__assign(__assign({},l),{resizeWidth:t}),e)}),(0,_dom.removeClass)(y,"drag--resize")},z(e),I.closeMenu&&I.closeMenu()}var I=(0,_vue.inject)("$xetable",{}),u=I.xID,s=I.props,c=I.reactData,$=I.internalData,e=I.getRefMaps(),T=e.refElem,S=e.refTableBody,D=e.refLeftContainer,R=e.refRightContainer,W=e.refCellResizeBar,d=I.getComputeMaps().computeColumnOpts,f=(0,_vue.ref)([]),H=(0,_vue.ref)(),p=(0,_vue.ref)(),v=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),O=(0,_vue.ref)();(0,_vue.watch)(function(){return U.tableColumn},l),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=U.fixedType,t=I.internalData.elemStore,e="".concat(e||"main","-header-");t["".concat(e,"wrapper")]=H,t["".concat(e,"table")]=p,t["".concat(e,"colgroup")]=v,t["".concat(e,"list")]=m,t["".concat(e,"xSpace")]=_,t["".concat(e,"repair")]=O,l()})}),(0,_vue.onUnmounted)(function(){var e=U.fixedType,t=I.internalData.elemStore,e="".concat(e||"main","-header-");t["".concat(e,"wrapper")]=null,t["".concat(e,"table")]=null,t["".concat(e,"colgroup")]=null,t["".concat(e,"list")]=null,t["".concat(e,"xSpace")]=null,t["".concat(e,"repair")]=null});return function(){var h=U.fixedType,e=U.fixedColumn,t=U.tableColumn,x=s.resizable,g=s.border,b=s.columnKey,l=s.headerRowClassName,y=s.headerCellClassName,n=s.headerRowStyle,C=s.headerCellStyle,w=s.showHeaderOverflow,M=s.headerAlign,z=s.align,T=s.mouseConfig,r=c.isGroup,S=c.currentColumn,D=c.scrollXLoad,R=c.overflowX,a=c.scrollbarWidth,o=$.visibleColumn,W=d.value,i=f.value;return r?t=o:i=[t=h&&(D||w)?e:t],(0,_vue.h)("div",{ref:H,class:["vxe-table--header-wrapper",h?"fixed-".concat(h,"--wrapper"):"body--wrapper"],xid:u},[h?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:_,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:p,class:"vxe-table--header",xid:u,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:v},t.map(function(e,t){return(0,_vue.h)("col",{name:e.id,key:t})}).concat(a?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("thead",{ref:m},i.map(function(m,_){return(0,_vue.h)("tr",{class:["vxe-header--row",l?_xeUtils.default.isFunction(l)?l({$table:I,$rowIndex:_,fixed:h,type:renderType}):l:""],style:n?_xeUtils.default.isFunction(n)?n({$table:I,$rowIndex:_,fixed:h,type:renderType}):n:null},m.map(function(e,t){var l=e.type,n=e.showHeaderOverflow,r=e.headerAlign,a=e.align,o=e.headerClassName,i=e.children&&e.children.length,u=h?e.fixed!==h&&!i:!!e.fixed&&R,n=_xeUtils.default.isUndefined(n)||_xeUtils.default.isNull(n)?w:n,r=r||a||M||z,a="ellipsis"===n,s="title"===n,n=!0===n||"tooltip"===n,c=s||n||a,d=e.filters&&e.filters.some(function(e){return e.checked}),f=I.getColumnIndex(e),p=I.getVTColumnIndex(e),v={$table:I,$rowIndex:_,column:e,columnIndex:f,$columnIndex:t,_columnIndex:p,fixed:h,type:renderType,isHidden:u,hasFilter:d},f={onClick:function(e){return I.triggerHeaderCellClickEvent(e,v)},onDblclick:function(e){return I.triggerHeaderCellDblclickEvent(e,v)}};return D&&!c&&(a=c=!0),T&&(f.onMousedown=function(e){return I.triggerHeaderCellMousedownEvent(e,v)}),(0,_vue.h)("th",__assign(__assign({class:["vxe-header--column",e.id,((p={})["col--".concat(r)]=r,p["col--".concat(l)]=l,p["col--last"]=t===m.length-1,p["col--fixed"]=e.fixed,p["col--group"]=i,p["col--ellipsis"]=c,p["fixed--hidden"]=u,p["is--sortable"]=e.sortable,p["col--filter"]=!!e.filters,p["is--filter-active"]=d,p["col--current"]=S===e,p),o?_xeUtils.default.isFunction(o)?o(v):o:"",y?_xeUtils.default.isFunction(y)?y(v):y:""],colid:e.id,colspan:1<e.colSpan?e.colSpan:null,rowspan:1<e.rowSpan?e.rowSpan:null,style:C?_xeUtils.default.isFunction(C)?C(v):C:null},f),{key:b||W.useKey||i?e.id:t}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":s,"c--tooltip":n,"c--ellipsis":a}]},e.renderHeader(v)),u||i||!(_xeUtils.default.isBoolean(e.resizable)?e.resizable:W.resizable||x)?null:(0,_vue.h)("div",{class:["vxe-resizable",{"is--line":!g||"none"===g}],onMousedown:function(e){return k(e,v)}})])}).concat(a?[(0,_vue.h)("th",{class:"vxe-header--gutter col--gutter"})]:[]))}))]),(0,_vue.h)("div",{ref:O,class:"vxe-table--header-border-line"})])}}});exports.default=_default;