vxe-table 4.23.0-beta.2 → 4.23.0-beta.3

package/lib/table/module/custom/panel.js

@@ -427,8 +427,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = customPanelInternalData;
       const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
       if (prevDragGroupField || prevDragAggFnColid) {
-        if ($xeTable.handlePivotTableAggregatePanelDragendEvent) {
-          $xeTable.handlePivotTableAggregatePanelDragendEvent(evnt);
+        if ($xeTable.handlePivotTableAggPanelDragendEvent) {
+          $xeTable.handlePivotTableAggPanelDragendEvent(evnt);
         }
       } else if (prevDragCol && dragCol) {
         // 判断是否有拖动

package/lib/table/module/custom/panel.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.createInternalData=createInternalData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_dom=require("../../../ui/src/dom"),_log=require("../../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table").errLog,{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(R,t){var e=_xeUtils.default.uniqueId();let V=_ui.VxeUI.getComponent("VxeModal"),M=_ui.VxeUI.getComponent("VxeDrawer"),H=_ui.VxeUI.getComponent("VxeButton"),G=_ui.VxeUI.getComponent("VxeNumberInput"),P=_ui.VxeUI.getComponent("VxeRadioGroup"),N=(0,_vue.inject)("$xeTable",{}),{props:z,reactData:$,internalData:n}=N,{computeSize:W,computeCustomOpts:K,computeMouseOpts:r,computeColumnDragOpts:X,computeColumnOpts:q,computeIsMaxFixedColumn:j,computeResizableOpts:a,computeAggregateOpts:re}=N.getComputeMaps(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),J=(0,_vue.ref)(),u=(0,_vue.ref)(),c=(0,_vue.ref)(),f=(0,_vue.reactive)({dragCol:null,dragGroupField:null,dragAggFnCol:null,dragTipText:""}),I=createInternalData(),s={refElem:Y,refBodyWrapperElem:Z,refCustomBodyElem:J,refDragLineElem:u,refDragTipElem:c},d={},ue=e=>{var t=R.customStore;t.activeWrapper=!0,N.customOpenEvent(e)},ce=e=>{let t=R.customStore;t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||N.customCloseEvent(e)},300)},Q=({$event:e})=>{$.isCustomStatus=!0,N.saveCustom(),N.closeCustom(),N.emitCustomEvent("confirm",e),N.dispatchEvent("custom-confirm",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},ee=({$event:e})=>{N.closeCustom(),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},te=({$event:e})=>{N.cancelCustom(),N.closeCustom(),N.emitCustomEvent("cancel",e),N.dispatchEvent("custom-cancel",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},l=e=>{N.resetCustom(!0),N.closeCustom(),N.emitCustomEvent("reset",e),N.dispatchEvent("custom-reset",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},le=({$event:t})=>{_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&l(t)}):l(t)},o=t=>{var e=$.customColumnList,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.renderVisible=e.children.every(e=>e.renderVisible),e.halfVisible=!e.renderVisible&&e.children.some(e=>e.renderVisible||e.halfVisible),o(e))},oe=(e,t)=>{let l=!e.renderVisible;K.value.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),o(e),N.checkCustomStatus(),N.dispatchEvent("custom-visible-change",{column:e,checked:l},t)},de=e=>{K.value.immediate&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth,$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:width"))},ae=(e,t,l)=>{var o=j.value;let a=null;K.value.immediate?(e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t})),$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:fixed")):e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})),null!==a&&N.dispatchEvent("custom-fixed-change",{column:e,fixed:a},l)},se=(e,t,l,o,a,s)=>{K.value.immediate?(e[l]=t,e[o]=t,$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:"+l)):e[o]=t,N.dispatchEvent(a,{column:e,[l]:t},s)},ie=e=>{var t=$.customStore,t=!t.isAll;N.toggleCustomAllCheckbox(),N.dispatchEvent("custom-visible-all",{checked:t},e)},m=(e,t,l,o)=>{var a,s,i,n,r=Z.value;r&&(n=J.value)&&(a=I.prevDragToChild,s=r.getBoundingClientRect(),n=n.getBoundingClientRect(),i=u.value,t?i&&(l?(t=t.getBoundingClientRect(),i.style.display="block",i.style.left=Math.max(0,n.x-s.x)+"px",i.style.top=Math.max(1,t.y+r.scrollTop-s.y)+"px",i.style.height=t.height+"px",i.style.width=t.width+"px",i.setAttribute("drag-pos",o),i.setAttribute("drag-to-child",a?"y":"n")):i.style.display=""):i&&(i.style.display="node"),n=c.value)&&(n.style.display="block",n.style.top=Math.min(r.clientHeight+r.scrollTop-n.clientHeight,e.clientY+r.scrollTop-s.y)+"px",n.style.left=Math.min(r.clientWidth+r.scrollLeft-n.clientWidth,e.clientX+r.scrollLeft-s.x)+"px",n.setAttribute("drag-status",l?a?"sub":"normal":"disabled"))},v=()=>{var e=f.dragCol,t=X.value.tooltipMethod;let l="";l=t?""+(t({$table:N,column:e})||""):getI18n("vxe.custom.cstmDragTarget",[e&&"html"!==e.type?e.getTitle():""]),f.dragTipText=l},i=()=>{var e=c.value,t=u.value;e&&(e.style.display=""),t&&(t.style.display="")},ne=e=>{var e=e.currentTarget.parentElement.parentElement.parentElement,t=e.getAttribute("colid"),t=N.getColumnById(t);e.draggable=!0,f.dragCol=t,f.dragGroupField=null,f.dragAggFnCol=null,v(),(0,_dom.addClass)(e,"active--drag-origin")},me=e=>{e=e.currentTarget.parentElement.parentElement.parentElement;i(),e.draggable=!1,f.dragCol=null,f.dragGroupField=null,(f.dragAggFnCol=null,_dom.removeClass)(e,"active--drag-origin")},ve=e=>{var t=I.customDragTime;e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0),t&&clearTimeout(t),$.isCustomDragStatus=!0,I.prevDragGroupField=null,I.prevDragAggFnColid=null},pe=c=>{let d=z.mouseConfig,m=$.customColumnList,v=n.collectColumn;var e=K.value;let p=r.value,g=e.immediate;e=c.currentTarget;let{isCrossDrag:h,isPeerDrag:x,isSelfToChildDrag:_,isToChildDrag:b,dragEndMethod:t}=X.value;var l=f.dragCol;let{prevDragCol:o,prevDragGroupField:a,prevDragAggFnColid:s,prevDragPos:C,prevDragToChild:E}=I,T="bottom"===C?1:0;if(a||s)N.handlePivotTableAggregatePanelDragendEvent&&N.handlePivotTableAggregatePanelDragendEvent(c);else if(o&&l&&o!==l){let r=l,u=o;Promise.resolve(!t||t({oldColumn:r,newColumn:u,dragColumn:r,dragPos:C,dragToChild:!!E,offsetIndex:T})).then(a=>{if(a){let e=-1,t=-1,l={},o=(_xeUtils.default.eachTree([r],e=>{l[e.id]=e}),!1);if(g){if(r.parentId&&u.parentId)if(x&&!h){if(r.parentId!==u.parentId)return}else{if(!h)return;if(l[u.id]&&(o=!0,!h||!_))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}else if(r.parentId){if(!h)return}else if(u.parentId){if(!h)return;if(l[u.id]&&(o=!0,!h||!_))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}var s,i,n,a=_xeUtils.default.findTree(v,e=>e.id===r.id),a=(o&&h&&_?a&&({items:s,index:n}=a,(i=r.children||[]).forEach(e=>{e.parentId=r.parentId}),s.splice(n,1,...i),r.children=[]):a&&({items:s,index:n,parent:i}=a,s.splice(n,1),i||(e=n)),_xeUtils.default.findTree(v,e=>e.id===u.id));a&&({items:s,index:i,parent:n}=a,h&&b&&E?(r.parentId=u.id,u.children=(u.children||[]).concat([r])):(r.parentId=u.parentId,s.splice(i+T,0,r)),n||(t=i)),_xeUtils.default.eachTree(v,(e,t,l,o,a)=>{a||(e.renderSortNumber=t+1)})}else e=_xeUtils.default.findIndexOf(m,e=>e.id===r.id),m.splice(e,1),t=_xeUtils.default.findIndexOf(m,e=>e.id===u.id),m.splice(t+T,0,r);(0,_utils.hasEnableConf)(d,p)&&(N.clearSelected&&N.clearSelected(),N.clearCellAreas)&&(N.clearCellAreas(),N.clearCopyCellArea());a={oldColumn:r,newColumn:u,dragColumn:r,dragPos:C,offsetIndex:T,_index:{newIndex:t,oldIndex:e}};N.dispatchEvent("custom-sort-change",a,c),N.dispatchEvent("column-dragend",a,c),g&&($.customColumnList=v.slice(0),N.handleColDragSwapColumn()),y()}}).catch(()=>{})}i(),f.dragCol=null,f.dragGroupField=null,f.dragAggFnCol=null,I.prevDragGroupField=null,I.prevDragAggFnColid=null,e.draggable=!1,e.removeAttribute("drag-pos"),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin")},ge=e=>{var t,{showSortDragButton:l,allowSort:o,immediate:a}=K.value,{isCrossDrag:s,isPeerDrag:i,isToChildDrag:n}=X.value,r=e.currentTarget,u=(0,_dom.hasControlKey)(e),c=r.getAttribute("colid"),c=N.getColumnById(c),d=f.dragCol;I.prevDragGroupField=null,I.prevDragAggFnColid=null,c&&(s||i||1===c.level)&&(e.preventDefault(),t=e.clientY-r.getBoundingClientRect().y<r.clientHeight/2?"top":"bottom",!d||!l||!o||d&&d.id===c.id||!s&&(i?d.parentId!==c.parentId:1<c.level)||!a&&1<c.level||!s&&(i?d.parentId!==c.parentId:1<d.level)||!a&&1<d.level?m(e,r,!1,t):(I.prevDragToChild=!!(s&&n&&u&&a),I.prevDragCol=c,I.prevDragPos=t,m(e,r,!0,t)))},y=()=>{I.customDragTime=setTimeout(()=>{$.isCustomDragStatus=!1,I.customDragTime=void 0},350)},he=(e,t)=>{var o=$.customColumnList,o=_xeUtils.default.findTree(o,e=>e===t);if(o){let{item:e,items:t,index:l}=o;0<l&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{t.splice(l,1),t.splice(l-1,0,e),y()}))}},xe=(e,t)=>{var o=$.customColumnList,o=_xeUtils.default.findTree(o,e=>e===t);if(o){let{item:e,items:t,index:l}=o;l<t.length-1&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{t.splice(l,1),t.splice(l+1,0,e),y()}))}},_e=(e,t)=>{let a=$.customColumnList;var s=_xeUtils.default.findTree(a,e=>e===t);if(s){let{item:e,items:t,index:l,parent:o}=s;(o||0<l)&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{e.parentId=null,t.splice(l,1),a.unshift(e),y()}))}},be=(e,t)=>{let a=$.customColumnList;var s=_xeUtils.default.findTree(a,e=>e===t);if(s){let{item:e,items:t,index:l,parent:o}=s;(o||l<t.length-1)&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{e.parentId=null,t.splice(l,1),a.push(e),y()}))}},Ce=()=>{var e=f.dragTipText,t=X.value;return(0,_vue.h)("div",{},[(0,_vue.h)("div",{ref:u,class:["vxe-table-custom-popup--drag-line",{"is--guides":t.showGuidesStatus}]}),(0,_vue.h)("div",{ref:c,class:"vxe-table-custom-popup--drag-tip"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-status"},[(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-normal-status",getIcon().TABLE_DRAG_STATUS_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-group-status",getIcon().TABLE_DRAG_STATUS_AGG_GROUP]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-values-status",getIcon().TABLE_DRAG_STATUS_AGG_VALUES]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-content"},""+(e||""))])])])},Ee=()=>{let g=z.resizable;var e=$.customColumnList,t=K.value,l=X.value;let{immediate:h,showSortDragButton:x,showSortMoveButton:_,showSortPutButton:b,allowVisible:C,allowSort:E,allowFixed:T,allowAlign:f,allowHeaderAlign:I,allowFooterAlign:y,allowResizable:A,allowGroup:D,allowValues:k,checkMethod:S,visibleMethod:w}=t,F=q.value,{minWidth:L,maxWidth:O}=a.value,B=j.value,{isCrossDrag:U,isPeerDrag:V}=l,R=[];return _xeUtils.default.eachTree(e,(o,a,s,e,i)=>{if(!w||w({$table:N,column:o})){let e=0,t=0;A&&(n={$table:N,column:o,columnIndex:N.getColumnIndex(o),$columnIndex:N.getVMColumnIndex(o),_columnIndex:N.getVTColumnIndex(o),rowIndex:-1,_rowIndex:-1,$rowIndex:-1},L&&(e=_xeUtils.default.toNumber(_xeUtils.default.isFunction(L)?L(n):L)),O)&&(t=_xeUtils.default.toNumber(_xeUtils.default.isFunction(O)?O(n):O));var n=o.renderVisible,r=o.halfVisible,u=(0,_utils.formatText)(o.getTitle(),1),c=o.children&&o.children.length;let l=!!S&&!S({$table:N,column:o});var d=!n,m=!(!U&&!V)&&h||1===o.level,v=[{icon:getIcon().TABLE_CUSTOM_ALIGN_LEFT,value:"left",title:getI18n("vxe.custom.setting.anLeftTitle"),disabled:d},{icon:getIcon().TABLE_CUSTOM_ALIGN_CENTER,value:"center",title:getI18n("vxe.custom.setting.anCenterTitle"),disabled:d},{icon:getIcon().TABLE_CUSTOM_ALIGN_RIGHT,value:"right",title:getI18n("vxe.custom.setting.anRightTitle"),disabled:d}],p=[];C&&p.push((0,_vue.h)("td",{key:"av",class:"vxe-table-custom-popup--column-td col--visible"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":r,"is--disabled":l}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{l||oe(o,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:n?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])])),p.push((0,_vue.h)("td",{key:"at",class:"vxe-table-custom-popup--column-td col--name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name"},[E&&x||D||k?m||(D||k)&&!c?(0,_vue.h)("div",Object.assign({class:["vxe-table-custom-popup--column-sort-btn",{"is--disabled":d}],title:getI18n("vxe.custom.setting.sortHelpTip")},d?{}:{onMousedown:ne,onMouseup:me}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("div",{class:"vxe-table-custom-popup--column-sort-placeholder"}):renderEmptyElement(N),"html"===o.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom-popup--title",innerHTML:u}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom-popup--title",title:u},u),m&&(_||b)?(0,_vue.h)("div",{class:"vxe-table-custom-popup--move-btn"},H?[_?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-up",title:getI18n("vxe.custom.setting.moveUpTitle"),disabled:a<=0,onClick(e){he(e,o)}}):renderEmptyElement(N),_?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-down",title:getI18n("vxe.custom.setting.moveDnTitle"),disabled:a>=s.length-1,onClick(e){xe(e,o)}}):renderEmptyElement(N),b&&!i?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-top",title:getI18n("vxe.custom.setting.putTopTitle"),disabled:a<=0,onClick(e){_e(e,o)}}):renderEmptyElement(N),b&&!i?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-bottom",title:getI18n("vxe.custom.setting.putBottomTitle"),disabled:a>=s.length-1,onClick(e){be(e,o)}}):renderEmptyElement(N)]:[]):renderEmptyElement(N)])])),A&&p.push((0,_vue.h)("td",{key:"aw",class:"vxe-table-custom-popup--column-td col--resizable"},[o.children&&o.children.length||!(_xeUtils.default.isBoolean(o.resizable)?o.resizable:F.resizable||g)?(0,_vue.h)("span","-"):G?(0,_vue.h)(G,{type:"integer",immediate:!1,disabled:d,modelValue:o.renderResizeWidth,min:e||0,max:t||9999,"onUpdate:modelValue"(e){e=Math.max(0,Number(e));o.renderResizeWidth=e},onChange(){de(o)}}):renderEmptyElement(N)])),T&&p.push((0,_vue.h)("td",{key:"af",class:"vxe-table-custom-popup--column-td col--fixed"},i?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(H,{icon:"left"===o.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===o.renderFixed?"primary":"",disabled:d||B&&!o.renderFixed,title:getI18n("left"===o.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{ae(o,"left",e)}}),(0,_vue.h)(H,{icon:"right"===o.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===o.renderFixed?"primary":"",disabled:d||B&&!o.renderFixed,title:getI18n("right"===o.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{ae(o,"right",e)}})]:[])),f&&p.push((0,_vue.h)("td",{key:"aa",class:"vxe-table-custom-popup--column-td col--align"},P?[(0,_vue.h)(P,{modelValue:o.renderAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"align","renderAlign","custom-align-change",t)}})]:[])),I&&p.push((0,_vue.h)("td",{key:"aha",class:"vxe-table-custom-popup--column-td col--header-align"},c?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(P,{modelValue:o.renderHeaderAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"headerAlign","renderHeaderAlign","custom-header-align-change",t)}})]:[])),y&&p.push((0,_vue.h)("td",{key:"afa",class:"vxe-table-custom-popup--column-td col--footer-align"},c?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(P,{modelValue:o.renderFooterAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"footerAlign","renderFooterAlign","custom-footer-align-change",t)}})]:[])),R.push((0,_vue.h)("tr",{key:o.id,colid:o.id,class:["vxe-table-custom-popup--row level--"+o.level,{"is--group":c}],onDragstart:ve,onDragend:pe,onDragover:ge},p))}}),R};(0,_vue.nextTick)(()=>{var e=K.value.mode;V||"modal"!==e||errLog("vxe.error.reqComp",["vxe-modal"]),M||"drawer"!==e||errLog("vxe.error.reqComp",["vxe-drawer"]),H||errLog("vxe.error.reqComp",["vxe-button"]),G||errLog("vxe.error.reqComp",["vxe-number-input"]),P||errLog("vxe.error.reqComp",["vxe-radio-group"])});e={xID:e,props:R,context:t,reactData:f,internalData:I,xeTable:N,getRefMaps:()=>s,getComputeMaps:()=>d,renderVN:()=>{var e=K.value;return(["modal","drawer","popup"].includes(""+e.mode)?()=>{var e=N.xeGrid,t=N.xeGantt;let l=R.customStore,{treeConfig:o,rowGroupConfig:a,aggregateConfig:s}=z,{isCustomStatus:i,customColumnList:n}=$,r=W.value,u=K.value;var c=re.value;let d=l.panePopupStyle,m=c.placement,{mode:v,immediate:p,modalOptions:g,drawerOptions:h,allowVisible:x,allowFixed:_,allowAlign:b,allowHeaderAlign:C,allowFooterAlign:E,allowResizable:T}=u;var c=q.value.maxFixedSize,f=Object.assign({},g),I=Object.assign({},h),y=u.slots||{};let A=y.header,D=y.top,k=y.bottom,S=y.default,w=y.footer;var y=l.isAll,F=l.isIndeterminate;let L="right"===m||"bottom"===m,O={$table:N,$grid:e,$gantt:t,columns:n,isAllChecked:y,isAllIndeterminate:F,isCustomStatus:i},B=[],U=[];x&&(B.push((0,_vue.h)("col",{key:"av",class:"vxe-table-custom-popup--column-col col--checkbox"})),U.push((0,_vue.h)("th",{key:"av",class:"vxe-table-custom-popup--column-th col--checkbox"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":y,"is--indeterminate":F}],title:getI18n("vxe.table.allTitle"),onClick:ie},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",F?getIcon().TABLE_CHECKBOX_INDETERMINATE:y?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]))),B.push((0,_vue.h)("col",{key:"at",class:"vxe-table-custom-popup--column-col col--title"})),U.push((0,_vue.h)("th",{key:"at",class:"vxe-table-custom-popup--column-th col--title"},getI18n("vxe.custom.setting.colTitle"))),T&&(B.push((0,_vue.h)("col",{key:"aw",class:"vxe-table-custom-popup--column-col col--width"})),U.push((0,_vue.h)("th",{key:"aw",class:"vxe-table-custom-popup--column-th col--width"},getI18n("vxe.custom.setting.colResizable")))),_&&(B.push((0,_vue.h)("col",{key:"af",class:"vxe-table-custom-popup--column-col col--fixed"})),U.push((0,_vue.h)("th",{key:"af",class:"vxe-table-custom-popup--column-th col--fixed"},getI18n("vxe.custom.setting."+(c?"colFixedMax":"colFixed"),[c])))),b&&(B.push((0,_vue.h)("col",{key:"aa",class:"vxe-table-custom-popup--column-col col--align"})),U.push((0,_vue.h)("th",{key:"aa",class:"vxe-table-custom-popup--column-th col--align"},getI18n("vxe.custom.setting.colAlign")))),C&&(B.push((0,_vue.h)("col",{key:"aha",class:"vxe-table-custom-popup--column-col col--header-align"})),U.push((0,_vue.h)("th",{key:"aha",class:"vxe-table-custom-popup--column-th col--header-align"},getI18n("vxe.custom.setting.colHeadAlign")))),E&&(B.push((0,_vue.h)("col",{key:"afa",class:"vxe-table-custom-popup--column-col col--footer-align"})),U.push((0,_vue.h)("th",{key:"afa",class:"vxe-table-custom-popup--column-th col--footer-align"},getI18n("vxe.custom.setting.colFootAlign"))));e={default:()=>(0,_vue.h)("div",{ref:Z,class:["vxe-table-custom-popup--body-wrapper","agg-layout--"+m,{["size--"+r]:r}],style:d},S?N.callSlot(S,O):[L||o||!s&&!a||!N.getPivotTableAggregatePopupPanel?renderEmptyElement(N):(0,_vue.h)(N.getPivotTableAggregatePopupPanel(),{customStore:l}),(0,_vue.h)("div",{ref:J,class:"vxe-table-custom-popup--handle-wrapper"},[D?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-top"},N.callSlot(D,O)):renderEmptyElement(N),(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-wrapper"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},B),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},U)]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--panel-list",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>Ee()})])]),k?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-bottom"},N.callSlot(k,O)):renderEmptyElement(N),Ce()]),L&&!o&&(s||a)&&N.getPivotTableAggregatePopupPanel?(0,_vue.h)(N.getPivotTableAggregatePopupPanel(),{customStore:l}):renderEmptyElement(N)]),footer:()=>w?N.callSlot(w,O):(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[H?(0,_vue.h)(H,{content:u.resetButtonText||getI18n("vxe.custom.cstmRestore"),disabled:!i,onClick:le}):renderEmptyElement(N),p?H?(0,_vue.h)(H,{status:"primary",content:u.closeButtonText||getI18n("vxe.table.customClose"),onClick:ee}):renderEmptyElement(N):H?(0,_vue.h)(H,{content:u.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:te}):renderEmptyElement(N),!p&&H?(0,_vue.h)(H,{status:"primary",content:u.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:Q}):renderEmptyElement(N)])};return A&&(e.header=()=>N.callSlot(A,O)),"drawer"===v?M?(0,_vue.h)(M,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",I.className||""].join(" "),modelValue:l.visible,title:I.title||getI18n("vxe.custom.cstmTitle"),width:I.width||Math.min(880,Math.floor(.6*document.documentElement.clientWidth)),position:I.position,resize:!!I.resize,escClosable:!!I.escClosable,maskClosable:!!I.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},e):renderEmptyElement(N):V?(0,_vue.h)(V,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",f.className||""].join(" "),modelValue:l.visible,title:f.title||getI18n("vxe.custom.cstmTitle"),width:f.width||Math.min(1e3,document.documentElement.clientWidth),minWidth:f.minWidth||800,height:f.height||Math.min(680,document.documentElement.clientHeight),minHeight:f.minHeight||400,showZoom:f.showZoom,showMaximize:f.showMaximize,showMinimize:f.showMinimize,mask:f.mask,lockView:f.lockView,resize:f.resize,transfer:f.transfer,escClosable:!!f.escClosable,maskClosable:!!f.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},e):renderEmptyElement(N)}:()=>{var e=N.xeGrid,t=N.xeGantt,l=N.props,o=R.customStore,{treeConfig:l,rowGroupConfig:a,aggregateConfig:s}=l,{isCustomStatus:i,customColumnList:n,isCustomDragStatus:r}=$,u=K.value,c=X.value,d=o.defPopupStyle;let{immediate:m,checkMethod:v,visibleMethod:p,allowVisible:g,allowSort:h,allowFixed:x,allowGroup:_,allowValues:b,trigger:C,placement:E,showSortDragButton:T,showSortMoveButton:f,showSortPutButton:I}=u,y=j.value;var A=W.value;let{isCrossDrag:D,isPeerDrag:V}=c;var c=u.slots||{},k=c.header,S=c.top,w=c.bottom,F=c.default,c=c.footer;let L=[];var O={},B=o.isAll,U=o.isIndeterminate,e=("hover"===C&&(O.onMouseenter=ue,O.onMouseleave=ce),{$table:N,$grid:e,$gantt:t,columns:n,isAllChecked:B,isAllIndeterminate:U,isCustomStatus:i});return _xeUtils.default.eachTree(n,(l,e,o,t,a)=>{if(!p||p({$table:N,column:l})){var s=l.renderVisible,i=l.halfVisible,n=l.children&&l.children.length,r=(0,_utils.formatText)(l.getTitle(),1);let t=!!v&&!v({$table:N,column:l});var u=!s,c=!(!D&&!V)&&m||1===l.level;L.push((0,_vue.h)("li",{key:l.id,colid:l.id,class:["vxe-table-custom--option","level--"+l.level,{"is--hidden":t||u,"is--group":n}],onDragstart:ve,onDragend:pe,onDragover:ge},[g?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":s,"is--indeterminate":i,"is--disabled":t}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{t||oe(l,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):renderEmptyElement(N),(0,_vue.h)("div",{class:"vxe-table-custom--name-option"},[(h&&T||_||b)&&(c||(_||b)&&!n)?(0,_vue.h)("div",{class:"vxe-table-custom--sort-option"},[(0,_vue.h)("span",Object.assign({class:["vxe-table-custom--sort-btn",{"is--disabled":u}],title:getI18n("vxe.custom.setting.sortHelpTip")},u?{}:{onMousedown:ne,onMouseup:me}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):renderEmptyElement(N),"html"===l.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom--checkbox-label",innerHTML:r}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom--checkbox-label"},r)]),c&&(f||I)?(0,_vue.h)("div",{class:"vxe-table-custom--move-btn-option"},H?[f?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-up",title:getI18n("vxe.custom.setting.moveUpTitle"),disabled:e<=0,onClick(e){he(e,l)}}):renderEmptyElement(N),f?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-down",title:getI18n("vxe.custom.setting.moveDnTitle"),disabled:e>=o.length-1,onClick(e){xe(e,l)}}):renderEmptyElement(N),I&&!a?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-top",title:getI18n("vxe.custom.setting.putTopTitle"),disabled:e<=0,onClick(e){_e(e,l)}}):renderEmptyElement(N),I&&!a?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-bottom",title:getI18n("vxe.custom.setting.putBottomTitle"),disabled:e>=o.length-1,onClick(e){be(e,l)}}):renderEmptyElement(N)]:[]):renderEmptyElement(N),!a&&x?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},H?[(0,_vue.h)(H,{mode:"text",icon:"left"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===l.renderFixed?"primary":"",disabled:u||y&&!l.renderFixed,title:getI18n("left"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{ae(l,"left",e)}}),(0,_vue.h)(H,{mode:"text",icon:"right"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===l.renderFixed?"primary":"",disabled:u||y&&!l.renderFixed,title:getI18n("right"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{ae(l,"right",e)}})]:[]):renderEmptyElement(N)]))}}),(0,_vue.h)("div",{ref:Y,key:"simple",class:["vxe-table-custom-wrapper","placement--"+E,{["size--"+A]:A,"is--active":o.visible}],style:d},o.visible?[(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom-simple--body-wrapper"},[!l&&(s||a)&&N.getPivotTableAggregateSimplePanel?(0,_vue.h)(N.getPivotTableAggregateSimplePanel(),{customStore:o}):renderEmptyElement(N),(0,_vue.h)("div",{ref:J,class:"vxe-table-custom--handle-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom--header"},k?N.callSlot(k,e):[(0,_vue.h)("ul",{class:"vxe-table-custom--panel-list"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[g?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":B,"is--indeterminate":U}],title:getI18n("vxe.table.allTitle"),onClick:ie},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",U?getIcon().TABLE_CHECKBOX_INDETERMINATE:B?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))]):(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.customTitle"))])])]),(0,_vue.h)("div",{class:"vxe-table-custom--body"},[S?(0,_vue.h)("div",{class:"vxe-table-custom--panel-top"},N.callSlot(S,e)):renderEmptyElement(N),F?(0,_vue.h)("div",{class:"vxe-table-custom--panel-body"},N.callSlot(F,e)):(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--panel-list",name:r?"vxe-table-custom--list":"",tag:"ul"},O),{default:()=>L}),w?(0,_vue.h)("div",{class:"vxe-table-custom--panel-bottom"},N.callSlot(w,e)):renderEmptyElement(N)]),u.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},c?N.callSlot(c,e):[(0,_vue.h)("div",{class:"vxe-table-custom--footer-buttons"},[H?(0,_vue.h)(H,{mode:"text",content:u.resetButtonText||getI18n("vxe.table.customRestore"),disabled:!i,onClick:le}):renderEmptyElement(N),m?H?(0,_vue.h)(H,{mode:"text",content:u.closeButtonText||getI18n("vxe.table.customClose"),onClick:ee}):renderEmptyElement(N):H?(0,_vue.h)(H,{mode:"text",content:u.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:te}):renderEmptyElement(N),!m&&H?(0,_vue.h)(H,{mode:"text",status:"primary",content:u.confirmButtonText||getI18n("vxe.table.customConfirm"),onClick:Q}):renderEmptyElement(N)])]):null]),Ce()])]:[])})()}};return(0,_vue.onUnmounted)(()=>{I=createInternalData()}),(0,_vue.provide)("$xeTableCustomPanel",e),e},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createInternalData=createInternalData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_dom=require("../../../ui/src/dom"),_log=require("../../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("table").errLog,{getI18n,getIcon,renderEmptyElement}=_ui.VxeUI;function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"TableCustomPanel",props:{customStore:{type:Object,default:()=>({})}},setup(R,t){var e=_xeUtils.default.uniqueId();let V=_ui.VxeUI.getComponent("VxeModal"),M=_ui.VxeUI.getComponent("VxeDrawer"),H=_ui.VxeUI.getComponent("VxeButton"),G=_ui.VxeUI.getComponent("VxeNumberInput"),P=_ui.VxeUI.getComponent("VxeRadioGroup"),N=(0,_vue.inject)("$xeTable",{}),{props:z,reactData:$,internalData:n}=N,{computeSize:W,computeCustomOpts:K,computeMouseOpts:r,computeColumnDragOpts:X,computeColumnOpts:q,computeIsMaxFixedColumn:j,computeResizableOpts:a,computeAggregateOpts:re}=N.getComputeMaps(),Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),J=(0,_vue.ref)(),u=(0,_vue.ref)(),c=(0,_vue.ref)(),f=(0,_vue.reactive)({dragCol:null,dragGroupField:null,dragAggFnCol:null,dragTipText:""}),I=createInternalData(),s={refElem:Y,refBodyWrapperElem:Z,refCustomBodyElem:J,refDragLineElem:u,refDragTipElem:c},d={},ue=e=>{var t=R.customStore;t.activeWrapper=!0,N.customOpenEvent(e)},ce=e=>{let t=R.customStore;t.activeWrapper=!1,setTimeout(()=>{t.activeBtn||t.activeWrapper||N.customCloseEvent(e)},300)},Q=({$event:e})=>{$.isCustomStatus=!0,N.saveCustom(),N.closeCustom(),N.emitCustomEvent("confirm",e),N.dispatchEvent("custom-confirm",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},ee=({$event:e})=>{N.closeCustom(),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},te=({$event:e})=>{N.cancelCustom(),N.closeCustom(),N.emitCustomEvent("cancel",e),N.dispatchEvent("custom-cancel",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},l=e=>{N.resetCustom(!0),N.closeCustom(),N.emitCustomEvent("reset",e),N.dispatchEvent("custom-reset",{},e),N.emitCustomEvent("close",e),N.dispatchEvent("custom-close",{},e)},le=({$event:t})=>{_ui.VxeUI.modal?_ui.VxeUI.modal.confirm({content:getI18n("vxe.custom.cstmConfirmRestore"),className:"vxe-table--ignore-clear",escClosable:!0}).then(e=>{"confirm"===e&&l(t)}):l(t)},o=t=>{var e=$.customColumnList,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e.parent,e.children)&&e.children.length&&(e.renderVisible=e.children.every(e=>e.renderVisible),e.halfVisible=!e.renderVisible&&e.children.some(e=>e.renderVisible||e.halfVisible),o(e))},oe=(e,t)=>{let l=!e.renderVisible;K.value.immediate?(_xeUtils.default.eachTree([e],e=>{e.visible=l,e.renderVisible=l,e.halfVisible=!1}),$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:visible")):_xeUtils.default.eachTree([e],e=>{e.renderVisible=l,e.halfVisible=!1}),o(e),N.checkCustomStatus(),N.dispatchEvent("custom-visible-change",{column:e,checked:l},t)},de=e=>{K.value.immediate&&e.renderResizeWidth!==e.renderWidth&&(e.resizeWidth=e.renderResizeWidth,e.renderWidth=e.renderResizeWidth,$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:width"))},ae=(e,t,l)=>{var o=j.value;let a=null;K.value.immediate?(e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.fixed="",e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.fixed=t,e.renderFixed=t})),$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:fixed")):e.renderFixed===t?(a="",_xeUtils.default.eachTree([e],e=>{e.renderFixed=""})):o&&!e.renderFixed||(a=t,_xeUtils.default.eachTree([e],e=>{e.renderFixed=t})),null!==a&&N.dispatchEvent("custom-fixed-change",{column:e,fixed:a},l)},se=(e,t,l,o,a,s)=>{K.value.immediate?(e[l]=t,e[o]=t,$.isCustomStatus=!0,N.handleCustom(),N.saveCustomStore("update:"+l)):e[o]=t,N.dispatchEvent(a,{column:e,[l]:t},s)},ie=e=>{var t=$.customStore,t=!t.isAll;N.toggleCustomAllCheckbox(),N.dispatchEvent("custom-visible-all",{checked:t},e)},m=(e,t,l,o)=>{var a,s,i,n,r=Z.value;r&&(n=J.value)&&(a=I.prevDragToChild,s=r.getBoundingClientRect(),n=n.getBoundingClientRect(),i=u.value,t?i&&(l?(t=t.getBoundingClientRect(),i.style.display="block",i.style.left=Math.max(0,n.x-s.x)+"px",i.style.top=Math.max(1,t.y+r.scrollTop-s.y)+"px",i.style.height=t.height+"px",i.style.width=t.width+"px",i.setAttribute("drag-pos",o),i.setAttribute("drag-to-child",a?"y":"n")):i.style.display=""):i&&(i.style.display="node"),n=c.value)&&(n.style.display="block",n.style.top=Math.min(r.clientHeight+r.scrollTop-n.clientHeight,e.clientY+r.scrollTop-s.y)+"px",n.style.left=Math.min(r.clientWidth+r.scrollLeft-n.clientWidth,e.clientX+r.scrollLeft-s.x)+"px",n.setAttribute("drag-status",l?a?"sub":"normal":"disabled"))},v=()=>{var e=f.dragCol,t=X.value.tooltipMethod;let l="";l=t?""+(t({$table:N,column:e})||""):getI18n("vxe.custom.cstmDragTarget",[e&&"html"!==e.type?e.getTitle():""]),f.dragTipText=l},i=()=>{var e=c.value,t=u.value;e&&(e.style.display=""),t&&(t.style.display="")},ne=e=>{var e=e.currentTarget.parentElement.parentElement.parentElement,t=e.getAttribute("colid"),t=N.getColumnById(t);e.draggable=!0,f.dragCol=t,f.dragGroupField=null,f.dragAggFnCol=null,v(),(0,_dom.addClass)(e,"active--drag-origin")},me=e=>{e=e.currentTarget.parentElement.parentElement.parentElement;i(),e.draggable=!1,f.dragCol=null,f.dragGroupField=null,(f.dragAggFnCol=null,_dom.removeClass)(e,"active--drag-origin")},ve=e=>{var t=I.customDragTime;e.dataTransfer&&e.dataTransfer.setDragImage((0,_dom.getTpImg)(),0,0),t&&clearTimeout(t),$.isCustomDragStatus=!0,I.prevDragGroupField=null,I.prevDragAggFnColid=null},pe=c=>{let d=z.mouseConfig,m=$.customColumnList,v=n.collectColumn;var e=K.value;let p=r.value,g=e.immediate;e=c.currentTarget;let{isCrossDrag:h,isPeerDrag:x,isSelfToChildDrag:_,isToChildDrag:b,dragEndMethod:t}=X.value;var l=f.dragCol;let{prevDragCol:o,prevDragGroupField:a,prevDragAggFnColid:s,prevDragPos:C,prevDragToChild:E}=I,T="bottom"===C?1:0;if(a||s)N.handlePivotTableAggPanelDragendEvent&&N.handlePivotTableAggPanelDragendEvent(c);else if(o&&l&&o!==l){let r=l,u=o;Promise.resolve(!t||t({oldColumn:r,newColumn:u,dragColumn:r,dragPos:C,dragToChild:!!E,offsetIndex:T})).then(a=>{if(a){let e=-1,t=-1,l={},o=(_xeUtils.default.eachTree([r],e=>{l[e.id]=e}),!1);if(g){if(r.parentId&&u.parentId)if(x&&!h){if(r.parentId!==u.parentId)return}else{if(!h)return;if(l[u.id]&&(o=!0,!h||!_))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}else if(r.parentId){if(!h)return}else if(u.parentId){if(!h)return;if(l[u.id]&&(o=!0,!h||!_))return void(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:getI18n("vxe.error.treeDragChild")}))}var s,i,n,a=_xeUtils.default.findTree(v,e=>e.id===r.id),a=(o&&h&&_?a&&({items:s,index:n}=a,(i=r.children||[]).forEach(e=>{e.parentId=r.parentId}),s.splice(n,1,...i),r.children=[]):a&&({items:s,index:n,parent:i}=a,s.splice(n,1),i||(e=n)),_xeUtils.default.findTree(v,e=>e.id===u.id));a&&({items:s,index:i,parent:n}=a,h&&b&&E?(r.parentId=u.id,u.children=(u.children||[]).concat([r])):(r.parentId=u.parentId,s.splice(i+T,0,r)),n||(t=i)),_xeUtils.default.eachTree(v,(e,t,l,o,a)=>{a||(e.renderSortNumber=t+1)})}else e=_xeUtils.default.findIndexOf(m,e=>e.id===r.id),m.splice(e,1),t=_xeUtils.default.findIndexOf(m,e=>e.id===u.id),m.splice(t+T,0,r);(0,_utils.hasEnableConf)(d,p)&&(N.clearSelected&&N.clearSelected(),N.clearCellAreas)&&(N.clearCellAreas(),N.clearCopyCellArea());a={oldColumn:r,newColumn:u,dragColumn:r,dragPos:C,offsetIndex:T,_index:{newIndex:t,oldIndex:e}};N.dispatchEvent("custom-sort-change",a,c),N.dispatchEvent("column-dragend",a,c),g&&($.customColumnList=v.slice(0),N.handleColDragSwapColumn()),y()}}).catch(()=>{})}i(),f.dragCol=null,f.dragGroupField=null,f.dragAggFnCol=null,I.prevDragGroupField=null,I.prevDragAggFnColid=null,e.draggable=!1,e.removeAttribute("drag-pos"),(0,_dom.removeClass)(e,"active--drag-target"),(0,_dom.removeClass)(e,"active--drag-origin")},ge=e=>{var t,{showSortDragButton:l,allowSort:o,immediate:a}=K.value,{isCrossDrag:s,isPeerDrag:i,isToChildDrag:n}=X.value,r=e.currentTarget,u=(0,_dom.hasControlKey)(e),c=r.getAttribute("colid"),c=N.getColumnById(c),d=f.dragCol;I.prevDragGroupField=null,I.prevDragAggFnColid=null,c&&(s||i||1===c.level)&&(e.preventDefault(),t=e.clientY-r.getBoundingClientRect().y<r.clientHeight/2?"top":"bottom",!d||!l||!o||d&&d.id===c.id||!s&&(i?d.parentId!==c.parentId:1<c.level)||!a&&1<c.level||!s&&(i?d.parentId!==c.parentId:1<d.level)||!a&&1<d.level?m(e,r,!1,t):(I.prevDragToChild=!!(s&&n&&u&&a),I.prevDragCol=c,I.prevDragPos=t,m(e,r,!0,t)))},y=()=>{I.customDragTime=setTimeout(()=>{$.isCustomDragStatus=!1,I.customDragTime=void 0},350)},he=(e,t)=>{var o=$.customColumnList,o=_xeUtils.default.findTree(o,e=>e===t);if(o){let{item:e,items:t,index:l}=o;0<l&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{t.splice(l,1),t.splice(l-1,0,e),y()}))}},xe=(e,t)=>{var o=$.customColumnList,o=_xeUtils.default.findTree(o,e=>e===t);if(o){let{item:e,items:t,index:l}=o;l<t.length-1&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{t.splice(l,1),t.splice(l+1,0,e),y()}))}},_e=(e,t)=>{let a=$.customColumnList;var s=_xeUtils.default.findTree(a,e=>e===t);if(s){let{item:e,items:t,index:l,parent:o}=s;(o||0<l)&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{e.parentId=null,t.splice(l,1),a.unshift(e),y()}))}},be=(e,t)=>{let a=$.customColumnList;var s=_xeUtils.default.findTree(a,e=>e===t);if(s){let{item:e,items:t,index:l,parent:o}=s;(o||l<t.length-1)&&($.isCustomDragStatus=!0,(0,_vue.nextTick)(()=>{e.parentId=null,t.splice(l,1),a.push(e),y()}))}},Ce=()=>{var e=f.dragTipText,t=X.value;return(0,_vue.h)("div",{},[(0,_vue.h)("div",{ref:u,class:["vxe-table-custom-popup--drag-line",{"is--guides":t.showGuidesStatus}]}),(0,_vue.h)("div",{ref:c,class:"vxe-table-custom-popup--drag-tip"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-status"},[(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-normal-status",getIcon().TABLE_DRAG_STATUS_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-sub-status",getIcon().TABLE_DRAG_STATUS_SUB_ROW]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-group-status",getIcon().TABLE_DRAG_STATUS_AGG_GROUP]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-values-status",getIcon().TABLE_DRAG_STATUS_AGG_VALUES]}),(0,_vue.h)("span",{class:["vxe-table-custom-popup--drag-tip-disabled-status",getIcon().TABLE_DRAG_DISABLED]})]),(0,_vue.h)("div",{class:"vxe-table-custom-popup--drag-tip-content"},""+(e||""))])])])},Ee=()=>{let g=z.resizable;var e=$.customColumnList,t=K.value,l=X.value;let{immediate:h,showSortDragButton:x,showSortMoveButton:_,showSortPutButton:b,allowVisible:C,allowSort:E,allowFixed:T,allowAlign:f,allowHeaderAlign:I,allowFooterAlign:y,allowResizable:A,allowGroup:D,allowValues:k,checkMethod:S,visibleMethod:w}=t,F=q.value,{minWidth:L,maxWidth:O}=a.value,B=j.value,{isCrossDrag:U,isPeerDrag:V}=l,R=[];return _xeUtils.default.eachTree(e,(o,a,s,e,i)=>{if(!w||w({$table:N,column:o})){let e=0,t=0;A&&(n={$table:N,column:o,columnIndex:N.getColumnIndex(o),$columnIndex:N.getVMColumnIndex(o),_columnIndex:N.getVTColumnIndex(o),rowIndex:-1,_rowIndex:-1,$rowIndex:-1},L&&(e=_xeUtils.default.toNumber(_xeUtils.default.isFunction(L)?L(n):L)),O)&&(t=_xeUtils.default.toNumber(_xeUtils.default.isFunction(O)?O(n):O));var n=o.renderVisible,r=o.halfVisible,u=(0,_utils.formatText)(o.getTitle(),1),c=o.children&&o.children.length;let l=!!S&&!S({$table:N,column:o});var d=!n,m=!(!U&&!V)&&h||1===o.level,v=[{icon:getIcon().TABLE_CUSTOM_ALIGN_LEFT,value:"left",title:getI18n("vxe.custom.setting.anLeftTitle"),disabled:d},{icon:getIcon().TABLE_CUSTOM_ALIGN_CENTER,value:"center",title:getI18n("vxe.custom.setting.anCenterTitle"),disabled:d},{icon:getIcon().TABLE_CUSTOM_ALIGN_RIGHT,value:"right",title:getI18n("vxe.custom.setting.anRightTitle"),disabled:d}],p=[];C&&p.push((0,_vue.h)("td",{key:"av",class:"vxe-table-custom-popup--column-td col--visible"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":n,"is--indeterminate":r,"is--disabled":l}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{l||oe(o,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",r?getIcon().TABLE_CHECKBOX_INDETERMINATE:n?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])])),p.push((0,_vue.h)("td",{key:"at",class:"vxe-table-custom-popup--column-td col--name"},[(0,_vue.h)("div",{class:"vxe-table-custom-popup--name"},[E&&x||D||k?m||(D||k)&&!c?(0,_vue.h)("div",Object.assign({class:["vxe-table-custom-popup--column-sort-btn",{"is--disabled":d}],title:getI18n("vxe.custom.setting.sortHelpTip")},d?{}:{onMousedown:ne,onMouseup:me}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})]):(0,_vue.h)("div",{class:"vxe-table-custom-popup--column-sort-placeholder"}):renderEmptyElement(N),"html"===o.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom-popup--title",innerHTML:u}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom-popup--title",title:u},u),m&&(_||b)?(0,_vue.h)("div",{class:"vxe-table-custom-popup--move-btn"},H?[_?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-up",title:getI18n("vxe.custom.setting.moveUpTitle"),disabled:a<=0,onClick(e){he(e,o)}}):renderEmptyElement(N),_?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-down",title:getI18n("vxe.custom.setting.moveDnTitle"),disabled:a>=s.length-1,onClick(e){xe(e,o)}}):renderEmptyElement(N),b&&!i?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-top",title:getI18n("vxe.custom.setting.putTopTitle"),disabled:a<=0,onClick(e){_e(e,o)}}):renderEmptyElement(N),b&&!i?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-bottom",title:getI18n("vxe.custom.setting.putBottomTitle"),disabled:a>=s.length-1,onClick(e){be(e,o)}}):renderEmptyElement(N)]:[]):renderEmptyElement(N)])])),A&&p.push((0,_vue.h)("td",{key:"aw",class:"vxe-table-custom-popup--column-td col--resizable"},[o.children&&o.children.length||!(_xeUtils.default.isBoolean(o.resizable)?o.resizable:F.resizable||g)?(0,_vue.h)("span","-"):G?(0,_vue.h)(G,{type:"integer",immediate:!1,disabled:d,modelValue:o.renderResizeWidth,min:e||0,max:t||9999,"onUpdate:modelValue"(e){e=Math.max(0,Number(e));o.renderResizeWidth=e},onChange(){de(o)}}):renderEmptyElement(N)])),T&&p.push((0,_vue.h)("td",{key:"af",class:"vxe-table-custom-popup--column-td col--fixed"},i?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(H,{icon:"left"===o.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===o.renderFixed?"primary":"",disabled:d||B&&!o.renderFixed,title:getI18n("left"===o.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{ae(o,"left",e)}}),(0,_vue.h)(H,{icon:"right"===o.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===o.renderFixed?"primary":"",disabled:d||B&&!o.renderFixed,title:getI18n("right"===o.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{ae(o,"right",e)}})]:[])),f&&p.push((0,_vue.h)("td",{key:"aa",class:"vxe-table-custom-popup--column-td col--align"},P?[(0,_vue.h)(P,{modelValue:o.renderAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"align","renderAlign","custom-align-change",t)}})]:[])),I&&p.push((0,_vue.h)("td",{key:"aha",class:"vxe-table-custom-popup--column-td col--header-align"},c?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(P,{modelValue:o.renderHeaderAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"headerAlign","renderHeaderAlign","custom-header-align-change",t)}})]:[])),y&&p.push((0,_vue.h)("td",{key:"afa",class:"vxe-table-custom-popup--column-td col--footer-align"},c?[(0,_vue.h)("span","-")]:P?[(0,_vue.h)(P,{modelValue:o.renderFooterAlign||"left",type:"button",strict:!1,disabled:d,options:v,onChange({value:e,$event:t}){se(o,e,"footerAlign","renderFooterAlign","custom-footer-align-change",t)}})]:[])),R.push((0,_vue.h)("tr",{key:o.id,colid:o.id,class:["vxe-table-custom-popup--row level--"+o.level,{"is--group":c}],onDragstart:ve,onDragend:pe,onDragover:ge},p))}}),R};(0,_vue.nextTick)(()=>{var e=K.value.mode;V||"modal"!==e||errLog("vxe.error.reqComp",["vxe-modal"]),M||"drawer"!==e||errLog("vxe.error.reqComp",["vxe-drawer"]),H||errLog("vxe.error.reqComp",["vxe-button"]),G||errLog("vxe.error.reqComp",["vxe-number-input"]),P||errLog("vxe.error.reqComp",["vxe-radio-group"])});e={xID:e,props:R,context:t,reactData:f,internalData:I,xeTable:N,getRefMaps:()=>s,getComputeMaps:()=>d,renderVN:()=>{var e=K.value;return(["modal","drawer","popup"].includes(""+e.mode)?()=>{var e=N.xeGrid,t=N.xeGantt;let l=R.customStore,{treeConfig:o,rowGroupConfig:a,aggregateConfig:s}=z,{isCustomStatus:i,customColumnList:n}=$,r=W.value,u=K.value;var c=re.value;let d=l.panePopupStyle,m=c.placement,{mode:v,immediate:p,modalOptions:g,drawerOptions:h,allowVisible:x,allowFixed:_,allowAlign:b,allowHeaderAlign:C,allowFooterAlign:E,allowResizable:T}=u;var c=q.value.maxFixedSize,f=Object.assign({},g),I=Object.assign({},h),y=u.slots||{};let A=y.header,D=y.top,k=y.bottom,S=y.default,w=y.footer;var y=l.isAll,F=l.isIndeterminate;let L="right"===m||"bottom"===m,O={$table:N,$grid:e,$gantt:t,columns:n,isAllChecked:y,isAllIndeterminate:F,isCustomStatus:i},B=[],U=[];x&&(B.push((0,_vue.h)("col",{key:"av",class:"vxe-table-custom-popup--column-col col--checkbox"})),U.push((0,_vue.h)("th",{key:"av",class:"vxe-table-custom-popup--column-th col--checkbox"},[(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":y,"is--indeterminate":F}],title:getI18n("vxe.table.allTitle"),onClick:ie},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",F?getIcon().TABLE_CHECKBOX_INDETERMINATE:y?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})])]))),B.push((0,_vue.h)("col",{key:"at",class:"vxe-table-custom-popup--column-col col--title"})),U.push((0,_vue.h)("th",{key:"at",class:"vxe-table-custom-popup--column-th col--title"},getI18n("vxe.custom.setting.colTitle"))),T&&(B.push((0,_vue.h)("col",{key:"aw",class:"vxe-table-custom-popup--column-col col--width"})),U.push((0,_vue.h)("th",{key:"aw",class:"vxe-table-custom-popup--column-th col--width"},getI18n("vxe.custom.setting.colResizable")))),_&&(B.push((0,_vue.h)("col",{key:"af",class:"vxe-table-custom-popup--column-col col--fixed"})),U.push((0,_vue.h)("th",{key:"af",class:"vxe-table-custom-popup--column-th col--fixed"},getI18n("vxe.custom.setting."+(c?"colFixedMax":"colFixed"),[c])))),b&&(B.push((0,_vue.h)("col",{key:"aa",class:"vxe-table-custom-popup--column-col col--align"})),U.push((0,_vue.h)("th",{key:"aa",class:"vxe-table-custom-popup--column-th col--align"},getI18n("vxe.custom.setting.colAlign")))),C&&(B.push((0,_vue.h)("col",{key:"aha",class:"vxe-table-custom-popup--column-col col--header-align"})),U.push((0,_vue.h)("th",{key:"aha",class:"vxe-table-custom-popup--column-th col--header-align"},getI18n("vxe.custom.setting.colHeadAlign")))),E&&(B.push((0,_vue.h)("col",{key:"afa",class:"vxe-table-custom-popup--column-col col--footer-align"})),U.push((0,_vue.h)("th",{key:"afa",class:"vxe-table-custom-popup--column-th col--footer-align"},getI18n("vxe.custom.setting.colFootAlign"))));e={default:()=>(0,_vue.h)("div",{ref:Z,class:["vxe-table-custom-popup--body-wrapper","agg-layout--"+m,{["size--"+r]:r}],style:d},S?N.callSlot(S,O):[L||o||!s&&!a||!N.getPivotTableAggregatePopupPanel?renderEmptyElement(N):(0,_vue.h)(N.getPivotTableAggregatePopupPanel(),{customStore:l}),(0,_vue.h)("div",{ref:J,class:"vxe-table-custom-popup--handle-wrapper"},[D?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-top"},N.callSlot(D,O)):renderEmptyElement(N),(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-wrapper"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},B),(0,_vue.h)("thead",{},[(0,_vue.h)("tr",{},U)]),(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-table-custom--panel-list",tag:"tbody",name:"vxe-table-custom--list"},{default:()=>Ee()})])]),k?(0,_vue.h)("div",{class:"vxe-table-custom-popup--table-bottom"},N.callSlot(k,O)):renderEmptyElement(N),Ce()]),L&&!o&&(s||a)&&N.getPivotTableAggregatePopupPanel?(0,_vue.h)(N.getPivotTableAggregatePopupPanel(),{customStore:l}):renderEmptyElement(N)]),footer:()=>w?N.callSlot(w,O):(0,_vue.h)("div",{class:"vxe-table-custom-popup--footer"},[H?(0,_vue.h)(H,{content:u.resetButtonText||getI18n("vxe.custom.cstmRestore"),disabled:!i,onClick:le}):renderEmptyElement(N),p?H?(0,_vue.h)(H,{status:"primary",content:u.closeButtonText||getI18n("vxe.table.customClose"),onClick:ee}):renderEmptyElement(N):H?(0,_vue.h)(H,{content:u.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:te}):renderEmptyElement(N),!p&&H?(0,_vue.h)(H,{status:"primary",content:u.confirmButtonText||getI18n("vxe.custom.cstmConfirm"),onClick:Q}):renderEmptyElement(N)])};return A&&(e.header=()=>N.callSlot(A,O)),"drawer"===v?M?(0,_vue.h)(M,{key:"drawer",className:["vxe-table-custom-drawer-wrapper","vxe-table--ignore-clear",I.className||""].join(" "),modelValue:l.visible,title:I.title||getI18n("vxe.custom.cstmTitle"),width:I.width||Math.min(880,Math.floor(.6*document.documentElement.clientWidth)),position:I.position,resize:!!I.resize,escClosable:!!I.escClosable,maskClosable:!!I.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},e):renderEmptyElement(N):V?(0,_vue.h)(V,{key:"modal",className:["vxe-table-custom-modal-wrapper","vxe-table--ignore-clear",f.className||""].join(" "),modelValue:l.visible,title:f.title||getI18n("vxe.custom.cstmTitle"),width:f.width||Math.min(1e3,document.documentElement.clientWidth),minWidth:f.minWidth||800,height:f.height||Math.min(680,document.documentElement.clientHeight),minHeight:f.minHeight||400,showZoom:f.showZoom,showMaximize:f.showMaximize,showMinimize:f.showMinimize,mask:f.mask,lockView:f.lockView,resize:f.resize,transfer:f.transfer,escClosable:!!f.escClosable,maskClosable:!!f.maskClosable,destroyOnClose:!0,showFooter:!0,"onUpdate:modelValue"(e){l.visible=e}},e):renderEmptyElement(N)}:()=>{var e=N.xeGrid,t=N.xeGantt,l=N.props,o=R.customStore,{treeConfig:l,rowGroupConfig:a,aggregateConfig:s}=l,{isCustomStatus:i,customColumnList:n,isCustomDragStatus:r}=$,u=K.value,c=X.value,d=o.defPopupStyle;let{immediate:m,checkMethod:v,visibleMethod:p,allowVisible:g,allowSort:h,allowFixed:x,allowGroup:_,allowValues:b,trigger:C,placement:E,showSortDragButton:T,showSortMoveButton:f,showSortPutButton:I}=u,y=j.value;var A=W.value;let{isCrossDrag:D,isPeerDrag:V}=c;var c=u.slots||{},k=c.header,S=c.top,w=c.bottom,F=c.default,c=c.footer;let L=[];var O={},B=o.isAll,U=o.isIndeterminate,e=("hover"===C&&(O.onMouseenter=ue,O.onMouseleave=ce),{$table:N,$grid:e,$gantt:t,columns:n,isAllChecked:B,isAllIndeterminate:U,isCustomStatus:i});return _xeUtils.default.eachTree(n,(l,e,o,t,a)=>{if(!p||p({$table:N,column:l})){var s=l.renderVisible,i=l.halfVisible,n=l.children&&l.children.length,r=(0,_utils.formatText)(l.getTitle(),1);let t=!!v&&!v({$table:N,column:l});var u=!s,c=!(!D&&!V)&&m||1===l.level;L.push((0,_vue.h)("li",{key:l.id,colid:l.id,class:["vxe-table-custom--option","level--"+l.level,{"is--hidden":t||u,"is--group":n}],onDragstart:ve,onDragend:pe,onDragover:ge},[g?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":s,"is--indeterminate":i,"is--disabled":t}],title:getI18n("vxe.custom.setting.colVisible"),onClick:e=>{t||oe(l,e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:s?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]):renderEmptyElement(N),(0,_vue.h)("div",{class:"vxe-table-custom--name-option"},[(h&&T||_||b)&&(c||(_||b)&&!n)?(0,_vue.h)("div",{class:"vxe-table-custom--sort-option"},[(0,_vue.h)("span",Object.assign({class:["vxe-table-custom--sort-btn",{"is--disabled":u}],title:getI18n("vxe.custom.setting.sortHelpTip")},u?{}:{onMousedown:ne,onMouseup:me}),[(0,_vue.h)("i",{class:getIcon().TABLE_CUSTOM_SORT})])]):renderEmptyElement(N),"html"===l.type?(0,_vue.h)("div",{key:"1",class:"vxe-table-custom--checkbox-label",innerHTML:r}):(0,_vue.h)("div",{key:"0",class:"vxe-table-custom--checkbox-label"},r)]),c&&(f||I)?(0,_vue.h)("div",{class:"vxe-table-custom--move-btn-option"},H?[f?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-up",title:getI18n("vxe.custom.setting.moveUpTitle"),disabled:e<=0,onClick(e){he(e,l)}}):renderEmptyElement(N),f?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-arrows-down",title:getI18n("vxe.custom.setting.moveDnTitle"),disabled:e>=o.length-1,onClick(e){xe(e,l)}}):renderEmptyElement(N),I&&!a?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-top",title:getI18n("vxe.custom.setting.putTopTitle"),disabled:e<=0,onClick(e){_e(e,l)}}):renderEmptyElement(N),I&&!a?(0,_vue.h)(H,{mode:"text",icon:"vxe-icon-bottom",title:getI18n("vxe.custom.setting.putBottomTitle"),disabled:e>=o.length-1,onClick(e){be(e,l)}}):renderEmptyElement(N)]:[]):renderEmptyElement(N),!a&&x?(0,_vue.h)("div",{class:"vxe-table-custom--fixed-option"},H?[(0,_vue.h)(H,{mode:"text",icon:"left"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_LEFT,status:"left"===l.renderFixed?"primary":"",disabled:u||y&&!l.renderFixed,title:getI18n("left"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedLeft"),onClick:({$event:e})=>{ae(l,"left",e)}}),(0,_vue.h)(H,{mode:"text",icon:"right"===l.renderFixed?getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,status:"right"===l.renderFixed?"primary":"",disabled:u||y&&!l.renderFixed,title:getI18n("right"===l.renderFixed?"vxe.toolbar.cancelFixed":"vxe.toolbar.fixedRight"),onClick:({$event:e})=>{ae(l,"right",e)}})]:[]):renderEmptyElement(N)]))}}),(0,_vue.h)("div",{ref:Y,key:"simple",class:["vxe-table-custom-wrapper","placement--"+E,{["size--"+A]:A,"is--active":o.visible}],style:d},o.visible?[(0,_vue.h)("div",{ref:Z,class:"vxe-table-custom-simple--body-wrapper"},[!l&&(s||a)&&N.getPivotTableAggregateSimplePanel?(0,_vue.h)(N.getPivotTableAggregateSimplePanel(),{customStore:o}):renderEmptyElement(N),(0,_vue.h)("div",{ref:J,class:"vxe-table-custom--handle-wrapper"},[(0,_vue.h)("div",{class:"vxe-table-custom--header"},k?N.callSlot(k,e):[(0,_vue.h)("ul",{class:"vxe-table-custom--panel-list"},[(0,_vue.h)("li",{class:"vxe-table-custom--option"},[g?(0,_vue.h)("div",{class:["vxe-table-custom--checkbox-option",{"is--checked":B,"is--indeterminate":U}],title:getI18n("vxe.table.allTitle"),onClick:ie},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",U?getIcon().TABLE_CHECKBOX_INDETERMINATE:B?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.toolbar.customAll"))]):(0,_vue.h)("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.customTitle"))])])]),(0,_vue.h)("div",{class:"vxe-table-custom--body"},[S?(0,_vue.h)("div",{class:"vxe-table-custom--panel-top"},N.callSlot(S,e)):renderEmptyElement(N),F?(0,_vue.h)("div",{class:"vxe-table-custom--panel-body"},N.callSlot(F,e)):(0,_vue.h)(_vue.TransitionGroup,Object.assign({class:"vxe-table-custom--panel-list",name:r?"vxe-table-custom--list":"",tag:"ul"},O),{default:()=>L}),w?(0,_vue.h)("div",{class:"vxe-table-custom--panel-bottom"},N.callSlot(w,e)):renderEmptyElement(N)]),u.showFooter?(0,_vue.h)("div",{class:"vxe-table-custom--footer"},c?N.callSlot(c,e):[(0,_vue.h)("div",{class:"vxe-table-custom--footer-buttons"},[H?(0,_vue.h)(H,{mode:"text",content:u.resetButtonText||getI18n("vxe.table.customRestore"),disabled:!i,onClick:le}):renderEmptyElement(N),m?H?(0,_vue.h)(H,{mode:"text",content:u.closeButtonText||getI18n("vxe.table.customClose"),onClick:ee}):renderEmptyElement(N):H?(0,_vue.h)(H,{mode:"text",content:u.cancelButtonText||getI18n("vxe.table.customCancel"),onClick:te}):renderEmptyElement(N),!m&&H?(0,_vue.h)(H,{mode:"text",status:"primary",content:u.confirmButtonText||getI18n("vxe.table.customConfirm"),onClick:Q}):renderEmptyElement(N)])]):null]),Ce()])]:[])})()}};return(0,_vue.onUnmounted)(()=>{I=createInternalData()}),(0,_vue.provide)("$xeTableCustomPanel",e),e},render(){return this.renderVN()}});

package/lib/table/module/filter/hook.js

@@ -92,6 +92,7 @@ hooks.add('tableFilterModule', {
         if (transfer) {
           const ppObj = (0, _dom.updatePanelPlacement)(currEl, filterWrapperElem, {
             defaultPlacement: 'bottom',
+            appendTo: '',
             isMinWidth: false,
             teleportTo: transfer
           });

package/lib/table/module/filter/hook.min.js

@@ -1 +1 @@
-var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_util=require("../../src/util"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,hooks}=_ui.VxeUI,tableFilterMethodKeys=["openFilter","setFilter","clearFilter","saveFilter","saveFilterByEvent","saveFilterPanel","saveFilterPanelByEvent","resetFilter","resetFilterByEvent","resetFilterPanel","resetFilterPanelByEvent","getCheckedFilters","updateFilterOptionStatus"],sourceType="table";hooks.add("tableFilterModule",{setupTable(s){let a=s.xeGrid,u=s.xeGantt,x=a||u,{props:h,reactData:k,internalData:o}=s,{refElem:r,refTableFilter:i}=s.getRefMaps(),{computeFilterOpts:E,computeMouseOpts:f,computeRendererOpts:n}=s.getComputeMaps(),d=()=>{let d=k.filterStore,c=o.elemStore,{column:s,targetEl:h}=d;if(!s)return(0,_vue.nextTick)();let f=r.value;var e=E.value,t=n.value;let{maxHeight:m,transfer:v,zIndex:F}=e;e=s?s.filterRender:null;let p=e&&(0,_utils.isEnableConf)(e)&&e.name?t[e.name]||renderer.get(e.name):null;if(!(0,_util.getRefElem)(c["main-header-scroll"]))return(0,_vue.nextTick)();t=i.value;let _=t?t.getRefMaps().refElem.value:null;if(!_)return(0,_vue.nextTick)();let C=_.querySelector(".vxe-table--filter-header"),g=_.querySelector(".vxe-table--filter-footer"),l=()=>{let e=h;if(h||(r=(r=(0,_util.getRefElem)(c[`${s.fixed||"main"}-header-wrapper`]||c["main-header-wrapper"]))?r.querySelector(".vxe-header--column."+s.id):null)&&(e=r),!e)return(0,_vue.nextTick)();var t,l,r=e.getBoundingClientRect(),i=f.getBoundingClientRect();let n=0,a=0,u=0,o={};o=v?(0,_dom.updatePanelPlacement)(e,_,{defaultPlacement:"bottom",isMinWidth:!1,teleportTo:v}).style:(t=_.offsetWidth,l=h?t/2:(t-s.renderWidth)/2,n=r.left-i.left-l,a=r.top-i.top+e.clientHeight,u=Math.max(40,f.clientHeight-a-(C?C.clientHeight:0)-(g?g.clientHeight:0)-14),n<1?n=1:n>f.clientWidth-t-1&&(n=f.clientWidth-t-1),x&&(l=x.getRefMaps().refElem.value)&&(r=l.getBoundingClientRect(),a+=i.top-r.top),{top:(0,_dom.toCssUnit)(a),left:(0,_dom.toCssUnit)(n)}),F&&(o.zIndex=F),d.style=o,p&&!p.tableFilterAutoHeight?u=0:m&&(u=m>u?u:m),d.maxHeight=u};return l(),(0,_vue.nextTick)().then(()=>{l()})};var e={checkFilterOptions(){var e=k.filterStore,t=e.column;t&&(t=t.filters||[],e.isAllSelected=t.every(e=>e._checked),e.isIndeterminate=!e.isAllSelected&&t.some(e=>e._checked))},handleOpenFilterColumn(e,t,l,r,i){var{initStore:n,filterStore:a}=k;a.column===r&&a.visible?a.visible=!1:(s.handleFilterOptions(r),o._currFilterParams=i,a.targetEl=t,a.style=null,a.visible=!0,n.filter=!0),(0,_vue.nextTick)().then(()=>{d()}),s.dispatchEvent("filter-visible",{column:r,field:r.field,property:r.field,filterList:s.getCheckedFilters(),visible:a.visible},e)},triggerFilterEvent(e,t,l){var r=o.elemStore,i=t.fixed,i=(0,_util.getRefElem)(r[`${i||"main"}-header-wrapper`]||r["main-header-wrapper"]),r=e.currentTarget,i=i?i.querySelector(".vxe-header--column."+t.id):null;s.handleOpenFilterColumn(e,r,i||r,t,l)},handleClearFilter(e){if(e){var{filters:l,filterRender:r}=e;if(l){var i=n.value,i=(0,_utils.isEnableConf)(r)&&r.name?i[r.name]||renderer.get(r.name):null;let t=e.filterResetMethod||(i?i.tableFilterResetMethod||i.filterResetMethod:null);l.forEach(e=>{e._checked=!1,e.checked=!1,t||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),t&&t({options:l,column:e,$table:s})}}},handleColumnConfirmFilter(e,t){var l=h.mouseConfig;let{scrollXLoad:r,scrollYLoad:i}=k;var n=E.value,a=f.value,{field:u,filters:o}=e;let d=[],c=[];(o||[]).forEach(e=>{e.checked&&(d.push(e.value),c.push(e.data))});o=s.getCheckedFilters(),e={$table:s,$event:t,column:e,field:u,property:u,values:d,datas:c,filters:o,filterList:o};return n.remote||(s.handleTableData(!0),s.checkSelectionStatus()),(0,_utils.hasEnableConf)(l,a)&&a.area&&s.handleFilterEvent&&s.handleFilterEvent(t,e),t&&s.dispatchEvent("filter-change",e,t),s.closeFilter(),s.updateFooter().then(()=>{var{scrollXLoad:e,scrollYLoad:t}=k;if(r||e||i||t)return(r||e)&&s.updateScrollXSpace(),(i||t)&&s.updateScrollYSpace(),s.refreshScroll()}).then(()=>(s.updateCellAreas(),s.recalculate(!0))).then(()=>{setTimeout(()=>s.recalculate(),50)})},confirmFilterEvent(e,t){t&&s.handleColumnConfirmFilter(t,e)},handleFilterChangeRadioOption(e,t,l){var r=k.filterStore,r=r.column;r&&((r.filters||[]).forEach(e=>{e._checked=!1}),l._checked=t,s.checkFilterOptions(),s.handleFilterConfirmFilter(e,r))},handleFilterChangeMultipleOption(e,t,l){l._checked=t,s.checkFilterOptions()},handleFilterChangeOption(e,t,l){var r=k.filterStore,i=o.fullColumnIdData;let n=r.column;n||(i=i[l._colId])&&(n=i.column,r.column=n),n&&(n.filterMultiple?s.handleFilterChangeMultipleOption(e,t,l):s.handleFilterChangeRadioOption(e,t,l))},handleFilterConfirmFilter(e,t){t&&((t.filters||[]).forEach(e=>{e.checked=e._checked}),s.confirmFilterEvent(e,t))},handleFilterResetFilter(e,t){t&&(s.handleClearFilter(t),s.confirmFilterEvent(e,t),e)&&s.dispatchEvent("clear-filter",{filterList:[]},e)},handleFilterStyle(){var e=k.filterStore;return(e.visible?d:(0,_vue.nextTick))()}};return Object.assign(Object.assign({},{openFilter(e){let n=(0,_util.handleFieldOrColumn)(s,e);if(n&&n.filters){let e=o.elemStore,{fixed:r,filters:i}=n;return s.scrollToColumn(n).then(()=>{var t=(0,_util.getRefElem)(e[`${r||"main"}-header-wrapper`]||e["main-header-wrapper"]);if(t){var l=t.querySelector(`.vxe-header--column.${n.id} .vxe-cell--filter`);if(l)(0,_dom.triggerEvent)(l,"click");else{l=t.querySelector(".vxe-header--column."+n.id);if(l){let e=null;i&&(e=i[0]);t={$table:s,$grid:a,$gantt:u,$rowIndex:-1,column:n,columnIndex:s.getColumnIndex(n),$columnIndex:s.getVMColumnIndex(n),_columnIndex:s.getVTColumnIndex(n),firstFilterOption:e,fixed:r,source:sourceType,type:"header"};s.handleOpenFilterColumn(new Event("click"),null,l,n,t)}}}})}return(0,_vue.nextTick)()},setFilter(e,t,l){var r=k.filterStore,e=(0,_util.handleFieldOrColumn)(s,e);if(e&&e.filters){if(e.filters=(0,_util.toFilters)(t||[],e.id),l)return s.handleColumnConfirmFilter(e,null);r.visible&&s.handleFilterOptions(e)}return(0,_vue.nextTick)()},clearFilter(e){var t=k.filterStore,l=o.tableFullColumn,r=E.value;let i;return e?(i=(0,_util.handleFieldOrColumn)(s,e))&&s.handleClearFilter(i):l.forEach(s.handleClearFilter),e&&i===t.column||Object.assign(t,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),r.remote?(0,_vue.nextTick)():s.updateData()},saveFilter(e){return e&&(e=(0,_util.handleFieldOrColumn)(s,e),s.handleFilterConfirmFilter(null,e)),(0,_vue.nextTick)()},saveFilterByEvent(e,t){return t&&(t=(0,_util.handleFieldOrColumn)(s,t),s.handleFilterConfirmFilter(e,t)),(0,_vue.nextTick)()},resetFilter(e){return e&&(e=(0,_util.handleFieldOrColumn)(s,e),s.handleFilterResetFilter(null,e)),(0,_vue.nextTick)()},resetFilterByEvent(e,t){return t&&(t=(0,_util.handleFieldOrColumn)(s,t),s.handleFilterResetFilter(e,t)),(0,_vue.nextTick)()},saveFilterPanel(){var e=k.filterStore;return s.handleFilterConfirmFilter(null,e.column||null),(0,_vue.nextTick)()},saveFilterPanelByEvent(e){var t=k.filterStore;return s.handleFilterConfirmFilter(e,t.column||null),(0,_vue.nextTick)()},resetFilterPanel(){var e=k.filterStore;return s.handleFilterResetFilter(null,e.column||null),(0,_vue.nextTick)()},resetFilterPanelByEvent(e){var t=k.filterStore;return s.handleFilterResetFilter(e,t.column||null),(0,_vue.nextTick)()},getCheckedFilters(){var e=o.tableFullColumn;let n=[];return e.forEach(e=>{var{field:t,filters:l}=e,l=l||[];let r=[],i=[];l&&(l.forEach(e=>{e.checked&&(r.push(e.value),i.push(e.data))}),r.length)&&n.push({column:e,field:t,property:t,values:r,datas:i})}),n},updateFilterOptionStatus(e,t){return e._checked=t,e.checked=t,(0,_vue.nextTick)()}}),e)},setupGrid(e){return e.extendTableMethods(tableFilterMethodKeys)},setupGantt(e){return e.extendTableMethods(tableFilterMethodKeys)}});
+var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_util=require("../../src/util"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,hooks}=_ui.VxeUI,tableFilterMethodKeys=["openFilter","setFilter","clearFilter","saveFilter","saveFilterByEvent","saveFilterPanel","saveFilterPanelByEvent","resetFilter","resetFilterByEvent","resetFilterPanel","resetFilterPanelByEvent","getCheckedFilters","updateFilterOptionStatus"],sourceType="table";hooks.add("tableFilterModule",{setupTable(s){let a=s.xeGrid,u=s.xeGantt,x=a||u,{props:h,reactData:k,internalData:o}=s,{refElem:r,refTableFilter:i}=s.getRefMaps(),{computeFilterOpts:E,computeMouseOpts:f,computeRendererOpts:n}=s.getComputeMaps(),d=()=>{let d=k.filterStore,c=o.elemStore,{column:s,targetEl:h}=d;if(!s)return(0,_vue.nextTick)();let f=r.value;var e=E.value,t=n.value;let{maxHeight:m,transfer:v,zIndex:F}=e;e=s?s.filterRender:null;let p=e&&(0,_utils.isEnableConf)(e)&&e.name?t[e.name]||renderer.get(e.name):null;if(!(0,_util.getRefElem)(c["main-header-scroll"]))return(0,_vue.nextTick)();t=i.value;let _=t?t.getRefMaps().refElem.value:null;if(!_)return(0,_vue.nextTick)();let C=_.querySelector(".vxe-table--filter-header"),g=_.querySelector(".vxe-table--filter-footer"),l=()=>{let e=h;if(h||(r=(r=(0,_util.getRefElem)(c[`${s.fixed||"main"}-header-wrapper`]||c["main-header-wrapper"]))?r.querySelector(".vxe-header--column."+s.id):null)&&(e=r),!e)return(0,_vue.nextTick)();var t,l,r=e.getBoundingClientRect(),i=f.getBoundingClientRect();let n=0,a=0,u=0,o={};o=v?(0,_dom.updatePanelPlacement)(e,_,{defaultPlacement:"bottom",appendTo:"",isMinWidth:!1,teleportTo:v}).style:(t=_.offsetWidth,l=h?t/2:(t-s.renderWidth)/2,n=r.left-i.left-l,a=r.top-i.top+e.clientHeight,u=Math.max(40,f.clientHeight-a-(C?C.clientHeight:0)-(g?g.clientHeight:0)-14),n<1?n=1:n>f.clientWidth-t-1&&(n=f.clientWidth-t-1),x&&(l=x.getRefMaps().refElem.value)&&(r=l.getBoundingClientRect(),a+=i.top-r.top),{top:(0,_dom.toCssUnit)(a),left:(0,_dom.toCssUnit)(n)}),F&&(o.zIndex=F),d.style=o,p&&!p.tableFilterAutoHeight?u=0:m&&(u=m>u?u:m),d.maxHeight=u};return l(),(0,_vue.nextTick)().then(()=>{l()})};var e={checkFilterOptions(){var e=k.filterStore,t=e.column;t&&(t=t.filters||[],e.isAllSelected=t.every(e=>e._checked),e.isIndeterminate=!e.isAllSelected&&t.some(e=>e._checked))},handleOpenFilterColumn(e,t,l,r,i){var{initStore:n,filterStore:a}=k;a.column===r&&a.visible?a.visible=!1:(s.handleFilterOptions(r),o._currFilterParams=i,a.targetEl=t,a.style=null,a.visible=!0,n.filter=!0),(0,_vue.nextTick)().then(()=>{d()}),s.dispatchEvent("filter-visible",{column:r,field:r.field,property:r.field,filterList:s.getCheckedFilters(),visible:a.visible},e)},triggerFilterEvent(e,t,l){var r=o.elemStore,i=t.fixed,i=(0,_util.getRefElem)(r[`${i||"main"}-header-wrapper`]||r["main-header-wrapper"]),r=e.currentTarget,i=i?i.querySelector(".vxe-header--column."+t.id):null;s.handleOpenFilterColumn(e,r,i||r,t,l)},handleClearFilter(e){if(e){var{filters:l,filterRender:r}=e;if(l){var i=n.value,i=(0,_utils.isEnableConf)(r)&&r.name?i[r.name]||renderer.get(r.name):null;let t=e.filterResetMethod||(i?i.tableFilterResetMethod||i.filterResetMethod:null);l.forEach(e=>{e._checked=!1,e.checked=!1,t||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),t&&t({options:l,column:e,$table:s})}}},handleColumnConfirmFilter(e,t){var l=h.mouseConfig;let{scrollXLoad:r,scrollYLoad:i}=k;var n=E.value,a=f.value,{field:u,filters:o}=e;let d=[],c=[];(o||[]).forEach(e=>{e.checked&&(d.push(e.value),c.push(e.data))});o=s.getCheckedFilters(),e={$table:s,$event:t,column:e,field:u,property:u,values:d,datas:c,filters:o,filterList:o};return n.remote||(s.handleTableData(!0),s.checkSelectionStatus()),(0,_utils.hasEnableConf)(l,a)&&a.area&&s.handleFilterEvent&&s.handleFilterEvent(t,e),t&&s.dispatchEvent("filter-change",e,t),s.closeFilter(),s.updateFooter().then(()=>{var{scrollXLoad:e,scrollYLoad:t}=k;if(r||e||i||t)return(r||e)&&s.updateScrollXSpace(),(i||t)&&s.updateScrollYSpace(),s.refreshScroll()}).then(()=>(s.updateCellAreas(),s.recalculate(!0))).then(()=>{setTimeout(()=>s.recalculate(),50)})},confirmFilterEvent(e,t){t&&s.handleColumnConfirmFilter(t,e)},handleFilterChangeRadioOption(e,t,l){var r=k.filterStore,r=r.column;r&&((r.filters||[]).forEach(e=>{e._checked=!1}),l._checked=t,s.checkFilterOptions(),s.handleFilterConfirmFilter(e,r))},handleFilterChangeMultipleOption(e,t,l){l._checked=t,s.checkFilterOptions()},handleFilterChangeOption(e,t,l){var r=k.filterStore,i=o.fullColumnIdData;let n=r.column;n||(i=i[l._colId])&&(n=i.column,r.column=n),n&&(n.filterMultiple?s.handleFilterChangeMultipleOption(e,t,l):s.handleFilterChangeRadioOption(e,t,l))},handleFilterConfirmFilter(e,t){t&&((t.filters||[]).forEach(e=>{e.checked=e._checked}),s.confirmFilterEvent(e,t))},handleFilterResetFilter(e,t){t&&(s.handleClearFilter(t),s.confirmFilterEvent(e,t),e)&&s.dispatchEvent("clear-filter",{filterList:[]},e)},handleFilterStyle(){var e=k.filterStore;return(e.visible?d:(0,_vue.nextTick))()}};return Object.assign(Object.assign({},{openFilter(e){let n=(0,_util.handleFieldOrColumn)(s,e);if(n&&n.filters){let e=o.elemStore,{fixed:r,filters:i}=n;return s.scrollToColumn(n).then(()=>{var t=(0,_util.getRefElem)(e[`${r||"main"}-header-wrapper`]||e["main-header-wrapper"]);if(t){var l=t.querySelector(`.vxe-header--column.${n.id} .vxe-cell--filter`);if(l)(0,_dom.triggerEvent)(l,"click");else{l=t.querySelector(".vxe-header--column."+n.id);if(l){let e=null;i&&(e=i[0]);t={$table:s,$grid:a,$gantt:u,$rowIndex:-1,column:n,columnIndex:s.getColumnIndex(n),$columnIndex:s.getVMColumnIndex(n),_columnIndex:s.getVTColumnIndex(n),firstFilterOption:e,fixed:r,source:sourceType,type:"header"};s.handleOpenFilterColumn(new Event("click"),null,l,n,t)}}}})}return(0,_vue.nextTick)()},setFilter(e,t,l){var r=k.filterStore,e=(0,_util.handleFieldOrColumn)(s,e);if(e&&e.filters){if(e.filters=(0,_util.toFilters)(t||[],e.id),l)return s.handleColumnConfirmFilter(e,null);r.visible&&s.handleFilterOptions(e)}return(0,_vue.nextTick)()},clearFilter(e){var t=k.filterStore,l=o.tableFullColumn,r=E.value;let i;return e?(i=(0,_util.handleFieldOrColumn)(s,e))&&s.handleClearFilter(i):l.forEach(s.handleClearFilter),e&&i===t.column||Object.assign(t,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),r.remote?(0,_vue.nextTick)():s.updateData()},saveFilter(e){return e&&(e=(0,_util.handleFieldOrColumn)(s,e),s.handleFilterConfirmFilter(null,e)),(0,_vue.nextTick)()},saveFilterByEvent(e,t){return t&&(t=(0,_util.handleFieldOrColumn)(s,t),s.handleFilterConfirmFilter(e,t)),(0,_vue.nextTick)()},resetFilter(e){return e&&(e=(0,_util.handleFieldOrColumn)(s,e),s.handleFilterResetFilter(null,e)),(0,_vue.nextTick)()},resetFilterByEvent(e,t){return t&&(t=(0,_util.handleFieldOrColumn)(s,t),s.handleFilterResetFilter(e,t)),(0,_vue.nextTick)()},saveFilterPanel(){var e=k.filterStore;return s.handleFilterConfirmFilter(null,e.column||null),(0,_vue.nextTick)()},saveFilterPanelByEvent(e){var t=k.filterStore;return s.handleFilterConfirmFilter(e,t.column||null),(0,_vue.nextTick)()},resetFilterPanel(){var e=k.filterStore;return s.handleFilterResetFilter(null,e.column||null),(0,_vue.nextTick)()},resetFilterPanelByEvent(e){var t=k.filterStore;return s.handleFilterResetFilter(e,t.column||null),(0,_vue.nextTick)()},getCheckedFilters(){var e=o.tableFullColumn;let n=[];return e.forEach(e=>{var{field:t,filters:l}=e,l=l||[];let r=[],i=[];l&&(l.forEach(e=>{e.checked&&(r.push(e.value),i.push(e.data))}),r.length)&&n.push({column:e,field:t,property:t,values:r,datas:i})}),n},updateFilterOptionStatus(e,t){return e._checked=t,e.checked=t,(0,_vue.nextTick)()}}),e)},setupGrid(e){return e.extendTableMethods(tableFilterMethodKeys)},setupGantt(e){return e.extendTableMethods(tableFilterMethodKeys)}});

package/lib/table/src/table.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _vue=require("vue");var _comp=require("../../ui/src/comp");var _xeUtils=_interopRequireDefault(require("xe-utils"));var _dom=require("../../ui/src/dom");var _utils=require("../../ui/src/utils");var _ui=require("../../ui");var _util=require("./util");var _vn=require("../../ui/src/vn");var _anime=require("../../ui/src/anime");var _scrollbar=require("./scrollbar");var _log=require("../../ui/src/log");var _store=require("./store");var _cell=_interopRequireDefault(require("./cell"));var _body=_interopRequireDefault(require("./body"));var _header=_interopRequireDefault(require("./header"));var _footer=_interopRequireDefault(require("./footer"));var _props=require("./props");var _emits=require("./emits");var _panel=_interopRequireDefault(require("../module/custom/panel"));var _panel2=_interopRequireDefault(require("../module/filter/panel"));var _importPanel=_interopRequireDefault(require("../module/export/import-panel"));var _exportPanel=_interopRequireDefault(require("../module/export/export-panel"));var _panel3=_interopRequireDefault(require("../module/menu/panel"));require("../module/filter/hook");require("../module/menu/hook");require("../module/edit/hook");require("../module/export/hook");require("../module/keyboard/hook");require("../module/validator/hook");require("../module/custom/hook");require("../render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}const{warnLog,errLog}=(0,_log.createComponentLog)('table');const{getConfig,getIcon,getI18n,renderer,formats,createEvent,globalResize,interceptor,hooks,domUtils,globalEvents,GLOBAL_EVENT_KEYS,useFns,renderEmptyElement}=_ui.VxeUI;const supportMaxRow=5e6;const customStorageKey='VXE_CUSTOM_STORE';const maxYHeight=5e6;const maxXWidth=5e6;const sourceType='table';let crossTableDragRowObj=null;var _default=exports.default=(0,_comp.defineVxeComponent)({name:'VxeTable',props:_props.tableProps,emits:_emits.tableEmits,setup(props,context){const{slots,emit}=context;const xID=_xeUtils.default.uniqueId();const browseObj=_xeUtils.default.browse();const scrollDefaultConf=Object.assign({},getConfig().scrollbar);// 使用已安装的组件，如果未安装则不渲染
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _vue=require("vue");var _comp=require("../../ui/src/comp");var _xeUtils=_interopRequireDefault(require("xe-utils"));var _dom=require("../../ui/src/dom");var _utils=require("../../ui/src/utils");var _ui=require("../../ui");var _util=require("./util");var _vn=require("../../ui/src/vn");var _anime=require("../../ui/src/anime");var _log=require("../../ui/src/log");var _store=require("./store");var _cell=_interopRequireDefault(require("./cell"));var _body=_interopRequireDefault(require("./body"));var _header=_interopRequireDefault(require("./header"));var _footer=_interopRequireDefault(require("./footer"));var _props=require("./props");var _emits=require("./emits");var _panel=_interopRequireDefault(require("../module/custom/panel"));var _panel2=_interopRequireDefault(require("../module/filter/panel"));var _importPanel=_interopRequireDefault(require("../module/export/import-panel"));var _exportPanel=_interopRequireDefault(require("../module/export/export-panel"));var _panel3=_interopRequireDefault(require("../module/menu/panel"));require("../module/filter/hook");require("../module/menu/hook");require("../module/edit/hook");require("../module/export/hook");require("../module/keyboard/hook");require("../module/validator/hook");require("../module/custom/hook");require("../render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}const{warnLog,errLog}=(0,_log.createComponentLog)('table');const{getConfig,getIcon,getI18n,renderer,formats,scrollbarUtils,createEvent,globalResize,interceptor,hooks,domUtils,globalEvents,GLOBAL_EVENT_KEYS,useFns,renderEmptyElement}=_ui.VxeUI;const{getThumbOffsetSize,getThumbSize,getScrollFromClick,getScrollFromDrag}=scrollbarUtils||{};const supportMaxRow=5e6;const customStorageKey='VXE_CUSTOM_STORE';const maxYHeight=5e6;const maxXWidth=5e6;const sourceType='table';let crossTableDragRowObj=null;var _default=exports.default=(0,_comp.defineVxeComponent)({name:'VxeTable',props:_props.tableProps,emits:_emits.tableEmits,setup(props,context){const{slots,emit}=context;const xID=_xeUtils.default.uniqueId();const browseObj=_xeUtils.default.browse();const scrollDefaultConf=Object.assign({},getConfig().scrollbar);// 使用已安装的组件，如果未安装则不渲染
 const VxeUILoadingComponent=_ui.VxeUI.getComponent('VxeLoading');const VxeUITooltipComponent=_ui.VxeUI.getComponent('VxeTooltip');const $xeModal=(0,_vue.inject)('$xeModal',null);const $xeTabs=(0,_vue.inject)('$xeTabs',null);const $xeParentTable=(0,_vue.inject)('$xeTable',null);const $xeSplitter=(0,_vue.inject)('$xeSplitter',null);const $xeGrid=(0,_vue.inject)('$xeGrid',null);const $xeGantt=(0,_vue.inject)('$xeGantt',null);const $xeGGWrapper=$xeGrid||$xeGantt;const{computeSize}=useFns.useSize(props);const crossTableDragRowInfo=(0,_store.getCrossTableDragRowInfo)();const reactData=(0,_vue.reactive)((0,_util.createReactData)());const internalData=(0,_util.createInternalData)();let tableMethods={};let tablePrivateMethods={};const refElem=(0,_vue.ref)();const refVarElem=(0,_vue.ref)();const refTooltip=(0,_vue.ref)();const refCommTooltip=(0,_vue.ref)();const refValidTooltip=(0,_vue.ref)();const refTableMenu=(0,_vue.ref)();const refTableFilter=(0,_vue.ref)();const refTableCustom=(0,_vue.ref)();const refTableViewportElem=(0,_vue.ref)();const refTableHeader=(0,_vue.ref)();const refTableBody=(0,_vue.ref)();const refTableFooter=(0,_vue.ref)();const refTableLeftHeader=(0,_vue.ref)();const refTableLeftBody=(0,_vue.ref)();const refTableLeftFooter=(0,_vue.ref)();const refTableRightHeader=(0,_vue.ref)();const refTableRightBody=(0,_vue.ref)();const refTableRightFooter=(0,_vue.ref)();const refTeleportWrapper=(0,_vue.ref)();const refPopupWrapperElem=(0,_vue.ref)();const refCustomContainerElem=(0,_vue.ref)();const refLeftContainer=(0,_vue.ref)();const refRightContainer=(0,_vue.ref)();const refColResizeBar=(0,_vue.ref)();const refRowResizeBar=(0,_vue.ref)();const refEmptyPlaceholder=(0,_vue.ref)();const refDragTipElem=(0,_vue.ref)();const refDragRowLineElem=(0,_vue.ref)();const refDragColLineElem=(0,_vue.ref)();const refRowExpandElem=(0,_vue.ref)();const refRowExpandYSpaceElem=(0,_vue.ref)();const refScrollXVirtualElem=(0,_vue.ref)();const refScrollYVirtualElem=(0,_vue.ref)();const refScrollXHandleElem=(0,_vue.ref)();const refScrollXLeftCornerElem=(0,_vue.ref)();const refScrollXRightCornerElem=(0,_vue.ref)();const refScrollYHandleElem=(0,_vue.ref)();const refScrollYTopCornerElem=(0,_vue.ref)();const refScrollXWrapperElem=(0,_vue.ref)();const refScrollYWrapperElem=(0,_vue.ref)();const refScrollYBottomCornerElem=(0,_vue.ref)();const refScrollXSpaceElem=(0,_vue.ref)();const refScrollYSpaceElem=(0,_vue.ref)();const refTrackXElem=(0,_vue.ref)();const refTrackYElem=(0,_vue.ref)();const refThumbXElem=(0,_vue.ref)();const refThumbYElem=(0,_vue.ref)();let $xeToolbar;const computeTableId=(0,_vue.computed)(()=>{const{id}=props;if(id){if(_xeUtils.default.isFunction(id)){return`${id({$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt})||''}`;}return`${id}`;}return'';});const computeRowField=(0,_vue.computed)(()=>{const rowOpts=computeRowOpts.value;return`${props.rowId||rowOpts.keyField||'_X_ROW_KEY'}`;});const computeValidOpts=(0,_vue.computed)(()=>{const opts=Object.assign({},getConfig().table.validConfig,props.validConfig);// 兼容老版本
 if(_xeUtils.default.isBoolean(opts.showMessage)){opts.showErrorMessage=opts.showMessage;}return opts;});/**
          * @deprecated
@@ -8,7 +8,7 @@ if(_xeUtils.default.isBoolean(opts.showMessage)){opts.showErrorMessage=opts.show
 return Object.assign({},globalScrollX,scrollX);}if(globalVirtualXConfig){return Object.assign({},globalVirtualXConfig,virtualXConfig);}// 已废弃，保留兼容
 return Object.assign({},globalScrollX,scrollX);});const computeVirtualYOpts=(0,_vue.computed)(()=>{const{virtualYConfig,scrollY}=props;const globalVirtualYConfig=getConfig().table.virtualYConfig;const globalScrollY=getConfig().table.scrollY;if(virtualYConfig){return Object.assign({},globalVirtualYConfig,virtualYConfig);}if(scrollY){// 已废弃，保留兼容
 return Object.assign({},globalScrollY,scrollY);}if(globalVirtualYConfig){return Object.assign({},globalVirtualYConfig,virtualYConfig);}// 已废弃，保留兼容
-return Object.assign({},globalScrollY,scrollY);});const computeScrollbarOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.scrollbarConfig,props.scrollbarConfig);});const computeScrollbarXOpts=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;return scrollbarOpts.x?Object.assign({},scrollbarOpts.x,scrollbarOpts.xConfig):scrollbarOpts.xConfig||{};});const computeScrollbarYOpts=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;return scrollbarOpts.y?Object.assign({},scrollbarOpts.y,scrollbarOpts.yConfig):scrollbarOpts.yConfig||{};});const computeScrollXHeight=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return _xeUtils.default.toNumber((0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarXOpts.height,scrollbarOpts.height),scrollDefaultConf.height));});const computeScrollYWidth=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return _xeUtils.default.toNumber((0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarYOpts.width,scrollbarOpts.width),scrollDefaultConf.width));});const computeScrollXVisible=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return(0,_utils.getDefaultConfig)(scrollbarXOpts.visible,scrollbarOpts.visible);});const computeScrollYVisible=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return(0,_utils.getDefaultConfig)(scrollbarYOpts.visible,scrollbarOpts.visible);});const computeScrollXAutoHide=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarXOpts.autoHide,scrollbarOpts.autoHide),scrollDefaultConf.autoHide);});const computeScrollYAutoHide=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarYOpts.autoHide,scrollbarOpts.autoHide),scrollDefaultConf.autoHide);});const computeScrollbarXToTop=(0,_vue.computed)(()=>{const scrollbarXOpts=computeScrollbarXOpts.value;return scrollbarXOpts.position==='top';});const computeScrollbarYToLeft=(0,_vue.computed)(()=>{const scrollbarYOpts=computeScrollbarYOpts.value;return scrollbarYOpts.position==='left';});const computeScrollbarWrapperClss=(0,_vue.computed)(()=>{const{yThumbHeight,xThumbWidth}=reactData;const scrollbarXToTop=computeScrollbarXToTop.value;const scrollbarYToLeft=computeScrollbarYToLeft.value;const scrollXVisible=computeScrollXVisible.value;const scrollYVisible=computeScrollYVisible.value;return domUtils.buildClass(['vxe-scrollbar is--virtual',`ov-x--${scrollXVisible===false?'hidden':'visible'}`,`ov-y--${scrollYVisible===false?'hidden':'visible'}`,`sx-pos--${scrollbarXToTop?'top':'bottom'}`,`sy-pos--${scrollbarYToLeft?'left':'right'}`],{'overflow-y':yThumbHeight,'overflow-x':xThumbWidth});});const computeScrollYThreshold=(0,_vue.computed)(()=>{const virtualYOpts=computeVirtualYOpts.value;const{threshold}=virtualYOpts;if(threshold){return _xeUtils.default.toNumber(threshold);}return 0;});const computeRowHeightMaps=(0,_vue.computed)(()=>{return reactData.rowHeightStore;});const computeDefaultRowHeight=(0,_vue.computed)(()=>{const vSize=computeSize.value;const rowHeightMaps=computeRowHeightMaps.value;return rowHeightMaps[vSize||'default']||18;});const computeColumnOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.columnConfig,props.columnConfig);});const computeCurrentColumnOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.currentColumnConfig,props.currentColumnConfig);});const computeCellOpts=(0,_vue.computed)(()=>{const cellOpts=Object.assign({},getConfig().table.cellConfig,props.cellConfig);if(cellOpts.height){cellOpts.height=_xeUtils.default.toNumber(cellOpts.height);}return cellOpts;});const computeCellHeitht=(0,_vue.computed)(()=>{const cellOpts=computeCellOpts.value;return cellOpts.height;});const computeHeaderCellOpts=(0,_vue.computed)(()=>{const headerCellOpts=Object.assign({},getConfig().table.headerCellConfig,props.headerCellConfig);const defaultRowHeight=computeDefaultRowHeight.value;const cellOpts=computeCellOpts.value;let headCellHeight=_xeUtils.default.toNumber((0,_util.getCalcHeight)(headerCellOpts.height||cellOpts.height));if($xeGantt){const{computeTaskViewScales}=$xeGantt.getComputeMaps();const taskViewScales=computeTaskViewScales.value;if(taskViewScales&&taskViewScales.length>2){const ganttMinHeadCellHeight=defaultRowHeight/2*taskViewScales.length;headCellHeight=Math.max(ganttMinHeadCellHeight,headCellHeight);}}headerCellOpts.height=headCellHeight;return headerCellOpts;});const computeFooterCellOpts=(0,_vue.computed)(()=>{const footerCellOpts=Object.assign({},getConfig().table.footerCellConfig,props.footerCellConfig);const cellOpts=computeCellOpts.value;footerCellOpts.height=_xeUtils.default.toNumber((0,_util.getCalcHeight)(footerCellOpts.height||cellOpts.height));return footerCellOpts;});const computeRowOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.rowConfig,props.rowConfig);});const computeAggregateOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.aggregateConfig||getConfig().table.rowGroupConfig,props.aggregateConfig||props.rowGroupConfig);});const computeRowGroupOpts=(0,_vue.computed)(()=>{return computeAggregateOpts.value;});const computeAggregateMode=(0,_vue.computed)(()=>{const aggregateOpts=computeAggregateOpts.value;return aggregateOpts.mode;});const computeAggregateAccuracyOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.aggregateAccuracyConfig,props.aggregateAccuracyConfig);});const computeCurrentRowOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.currentRowConfig,props.currentRowConfig);});const computeRowDragOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.rowDragConfig,props.rowDragConfig);});const computeColumnDragOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.columnDragConfig,props.columnDragConfig);});const computeResizeOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.resizeConfig,props.resizeConfig);});const computeResizableOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.resizableConfig,props.resizableConfig);});const computeSeqOpts=(0,_vue.computed)(()=>{return Object.assign({startIndex:0},getConfig().table.seqConfig,props.seqConfig);});const computeRadioOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.radioConfig,props.radioConfig);});const computeCheckboxOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.checkboxConfig,props.checkboxConfig);});const computeTooltipOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().tooltip,getConfig().table.tooltipConfig,props.tooltipConfig);});const computeHeaderTooltipOpts=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},getConfig().tooltip,{enterable:tooltipOpts.enterable,defaultPlacement:tooltipOpts.defaultPlacement},getConfig().table.headerTooltipConfig,props.headerTooltipConfig);});const computeFooterTooltipOpts=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},getConfig().tooltip,{enterable:tooltipOpts.enterable,defaultPlacement:tooltipOpts.defaultPlacement},getConfig().table.footerTooltipConfig,props.footerTooltipConfig);});const computeTableTipConfig=(0,_vue.computed)(()=>{const{tooltipStore}=reactData;const tooltipOpts=computeTooltipOpts.value;return Object.assign({},tooltipOpts,tooltipStore.currOpts);});const computeValidTipConfig=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},tooltipOpts);});const computeEditOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.editConfig,props.editConfig);});const computeEditDirtyOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.editDirtyConfig,props.editDirtyConfig);});const computeSortOpts=(0,_vue.computed)(()=>{return Object.assign({orders:['asc','desc',null]},getConfig().table.sortConfig,props.sortConfig);});const computeFilterOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.filterConfig,props.filterConfig);});const computeFloatingFilterOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.floatingFilterConfig,props.floatingFilterConfig);});const computeMouseOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.mouseConfig,props.mouseConfig);});const computeAreaOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.areaConfig,props.areaConfig);});const computeKeyboardOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.keyboardConfig,props.keyboardConfig);});const computeClipOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.clipConfig,props.clipConfig);});const computeUndoRedoHistoryOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.undoRedoHistoryConfig,props.undoRedoHistoryConfig);});const computeFNROpts=(0,_vue.computed)(()=>{const fnrOpts=computeFnrOpts.value;return fnrOpts;});const computeFnrOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.fnrConfig,props.fnrConfig);});const computeMenuOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.menuConfig,props.menuConfig);});const computeLeftFixedWidth=(0,_vue.computed)(()=>{const{columnStore}=reactData;const{leftList}=columnStore;let leftWidth=0;for(let i=0;i<leftList.length;i++){const column=leftList[i];leftWidth+=column.renderWidth;}return leftWidth;});const computeRightFixedWidth=(0,_vue.computed)(()=>{const{columnStore}=reactData;const{rightList}=columnStore;let leftWidth=0;for(let i=0;i<rightList.length;i++){const column=rightList[i];leftWidth+=column.renderWidth;}return leftWidth;});// 合并列是否超越冻结列
+return Object.assign({},globalScrollY,scrollY);});const computeScrollbarOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.scrollbarConfig,props.scrollbarConfig);});const computeScrollbarXOpts=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;return scrollbarOpts.x?Object.assign({},scrollbarOpts.x,scrollbarOpts.xConfig):scrollbarOpts.xConfig||{};});const computeScrollbarYOpts=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;return scrollbarOpts.y?Object.assign({},scrollbarOpts.y,scrollbarOpts.yConfig):scrollbarOpts.yConfig||{};});const computeScrollXHeight=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return _xeUtils.default.toNumber((0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarXOpts.height,scrollbarOpts.height),scrollDefaultConf.height));});const computeScrollYWidth=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return _xeUtils.default.toNumber((0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarYOpts.width,scrollbarOpts.width),scrollDefaultConf.width));});const computeScrollXVisible=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return(0,_utils.getDefaultConfig)(scrollbarXOpts.visible,scrollbarOpts.visible);});const computeScrollYVisible=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return(0,_utils.getDefaultConfig)(scrollbarYOpts.visible,scrollbarOpts.visible);});const computeScrollXAutoHide=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarXOpts=computeScrollbarXOpts.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarXOpts.autoHide,scrollbarOpts.autoHide),scrollDefaultConf.autoHide);});const computeScrollYAutoHide=(0,_vue.computed)(()=>{const scrollbarOpts=computeScrollbarOpts.value;const scrollbarYOpts=computeScrollbarYOpts.value;return(0,_utils.getDefaultConfig)((0,_utils.getDefaultConfig)(scrollbarYOpts.autoHide,scrollbarOpts.autoHide),scrollDefaultConf.autoHide);});const computeScrollbarXToTop=(0,_vue.computed)(()=>{const scrollbarXOpts=computeScrollbarXOpts.value;return scrollbarXOpts.position==='top';});const computeScrollbarYToLeft=(0,_vue.computed)(()=>{const scrollbarYOpts=computeScrollbarYOpts.value;return scrollbarYOpts.position==='left';});const computeScrollbarWrapperClss=(0,_vue.computed)(()=>{const{yThumbHeight,xThumbWidth}=reactData;const scrollbarXToTop=computeScrollbarXToTop.value;const scrollbarYToLeft=computeScrollbarYToLeft.value;const scrollXVisible=computeScrollXVisible.value;const scrollYVisible=computeScrollYVisible.value;return domUtils.buildClass(['vxe-scrollbar is--virtual',`ov-x--${scrollXVisible===false?'hidden':'visible'}`,`ov-y--${scrollYVisible===false?'hidden':'visible'}`,`sx-pos--${scrollbarXToTop?'top':'bottom'}`,`sy-pos--${scrollbarYToLeft?'left':'right'}`],{'overflow-y':yThumbHeight,'overflow-x':xThumbWidth});});const computeScrollYThreshold=(0,_vue.computed)(()=>{const virtualYOpts=computeVirtualYOpts.value;const{threshold}=virtualYOpts;if(threshold){return _xeUtils.default.toNumber(threshold);}return 0;});const computeRowHeightMaps=(0,_vue.computed)(()=>{return reactData.rowHeightStore;});const computeDefaultRowHeight=(0,_vue.computed)(()=>{const vSize=computeSize.value;const rowHeightMaps=computeRowHeightMaps.value;return rowHeightMaps[vSize||'default']||18;});const computeColumnOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.columnConfig,props.columnConfig);});const computeCurrentColumnOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.currentColumnConfig,props.currentColumnConfig);});const computeCellOpts=(0,_vue.computed)(()=>{const cellOpts=Object.assign({},getConfig().table.cellConfig,props.cellConfig);if(cellOpts.height){cellOpts.height=_xeUtils.default.toNumber(cellOpts.height);}return cellOpts;});const computeCellHeitht=(0,_vue.computed)(()=>{const cellOpts=computeCellOpts.value;return cellOpts.height;});const computeHeaderCellOpts=(0,_vue.computed)(()=>{const headerCellOpts=Object.assign({},getConfig().table.headerCellConfig,props.headerCellConfig);const defaultRowHeight=computeDefaultRowHeight.value;const cellOpts=computeCellOpts.value;let headCellHeight=_xeUtils.default.toNumber((0,_util.getCalcHeight)(headerCellOpts.height||cellOpts.height));if($xeGantt){const{computeTaskViewScales}=$xeGantt.getComputeMaps();const taskViewScales=computeTaskViewScales.value;if(taskViewScales&&taskViewScales.length>2){const ganttMinHeadCellHeight=defaultRowHeight/2*taskViewScales.length;headCellHeight=Math.max(ganttMinHeadCellHeight,headCellHeight);}}headerCellOpts.height=headCellHeight;return headerCellOpts;});const computeFooterCellOpts=(0,_vue.computed)(()=>{const footerCellOpts=Object.assign({},getConfig().table.footerCellConfig,props.footerCellConfig);const cellOpts=computeCellOpts.value;footerCellOpts.height=_xeUtils.default.toNumber((0,_util.getCalcHeight)(footerCellOpts.height||cellOpts.height));return footerCellOpts;});const computeRowOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.rowConfig,props.rowConfig);});const computeAggregateOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.aggregateConfig||getConfig().table.rowGroupConfig,props.aggregateConfig||props.rowGroupConfig);});const computeRowGroupOpts=(0,_vue.computed)(()=>{return computeAggregateOpts.value;});const computeAggregateMode=(0,_vue.computed)(()=>{const aggregateOpts=computeAggregateOpts.value;return aggregateOpts.mode;});const computeAggregateAccuracyOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.aggregateAccuracyConfig,props.aggregateAccuracyConfig);});const computeCurrentRowOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.currentRowConfig,props.currentRowConfig);});const computeRowDragOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.rowDragConfig,props.rowDragConfig);});const computeColumnDragOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.columnDragConfig,props.columnDragConfig);});const computeResizeOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.resizeConfig,props.resizeConfig);});const computeResizableOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.resizableConfig,props.resizableConfig);});const computeSeqOpts=(0,_vue.computed)(()=>{return Object.assign({startIndex:0},getConfig().table.seqConfig,props.seqConfig);});const computeRadioOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.radioConfig,props.radioConfig);});const computeCheckboxOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.checkboxConfig,props.checkboxConfig);});const computeTooltipOpts=(0,_vue.computed)(()=>{const{useScrollbar}=props;return Object.assign({useScrollbar},getConfig().tooltip,getConfig().table.tooltipConfig,props.tooltipConfig);});const computeHeaderTooltipOpts=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},getConfig().tooltip,{enterable:tooltipOpts.enterable,defaultPlacement:tooltipOpts.defaultPlacement},getConfig().table.headerTooltipConfig,props.headerTooltipConfig);});const computeFooterTooltipOpts=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},getConfig().tooltip,{enterable:tooltipOpts.enterable,defaultPlacement:tooltipOpts.defaultPlacement},getConfig().table.footerTooltipConfig,props.footerTooltipConfig);});const computeTableTipConfig=(0,_vue.computed)(()=>{const{tooltipStore}=reactData;const tooltipOpts=computeTooltipOpts.value;return Object.assign({},tooltipOpts,tooltipStore.currOpts);});const computeValidTipConfig=(0,_vue.computed)(()=>{const tooltipOpts=computeTooltipOpts.value;return Object.assign({},tooltipOpts);});const computeEditOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.editConfig,props.editConfig);});const computeEditDirtyOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.editDirtyConfig,props.editDirtyConfig);});const computeSortOpts=(0,_vue.computed)(()=>{return Object.assign({orders:['asc','desc',null]},getConfig().table.sortConfig,props.sortConfig);});const computeFilterOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.filterConfig,props.filterConfig);});const computeFloatingFilterOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.floatingFilterConfig,props.floatingFilterConfig);});const computeMouseOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.mouseConfig,props.mouseConfig);});const computeAreaOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.areaConfig,props.areaConfig);});const computeKeyboardOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.keyboardConfig,props.keyboardConfig);});const computeClipOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.clipConfig,props.clipConfig);});const computeUndoRedoHistoryOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.undoRedoHistoryConfig,props.undoRedoHistoryConfig);});const computeFNROpts=(0,_vue.computed)(()=>{const fnrOpts=computeFnrOpts.value;return fnrOpts;});const computeFnrOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.fnrConfig,props.fnrConfig);});const computeMenuOpts=(0,_vue.computed)(()=>{return Object.assign({},getConfig().table.menuConfig,props.menuConfig);});const computeLeftFixedWidth=(0,_vue.computed)(()=>{const{columnStore}=reactData;const{leftList}=columnStore;let leftWidth=0;for(let i=0;i<leftList.length;i++){const column=leftList[i];leftWidth+=column.renderWidth;}return leftWidth;});const computeRightFixedWidth=(0,_vue.computed)(()=>{const{columnStore}=reactData;const{rightList}=columnStore;let leftWidth=0;for(let i=0;i<rightList.length;i++){const column=rightList[i];leftWidth+=column.renderWidth;}return leftWidth;});// 合并列是否超越冻结列
 const computeBodyMergeCoverFixed=(0,_vue.computed)(()=>{const{columnStore,mergeBodyFlag}=reactData;const{mergeBodyList,visibleColumn}=internalData;const{leftList,rightList}=columnStore;const rscIndex=visibleColumn.length-rightList.length;if(mergeBodyFlag&&(leftList.length||rightList.length)){const lecIndex=leftList.length;for(let i=0;i<mergeBodyList.length;i++){const{col,colspan}=mergeBodyList[i];if(col<lecIndex&&col+colspan>lecIndex){return true;}else if(col<rscIndex&&col+colspan>rscIndex){return true;}}}return false;});const computeIsHeaderRenderOptimize=(0,_vue.computed)(()=>{const{spanMethod,footerSpanMethod,showHeaderOverflow:allColumnHeaderOverflow}=props;const{isGroup,scrollXLoad}=reactData;let isOptimizeMode=false;if(isGroup){// 分组表头
 }else{// 如果是使用优化模式
 if(scrollXLoad&&allColumnHeaderOverflow){if(spanMethod||footerSpanMethod){// 如果不支持优化模式
@@ -897,11 +897,11 @@ if(bodyScrollElem&&bodyTableElem&&bodyScrollElem.scrollTop+clientHeight>=maxYHei
              */triggerHoverEvent(evnt,{row}){$xeTable.setHoverRow(row);},setHoverRow(row){const $xeGanttView=internalData.xeGanttView;$xeTable.clearHoverRow();const rowid=(0,_util.getRowid)($xeTable,row);const el=refElem.value;if(el){_xeUtils.default.arrayEach(el.querySelectorAll(`.vxe-body--row[rowid="${rowid}"]`),elem=>(0,_dom.addClass)(elem,'row--hover'));}internalData.hoverRow=row;if($xeGanttView&&$xeGanttView.handleUpdateHoverRow){$xeGanttView.handleUpdateHoverRow(row);}},clearHoverRow(){const $xeGanttView=internalData.xeGanttView;const el=refElem.value;if(el){_xeUtils.default.arrayEach(el.querySelectorAll('.vxe-body--row.row--hover'),elem=>(0,_dom.removeClass)(elem,'row--hover'));}internalData.hoverRow=null;if($xeGanttView&&$xeGanttView.handleUpdateHoverRow){$xeGanttView.handleUpdateHoverRow();}},/**
              * 已废弃，被 getCellElement 替换
              * @deprecated
-             */getCell(row,column){return $xeTable.getCellElement(row,column);},findRowIndexOf(list,row){return row?_xeUtils.default.findIndexOf(list,item=>$xeTable.eqRow(item,row)):-1;},eqRow(row1,row2){if(row1&&row2){if(row1===row2){return true;}return(0,_util.getRowid)($xeTable,row1)===(0,_util.getRowid)($xeTable,row2);}return false;},handleConnectGanttView($ganttView){if($ganttView&&$ganttView.connectUpdate){$ganttView.connectUpdate({$table:$xeTable});internalData.xeGanttView=$ganttView;}return(0,_vue.nextTick)();}};const updateThumbSize=()=>{const{elemStore}=internalData;const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}if(!viewEl.clientHeight||!viewEl.clientHeight){return;}const trackXEl=refTrackXElem.value;const xThumbWidth=trackXEl?(0,_scrollbar.getThumbSize)(viewEl.clientWidth,viewEl.scrollWidth,trackXEl.clientWidth):0;const thumbXElem=refThumbXElem.value;if(thumbXElem){thumbXElem.style.width=xThumbWidth+'px';}reactData.xThumbWidth=xThumbWidth;const trackYEl=refTrackYElem.value;const yThumbHeight=trackYEl?(0,_scrollbar.getThumbSize)(viewEl.clientHeight,viewEl.scrollHeight,trackYEl.clientHeight):0;const thumbYElem=refThumbYElem.value;if(thumbYElem){thumbYElem.style.height=yThumbHeight+'px';}reactData.yThumbHeight=yThumbHeight;};const updateThumbOffset=()=>{const{elemStore}=internalData;const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}if(!viewEl.clientHeight||!viewEl.clientHeight){return;}const{xThumbWidth,yThumbHeight}=reactData;const trackXEl=refTrackXElem.value;const thumbXElem=refThumbXElem.value;const xThumbLeft=trackXEl&&xThumbWidth?(0,_scrollbar.getThumbOffsetSize)(viewEl.scrollLeft,viewEl.clientWidth,viewEl.scrollWidth,trackXEl.clientWidth,xThumbWidth):0;internalData.xThumbLeft=xThumbLeft;if(thumbXElem&&xThumbWidth){thumbXElem.style.width=xThumbWidth+'px';thumbXElem.style.transform=`translateX(${xThumbLeft}px)`;}const trackYEl=refTrackYElem.value;const thumbYElem=refThumbYElem.value;const yThumbTop=trackYEl&&yThumbHeight?(0,_scrollbar.getThumbOffsetSize)(viewEl.scrollTop,viewEl.clientHeight,viewEl.scrollHeight,trackYEl.clientHeight,yThumbHeight):0;internalData.yThumbTop=yThumbTop;if(thumbYElem&&yThumbHeight){thumbYElem.style.height=yThumbHeight+'px';thumbYElem.style.transform=`translateY(${yThumbTop}px)`;}};const clickTrackXEvent=evnt=>{const{elemStore}=internalData;const trackEl=evnt.currentTarget;if(trackEl!==evnt.target){return;}const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const trackRect=trackEl.getBoundingClientRect();viewEl.scrollTo({left:(0,_scrollbar.getScrollFromClick)(evnt.clientX-trackRect.left,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth),behavior:'auto'});};const clickTrackYEvent=evnt=>{const{elemStore}=internalData;const trackEl=evnt.currentTarget;if(trackEl!==evnt.target){return;}const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const trackRect=trackEl.getBoundingClientRect();viewEl.scrollTo({top:(0,_scrollbar.getScrollFromClick)(evnt.clientY-trackRect.top,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight),behavior:'auto'});};const pointerdownThumbXEvent=evnt=>{const{elemStore}=internalData;const thumbEl=evnt.currentTarget;internalData.isThumbDrag=true;thumbEl.setPointerCapture(evnt.pointerId);const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();const pointerPosition=evnt.clientX-trackRect.left;// 记录 thumb 的偏移
-const thumbOffset=(0,_scrollbar.getThumbOffsetSize)(viewEl.scrollLeft,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth);internalData.thumbDragOffset=pointerPosition-thumbOffset;};const pointermoveThumbXEvent=evnt=>{const thumbEl=evnt.currentTarget;if(!thumbEl.hasPointerCapture(evnt.pointerId)){return;}const{elemStore,isThumbDrag,thumbDragOffset}=internalData;if(isThumbDrag){const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const thumbEl=evnt.currentTarget;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();// 更新偏移
-viewEl.scrollLeft=(0,_scrollbar.getScrollFromDrag)(evnt.clientX-trackRect.left,thumbDragOffset,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth);}};const cleatPointerThumbEvent=evnt=>{const thumbEl=evnt.currentTarget;thumbEl.releasePointerCapture(evnt.pointerId);internalData.isThumbDrag=false;};const pointerdownThumbYEvent=evnt=>{const{elemStore}=internalData;const thumbEl=evnt.currentTarget;internalData.isThumbDrag=true;thumbEl.setPointerCapture(evnt.pointerId);const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();const pointerPosition=evnt.clientY-trackRect.top;// 记录 thumb 的偏移
-const thumbOffset=(0,_scrollbar.getThumbOffsetSize)(viewEl.scrollTop,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight);internalData.thumbDragOffset=pointerPosition-thumbOffset;};const pointermoveThumbYEvent=evnt=>{const thumbEl=evnt.currentTarget;if(!thumbEl.hasPointerCapture(evnt.pointerId)){return;}const{elemStore,isThumbDrag,thumbDragOffset}=internalData;if(isThumbDrag){const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const thumbEl=evnt.currentTarget;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();// 更新偏移
-viewEl.scrollTop=(0,_scrollbar.getScrollFromDrag)(evnt.clientY-trackRect.top,thumbDragOffset,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight);}};// 检测对应模块是否安装
+             */getCell(row,column){return $xeTable.getCellElement(row,column);},findRowIndexOf(list,row){return row?_xeUtils.default.findIndexOf(list,item=>$xeTable.eqRow(item,row)):-1;},eqRow(row1,row2){if(row1&&row2){if(row1===row2){return true;}return(0,_util.getRowid)($xeTable,row1)===(0,_util.getRowid)($xeTable,row2);}return false;},handleConnectGanttView($ganttView){if($ganttView&&$ganttView.connectUpdate){$ganttView.connectUpdate({$table:$xeTable});internalData.xeGanttView=$ganttView;}return(0,_vue.nextTick)();}};const updateThumbSize=()=>{const{elemStore}=internalData;const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}if(!viewEl.clientHeight||!viewEl.clientHeight){return;}const trackXEl=refTrackXElem.value;const xThumbWidth=trackXEl?getThumbSize(viewEl.clientWidth,viewEl.scrollWidth,trackXEl.clientWidth):0;const thumbXElem=refThumbXElem.value;if(thumbXElem){thumbXElem.style.width=xThumbWidth+'px';}reactData.xThumbWidth=xThumbWidth;const trackYEl=refTrackYElem.value;const yThumbHeight=trackYEl?getThumbSize(viewEl.clientHeight,viewEl.scrollHeight,trackYEl.clientHeight):0;const thumbYElem=refThumbYElem.value;if(thumbYElem){thumbYElem.style.height=yThumbHeight+'px';}reactData.yThumbHeight=yThumbHeight;};const updateThumbOffset=()=>{const{elemStore}=internalData;const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}if(!viewEl.clientHeight||!viewEl.clientHeight){return;}const{xThumbWidth,yThumbHeight}=reactData;const trackXEl=refTrackXElem.value;const thumbXElem=refThumbXElem.value;const xThumbLeft=trackXEl&&xThumbWidth?getThumbOffsetSize(viewEl.scrollLeft,viewEl.clientWidth,viewEl.scrollWidth,trackXEl.clientWidth,xThumbWidth):0;internalData.xThumbLeft=xThumbLeft;if(thumbXElem&&xThumbWidth){thumbXElem.style.width=xThumbWidth+'px';thumbXElem.style.transform=`translateX(${xThumbLeft}px)`;}const trackYEl=refTrackYElem.value;const thumbYElem=refThumbYElem.value;const yThumbTop=trackYEl&&yThumbHeight?getThumbOffsetSize(viewEl.scrollTop,viewEl.clientHeight,viewEl.scrollHeight,trackYEl.clientHeight,yThumbHeight):0;internalData.yThumbTop=yThumbTop;if(thumbYElem&&yThumbHeight){thumbYElem.style.height=yThumbHeight+'px';thumbYElem.style.transform=`translateY(${yThumbTop}px)`;}};const clickTrackXEvent=evnt=>{const{elemStore}=internalData;const trackEl=evnt.currentTarget;if(trackEl!==evnt.target){return;}const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const trackRect=trackEl.getBoundingClientRect();viewEl.scrollTo({left:getScrollFromClick(evnt.clientX-trackRect.left,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth),behavior:'auto'});};const clickTrackYEvent=evnt=>{const{elemStore}=internalData;const trackEl=evnt.currentTarget;if(trackEl!==evnt.target){return;}const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const trackRect=trackEl.getBoundingClientRect();viewEl.scrollTo({top:getScrollFromClick(evnt.clientY-trackRect.top,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight),behavior:'auto'});};const pointerdownThumbXEvent=evnt=>{const{elemStore}=internalData;const thumbEl=evnt.currentTarget;internalData.isThumbDrag=true;thumbEl.setPointerCapture(evnt.pointerId);const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();const pointerPosition=evnt.clientX-trackRect.left;// 记录 thumb 的偏移
+const thumbOffset=getThumbOffsetSize(viewEl.scrollLeft,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth);internalData.thumbDragOffset=pointerPosition-thumbOffset;};const pointermoveThumbXEvent=evnt=>{const thumbEl=evnt.currentTarget;if(!thumbEl.hasPointerCapture(evnt.pointerId)){return;}const{elemStore,isThumbDrag,thumbDragOffset}=internalData;if(isThumbDrag){const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{xThumbWidth}=reactData;const thumbEl=evnt.currentTarget;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();// 更新偏移
+viewEl.scrollLeft=getScrollFromDrag(evnt.clientX-trackRect.left,thumbDragOffset,viewEl.clientWidth,viewEl.scrollWidth,trackEl.clientWidth,xThumbWidth);}};const cleatPointerThumbEvent=evnt=>{const thumbEl=evnt.currentTarget;thumbEl.releasePointerCapture(evnt.pointerId);internalData.isThumbDrag=false;};const pointerdownThumbYEvent=evnt=>{const{elemStore}=internalData;const thumbEl=evnt.currentTarget;internalData.isThumbDrag=true;thumbEl.setPointerCapture(evnt.pointerId);const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();const pointerPosition=evnt.clientY-trackRect.top;// 记录 thumb 的偏移
+const thumbOffset=getThumbOffsetSize(viewEl.scrollTop,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight);internalData.thumbDragOffset=pointerPosition-thumbOffset;};const pointermoveThumbYEvent=evnt=>{const thumbEl=evnt.currentTarget;if(!thumbEl.hasPointerCapture(evnt.pointerId)){return;}const{elemStore,isThumbDrag,thumbDragOffset}=internalData;if(isThumbDrag){const viewEl=(0,_util.getRefElem)(elemStore['main-body-scroll']);if(!viewEl){return;}const{yThumbHeight}=reactData;const thumbEl=evnt.currentTarget;const trackEl=thumbEl.parentElement;const trackRect=trackEl.getBoundingClientRect();// 更新偏移
+viewEl.scrollTop=getScrollFromDrag(evnt.clientY-trackRect.top,thumbDragOffset,viewEl.clientHeight,viewEl.scrollHeight,trackEl.clientHeight,yThumbHeight);}};// 检测对应模块是否安装
 // 'openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').forEach(name => {
 //   ($xeTable as any)[name] = function () {
 //     errLog('vxe.error.reqModule', ['Export'])
@@ -951,12 +951,12 @@ Object.assign($xeTable,tableMethods,tablePrivateMethods);/**
                  * 提示相关
                  */VxeUITooltipComponent?(0,_vue.h)('div',{},[/**
                          * 通用提示
-                         */(0,_vue.h)(VxeUITooltipComponent,{key:'ctp',ref:refCommTooltip,isArrow:false,enterable:false}),/**
+                         */(0,_vue.h)(VxeUITooltipComponent,{key:'ctp',ref:refCommTooltip,isArrow:false,enterable:false,useScrollbar}),/**
                           * 工具提示
                           */(0,_vue.h)(VxeUITooltipComponent,{key:'btp',ref:refTooltip,theme:tableTipConfig.theme,enterable:tableTipConfig.enterable,enterDelay:tableTipConfig.enterDelay,leaveDelay:tableTipConfig.leaveDelay,useHtml:_xeUtils.default.isBoolean(tableTipConfig.useHtml)?tableTipConfig.useHtml:undefined,// 已废弃
-useHTML:_xeUtils.default.isBoolean(tableTipConfig.useHTML)?tableTipConfig.useHTML:undefined,width:tableTipConfig.width,height:tableTipConfig.height,minWidth:tableTipConfig.minWidth,minHeight:tableTipConfig.minHeight,maxWidth:tableTipConfig.maxWidth,maxHeight:tableTipConfig.maxHeight,placement:tableTipConfig.placement,defaultPlacement:tableTipConfig.defaultPlacement,popupClassName:tableTipConfig.popupClassName},currTooltipSlot?{content:()=>{const{type,row,column,content:tooltipContent}=tooltipStore;if(currTooltipSlot){if(column&&type==='header'){return(0,_vue.h)('div',{key:type},currTooltipSlot({column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}if(row&&column&&type==='body'){return(0,_vue.h)('div',{key:type},currTooltipSlot({row,column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}if(row&&column&&type==='footer'){return(0,_vue.h)('div',{key:type},currTooltipSlot({row,column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}}return renderEmptyElement($xeTable);}}:{}),/**
+useHTML:_xeUtils.default.isBoolean(tableTipConfig.useHTML)?tableTipConfig.useHTML:undefined,width:tableTipConfig.width,height:tableTipConfig.height,minWidth:tableTipConfig.minWidth,minHeight:tableTipConfig.minHeight,maxWidth:tableTipConfig.maxWidth,maxHeight:tableTipConfig.maxHeight,placement:tableTipConfig.placement,defaultPlacement:tableTipConfig.defaultPlacement,popupClassName:tableTipConfig.popupClassName,useScrollbar:tableTipConfig.useScrollbar},currTooltipSlot?{content:()=>{const{type,row,column,content:tooltipContent}=tooltipStore;if(currTooltipSlot){if(column&&type==='header'){return(0,_vue.h)('div',{key:type},currTooltipSlot({column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}if(row&&column&&type==='body'){return(0,_vue.h)('div',{key:type},currTooltipSlot({row,column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}if(row&&column&&type==='footer'){return(0,_vue.h)('div',{key:type},currTooltipSlot({row,column,tooltipContent,$table:$xeTable,$grid:$xeGrid,$gantt:$xeGantt}));}}return renderEmptyElement($xeTable);}}:{}),/**
                           * 校验提示
-                          */props.editRules&&validOpts.showErrorMessage&&(validOpts.message==='default'?!height:validOpts.message==='tooltip')?(0,_vue.h)(VxeUITooltipComponent,{key:'vtp',ref:refValidTooltip,class:[{'old-cell-valid':editRules&&getConfig().cellVaildMode==='obsolete'},'vxe-table--valid-error'],theme:validTipConfig.theme,enterable:validTipConfig.enterable,enterDelay:validTipConfig.enterDelay,leaveDelay:validTipConfig.leaveDelay}):renderEmptyElement($xeTable)]):renderEmptyElement($xeTable)]);};const dataFlag=(0,_vue.ref)(0);(0,_vue.watch)(()=>props.data?props.data.length:-1,()=>{dataFlag.value++;});(0,_vue.watch)(()=>props.data,()=>{dataFlag.value++;});(0,_vue.watch)(dataFlag,()=>{const{initStatus}=internalData;const value=props.data||[];if(value&&value.length>=20000){warnLog('vxe.error.errLargeData',['loadData(data), reloadData(data)']);}loadTableData(value,false,true).then(()=>{const{scrollXLoad,scrollYLoad,expandColumn}=reactData;const expandOpts=computeExpandOpts.value;internalData.inited=true;internalData.initStatus=true;if(!initStatus){handleLoadDefaults();}// const checkboxOpts = computeCheckboxOpts.value
+                          */props.editRules&&validOpts.showErrorMessage&&(validOpts.message==='default'?!height:validOpts.message==='tooltip')?(0,_vue.h)(VxeUITooltipComponent,{key:'vtp',ref:refValidTooltip,class:[{'old-cell-valid':editRules&&getConfig().cellVaildMode==='obsolete'},'vxe-table--valid-error'],theme:validTipConfig.theme,enterable:validTipConfig.enterable,enterDelay:validTipConfig.enterDelay,leaveDelay:validTipConfig.leaveDelay,useScrollbar}):renderEmptyElement($xeTable)]):renderEmptyElement($xeTable)]);};const dataFlag=(0,_vue.ref)(0);(0,_vue.watch)(()=>props.data?props.data.length:-1,()=>{dataFlag.value++;});(0,_vue.watch)(()=>props.data,()=>{dataFlag.value++;});(0,_vue.watch)(dataFlag,()=>{const{initStatus}=internalData;const value=props.data||[];if(value&&value.length>=20000){warnLog('vxe.error.errLargeData',['loadData(data), reloadData(data)']);}loadTableData(value,false,true).then(()=>{const{scrollXLoad,scrollYLoad,expandColumn}=reactData;const expandOpts=computeExpandOpts.value;internalData.inited=true;internalData.initStatus=true;if(!initStatus){handleLoadDefaults();}// const checkboxOpts = computeCheckboxOpts.value
 // const checkboxColumn = internalData.tableFullColumn.find(column => column.type === 'checkbox')
 // if (checkboxColumn && internalData.tableFullData.length > 300 && !checkboxOpts.checkField) {
 //   warnLog('vxe.error.checkProp', ['checkbox-config.checkField'])