vxe-table 4.8.7 → 4.8.9

package/lib/table/src/cell.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(l){const{$table:r,column:e}=l,t=e.titlePrefix||e.titleHelp;return t?[(0,_vue.h)("i",{class:["vxe-cell-title-prefix-icon",t.icon||getIcon().TABLE_TITLE_PREFIX],onMouseenter(e){r.triggerHeaderTitleEvent(e,t,l)},onMouseleave(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderTitleSuffixIcon(l){const{$table:r,column:e}=l,t=e.titleSuffix;return t?[(0,_vue.h)("i",{class:["vxe-cell-title-suffix-icon",t.icon||getIcon().TABLE_TITLE_SUFFIX],onMouseenter(e){r.triggerHeaderTitleEvent(e,t,l)},onMouseleave(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderCellDragIcon(l){const r=l["$table"];var e=r.getComputeMaps()["computeDragOpts"],{rowIcon:e,rowDisabledMethod:t}=e.value;const n=t&&t(l);return(0,_vue.h)("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":n}],onMousedown(e){n||r.handleCellDragMousedownEvent(e,l)},onMouseup:r.handleCellDragMouseupEvent},[(0,_vue.h)("i",{class:e||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l){var{$table:r,column:t}=e,t=t["dragSort"],l=_xeUtils.default.isArray(l)?l:[l],{computeRowOpts:r,computeDragOpts:n}=r.getComputeMaps(),r=r.value,{showRowIcon:n,rowVisibleMethod:a}=n.value;return t&&r.drag&&n&&(!a||a(e))&&l.unshift(renderCellDragIcon(e)),l}function renderTitleContent(l,e){const{$table:r,column:t}=l,{props:n,reactData:a}=r;var o=r.getComputeMaps()["computeTooltipOpts"],d=n["showHeaderOverflow"],{type:s,showHeaderOverflow:i}=t;const c=o.value.showAll;o=_xeUtils.default.isUndefined(i)||_xeUtils.default.isNull(i)?d:i;const u="title"===o,C=!0===o||"tooltip"===o;d={};return(u||C||c)&&(d.onMouseenter=e=>{a._isResize||(u?(0,_dom.updateCellTitle)(e.currentTarget,t):(C||c)&&r.triggerHeaderTooltipEvent(e,l))}),(C||c)&&(d.onMouseleave=e=>{a._isResize||(C||c)&&r.handleTargetLeaveEvent(e)}),["html"===s&&_xeUtils.default.isString(e)?(0,_vue.h)("span",Object.assign({class:"vxe-cell--title",innerHTML:e},d)):(0,_vue.h)("span",Object.assign({class:"vxe-cell--title"},d),(0,_vn.getSlotVNs)(e))]}function formatFooterLabel(e,l){var r,t;return _xeUtils.default.isFunction(e)?e(l):(t=(t=(r=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?t.tableFooterCellFormatMethod:null)?r?t(l,...e.slice(1)):t(l):""}function getFooterContent(e){var{$table:l,column:r,_columnIndex:t,items:n,row:a}=e,{slots:o,editRender:d,cellRender:s,footerFormatter:i}=r,d=d||s,s=o?o.footer:null;if(s)return l.callSlot(s,e);if(d){o=renderer.get(d.name);if(o){l=o.renderTableFooter||o.renderFooter;if(l)return(0,_vn.getSlotVNs)(l(d,e))}}let c="";return _xeUtils.default.isArray(n)?c=n[t]:c=_xeUtils.default.get(a,r.field),[i?formatFooterLabel(i,{itemValue:c,column:r,row:a,items:n,_columnIndex:t}):(0,_utils.formatText)(c,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}const Cell=exports.Cell={createColumn(e,l){var{type:r,sortable:t,filters:n,editRender:a,treeNode:o}=l,d=e["props"],s=d["editConfig"],{computeEditOpts:d,computeCheckboxOpts:i}=e.getComputeMaps(),c=i.value,u=d.value,C={renderHeader:Cell.renderDefaultHeader,renderCell:o?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(r){case"seq":C.renderHeader=Cell.renderSeqHeader,C.renderCell=o?Cell.renderTreeIndexCell:Cell.renderSeqCell;break;case"radio":C.renderHeader=Cell.renderRadioHeader,C.renderCell=o?Cell.renderTreeRadioCell:Cell.renderRadioCell;break;case"checkbox":C.renderHeader=Cell.renderCheckboxHeader,C.renderCell=c.checkField?o?Cell.renderTreeSelectionCellByProp:Cell.renderCheckboxCellByProp:o?Cell.renderTreeSelectionCell:Cell.renderCheckboxCell;break;case"expand":C.renderCell=Cell.renderExpandCell,C.renderData=Cell.renderExpandData;break;case"html":C.renderCell=o?Cell.renderTreeHTMLCell:Cell.renderHTMLCell,n&&t?C.renderHeader=Cell.renderSortAndFilterHeader:t?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader);break;default:s&&a?(C.renderHeader=Cell.renderEditHeader,C.renderCell="cell"===u.mode?o?Cell.renderTreeCellEdit:Cell.renderCellEdit:o?Cell.renderTreeRowEdit:Cell.renderRowEdit):n&&t?C.renderHeader=Cell.renderSortAndFilterHeader:t?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,C)},renderHeaderTitle(e){var{$table:l,column:r}=e,{slots:t,editRender:n,cellRender:a}=r,n=n||a,a=t?t.header:null;if(a)return renderTitleContent(e,l.callSlot(a,e));if(n){t=renderer.get(n.name);if(t){l=t.renderTableHeader||t.renderHeader;if(l)return renderTitleContent(e,(0,_vn.getSlotVNs)(l(n,e)))}}return renderTitleContent(e,(0,_utils.formatText)(r.getTitle(),1))},renderDefaultHeader(e){return renderTitlePrefixIcon(e).concat(Cell.renderHeaderTitle(e)).concat(renderTitleSuffixIcon(e))},renderDefaultCell(e){var{$table:l,row:r,column:t}=e,{slots:n,editRender:a,cellRender:o}=t,o=a||o,n=n?n.default:null;if(n)return renderCellBaseVNs(e,l.callSlot(n,e));if(o){n=renderer.get(o.name);if(n){var d=n.renderTableCell||n.renderCell,n=n.renderTableDefault||n.renderDefault,d=a?d:n;if(d)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(d(o,Object.assign({$type:a?"edit":"cell"},e))))}}n=l.getCellLabel(r,t),d=a?a.placeholder:"";return renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},[a&&(0,_utils.eqEmptyValue)(n)?(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(d),1)):(0,_vue.h)("span",(0,_utils.formatText)(n,1))])])},renderTreeCell(e){return Cell.renderTreeIcon(e,Cell.renderDefaultCell(e))},renderDefaultFooter(e){return[(0,_vue.h)("span",{class:"vxe-cell--item"},getFooterContent(e))]},renderTreeIcon(l,e){const{$table:r,isHidden:t}=l;var{reactData:n,internalData:a}=r,o=r.getComputeMaps()["computeTreeOpts"],{treeExpandedMaps:n,treeExpandLazyLoadedMaps:d}=n,a=a["fullAllDataRowIdData"],o=o.value,{row:s,column:i,level:c}=l,i=i["slots"],{indent:u,lazy:C,trigger:v,iconLoaded:p,showIcon:g,iconOpen:_,iconClose:h}=o,b=o.children||o.childrenField,o=o.hasChild||o.hasChildField,b=s[b],b=b&&b.length,i=i?i.icon:null;let E=!1,x=!1,f=!1,T=!1;var m={};return i?r.callSlot(i,l):(t||(i=(0,_util.getRowid)(r,s),x=!!n[i],C&&(n=a[i],f=!!d[i],E=s[o],T=!!n.treeLoaded)),v&&"default"!==v||(m.onClick=e=>{r.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:{paddingLeft:c*u+"px"}},[g&&(!C||T?b:E)?[(0,_vue.h)("div",Object.assign({class:"vxe-tree--btn-wrapper"},m),[(0,_vue.h)("i",{class:["vxe-tree--node-btn",f?p||getIcon().TABLE_TREE_LOADED:x?_||getIcon().TABLE_TREE_OPEN:h||getIcon().TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderSeqHeader(e){var{$table:l,column:r}=e,t=r["slots"],t=t?t.header:null;return renderTitleContent(e,t?l.callSlot(t,e):(0,_utils.formatText)(r.getTitle(),1))},renderSeqCell(e){var{$table:l,column:r}=e,t=l["props"],t=t["treeConfig"],n=l.getComputeMaps()["computeSeqOpts"],n=n.value,r=r["slots"],r=r?r.default:null;return r?renderCellBaseVNs(e,l.callSlot(r,e)):(l=e["seq"],r=n.seqMethod,renderCellBaseVNs(e,[(0,_vue.h)("span",""+(0,_utils.formatText)(r?r(e):t?l:(n.startIndex||0)+l,1))]))},renderTreeIndexCell(e){return Cell.renderTreeIcon(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:r}=e,t=r["slots"],n=t?t.header:null,t=t?t.title:null;return renderTitleContent(e,n?l.callSlot(n,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},t?l.callSlot(t,e):(0,_utils.formatText)(r.getTitle(),1))])},renderRadioCell(l){const{$table:r,column:e,isHidden:t}=l;var n=r["reactData"],a=r.getComputeMaps()["computeRadioOpts"],n=n["selectRadioRow"],o=e["slots"],{labelField:a,checkMethod:d,visibleMethod:s}=a.value,i=l["row"],c=o?o.default:null,o=o?o.radio:null,n=r.eqRow(i,n);const u=!s||s({row:i});let C=!!d,v;t||(v={onClick(e){!C&&u&&r.triggerRadioRowEvent(e,l)}},d&&(C=!d({row:i})));s=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:u});return o?renderCellBaseVNs(l,r.callSlot(o,s)):(d=[],u&&d.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(c||a)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},c?r.callSlot(c,s):_xeUtils.default.get(i,a))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--radio",{"is--checked":n,"is--disabled":C}]},v),d)]))},renderTreeRadioCell(e){return Cell.renderTreeIcon(e,Cell.renderRadioCell(e))},renderCheckboxHeader(e){const{$table:l,column:r,isHidden:t}=e;var n=l["reactData"],{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();const{isAllSelected:d,isIndeterminate:s}=n,i=a.value;var n=r["slots"],a=n?n.header:null,n=n?n.title:null,o=o.value,c=r.getTitle();let u;t||(u={onClick(e){i||l.triggerCheckAllEvent(e,!d)}});e=Object.assign(Object.assign({},e),{checked:d,disabled:i,indeterminate:s});return a?renderTitleContent(e,l.callSlot(a,e)):(o.checkStrictly?o.showHeader:!1!==o.showHeader)?renderTitleContent(e,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":d,"is--disabled":i,"is--indeterminate":s}],title:getI18n("vxe.table.allTitle")},u),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:d?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(n||c?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):c)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):c)])},renderCheckboxCell(l){const{$table:r,row:e,column:t,isHidden:n}=l;var{props:a,reactData:o}=r,a=a["treeConfig"],{selectCheckboxMaps:o,treeIndeterminateMaps:d}=o,s=r.getComputeMaps()["computeCheckboxOpts"],{labelField:s,checkMethod:i,visibleMethod:c}=s.value,u=t["slots"],C=u?u.default:null,u=u?u.checkbox:null;let v=!1,p=!1;const g=!c||c({row:e});let _=!!i,h;n||(c=(0,_util.getRowid)(r,e),p=!!o[c],h={onClick(e){!_&&g&&r.triggerCheckRowEvent(e,l,!p)}},i&&(_=!i({row:e})),a&&(v=!!d[c]));o=Object.assign(Object.assign({},l),{checked:p,disabled:_,visible:g,indeterminate:v});return u?renderCellBaseVNs(l,r.callSlot(u,o)):(i=[],g&&i.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:p?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(C||s)&&i.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},C?r.callSlot(C,o):_xeUtils.default.get(e,s))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":p,"is--disabled":_,"is--indeterminate":v,"is--hidden":!g}]},h),i)]))},renderTreeSelectionCell(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){const{$table:r,row:e,column:t,isHidden:n}=l;var{props:a,reactData:o}=r,a=a["treeConfig"],o=o["treeIndeterminateMaps"],d=r.getComputeMaps()["computeCheckboxOpts"],d=d.value,{labelField:s,checkField:i,checkMethod:c,visibleMethod:u}=d,d=d.indeterminateField||d.halfField,C=t["slots"],v=C?C.default:null,C=C?C.checkbox:null;let p=!1,g=!1;const _=!u||u({row:e});let h=!!c,b;n||(u=(0,_util.getRowid)(r,e),g=_xeUtils.default.get(e,i),b={onClick(e){!h&&_&&r.triggerCheckRowEvent(e,l,!g)}},c&&(h=!c({row:e})),a&&(p=!!o[u]));i=Object.assign(Object.assign({},l),{checked:g,disabled:h,visible:_,indeterminate:p});return C?renderCellBaseVNs(l,r.callSlot(C,i)):(c=[],_&&(c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",p?getIcon().TABLE_CHECKBOX_INDETERMINATE:g?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),v||s)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?r.callSlot(v,i):_xeUtils.default.get(e,s))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":g,"is--disabled":h,"is--indeterminate":d&&!g?e[d]:p,"is--hidden":!_}]},b),c)]))},renderTreeSelectionCellByProp(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){const{$table:r,isHidden:e,row:t,column:n}=l;var a=r["reactData"],{rowExpandedMaps:a,rowExpandLazyLoadedMaps:o}=a,d=r.getComputeMaps()["computeExpandOpts"],{lazy:d,labelField:s,iconLoaded:i,showIcon:c,iconOpen:u,iconClose:C,visibleMethod:v}=d.value,p=n["slots"],g=p?p.default:null,p=p?p.icon:null;let _=!1,h=!1;return p?renderCellBaseVNs(l,r.callSlot(p,l)):(e||(p=(0,_util.getRowid)(r,t),_=!!a[p],d&&(h=!!o[p])),renderCellBaseVNs(l,[!c||v&&!v(l)?renderEmptyElement(r):(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":_}],onClick(e){r.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",h?i||getIcon().TABLE_EXPAND_LOADED:_?u||getIcon().TABLE_EXPAND_OPEN:C||getIcon().TABLE_EXPAND_CLOSE]})]),g||s?(0,_vue.h)("span",{class:"vxe-table--expand-label"},g?r.callSlot(g,l):_xeUtils.default.get(t,s)):renderEmptyElement(r)]))},renderExpandData(e){var{$table:l,column:r}=e,{slots:r,contentRender:t}=r,r=r?r.content:null;if(r)return l.callSlot(r,e);if(t){l=renderer.get(t.name);if(l){r=l.renderTableExpand||l.renderExpand;if(r)return(0,_vn.getSlotVNs)(r(t,e))}}return[]},renderHTMLCell(e){var{$table:l,column:r}=e,r=r["slots"],r=r?r.default:null;return renderCellBaseVNs(e,r?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})])},renderTreeHTMLCell(e){return Cell.renderTreeIcon(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e)).concat(Cell.renderFilterIcon(e))},renderSortHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e))},renderSortIcon(e){const{$table:l,column:r}=e;var e=l.getComputeMaps()["computeSortOpts"],{showIcon:e,iconLayout:t,iconAsc:n,iconDesc:a}=e.value,o=r["order"];return e?[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${t}-layout`]},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",n||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===o}],title:getI18n("vxe.table.sortAsc"),onClick(e){e.stopPropagation(),l.triggerSortEvent(e,r,"asc")}}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",a||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===o}],title:getI18n("vxe.table.sortDesc"),onClick(e){e.stopPropagation(),l.triggerSortEvent(e,r,"desc")}})])]:[]},renderFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon(l){const{$table:r,column:e,hasFilter:t}=l;var n=r["reactData"],n=n["filterStore"],a=r.getComputeMaps()["computeFilterOpts"],{showIcon:a,iconNone:o,iconMatch:d}=a.value;return a?[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":n.visible&&n.column===e}]},[(0,_vue.h)("i",{class:["vxe-filter--btn",t?d||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter"),onClick(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader(e){var{$table:l,column:r}=e,t=l["props"],l=l.getComputeMaps()["computeEditOpts"],{editConfig:t,editRules:n}=t,l=l.value,{sortable:a,filters:o,editRender:d}=r;let s=!1;return n&&(n=_xeUtils.default.get(n,r.field))&&(s=n.some(e=>e.required)),((0,_utils.isEnableConf)(t)?[s&&l.showAsterisk?(0,_vue.h)("i",{class:"vxe-cell--required-icon"}):null,(0,_utils.isEnableConf)(d)&&l.showIcon?(0,_vue.h)("i",{class:["vxe-cell--edit-icon",l.icon||getIcon().TABLE_EDIT]}):null]:[]).concat(Cell.renderDefaultHeader(e)).concat(a?Cell.renderSortIcon(e):[]).concat(o?Cell.renderFilterIcon(e):[])},renderRowEdit(e){var{$table:l,column:r}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],r=r["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row)},renderTreeRowEdit(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:r}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],r=r["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:r,column:t}=e,{slots:t,editRender:n,formatter:a}=t,o=t?t.default:null,t=t?t.edit:null,d=renderer.get(n.name),d=d?d.renderTableEdit||d.renderEdit:null,s=Object.assign({$type:"",isEdit:l},e);return l?(s.$type="edit",t?r.callSlot(t,s):d?(0,_vn.getSlotVNs)(d(n,s)):[]):o?renderCellBaseVNs(e,r.callSlot(o,s)):a?renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(s))]):Cell.renderDefaultCell(s)}};var _default=exports.default=Cell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(l){const{$table:r,column:e}=l,t=e.titlePrefix||e.titleHelp;return t?[(0,_vue.h)("i",{class:["vxe-cell-title-prefix-icon",t.icon||getIcon().TABLE_TITLE_PREFIX],onMouseenter(e){r.triggerHeaderTitleEvent(e,t,l)},onMouseleave(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderTitleSuffixIcon(l){const{$table:r,column:e}=l,t=e.titleSuffix;return t?[(0,_vue.h)("i",{class:["vxe-cell-title-suffix-icon",t.icon||getIcon().TABLE_TITLE_SUFFIX],onMouseenter(e){r.triggerHeaderTitleEvent(e,t,l)},onMouseleave(e){r.handleTargetLeaveEvent(e)}})]:[]}function renderCellDragIcon(l){const r=l["$table"];var e=r.getComputeMaps()["computeDragOpts"],{rowIcon:e,rowDisabledMethod:t}=e.value;const n=t&&t(l);return(0,_vue.h)("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":n}],onMousedown(e){n||r.handleCellDragMousedownEvent(e,l)},onMouseup:r.handleCellDragMouseupEvent},[(0,_vue.h)("i",{class:e||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l){var{$table:r,column:t,level:n}=e,t=t["dragSort"],a=r.props["treeConfig"],{computeRowOpts:r,computeDragOpts:o}=r.getComputeMaps(),r=r.value,{showRowIcon:o,rowVisibleMethod:d}=o.value,l=_xeUtils.default.isArray(l)?l:[l];return!(t&&r.drag&&o)||d&&!d(e)||a&&n||l.unshift(renderCellDragIcon(e)),l}function renderTitleContent(l,e){const{$table:r,column:t}=l,{props:n,reactData:a}=r;var o=r.getComputeMaps()["computeTooltipOpts"],d=n["showHeaderOverflow"],{type:s,showHeaderOverflow:i}=t;const c=o.value.showAll;o=_xeUtils.default.isUndefined(i)||_xeUtils.default.isNull(i)?d:i;const u="title"===o,C=!0===o||"tooltip"===o;d={};return(u||C||c)&&(d.onMouseenter=e=>{a._isResize||(u?(0,_dom.updateCellTitle)(e.currentTarget,t):(C||c)&&r.triggerHeaderTooltipEvent(e,l))}),(C||c)&&(d.onMouseleave=e=>{a._isResize||(C||c)&&r.handleTargetLeaveEvent(e)}),["html"===s&&_xeUtils.default.isString(e)?(0,_vue.h)("span",Object.assign({class:"vxe-cell--title",innerHTML:e},d)):(0,_vue.h)("span",Object.assign({class:"vxe-cell--title"},d),(0,_vn.getSlotVNs)(e))]}function formatFooterLabel(e,l){var r,t;return _xeUtils.default.isFunction(e)?e(l):(t=(t=(r=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?t.tableFooterCellFormatMethod:null)?r?t(l,...e.slice(1)):t(l):""}function getFooterContent(e){var{$table:l,column:r,_columnIndex:t,items:n,row:a}=e,{slots:o,editRender:d,cellRender:s,footerFormatter:i}=r,d=d||s,s=o?o.footer:null;if(s)return l.callSlot(s,e);if(d){o=renderer.get(d.name);if(o){l=o.renderTableFooter||o.renderFooter;if(l)return(0,_vn.getSlotVNs)(l(d,e))}}let c="";return _xeUtils.default.isArray(n)?c=n[t]:c=_xeUtils.default.get(a,r.field),[i?formatFooterLabel(i,{itemValue:c,column:r,row:a,items:n,_columnIndex:t}):(0,_utils.formatText)(c,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}const Cell=exports.Cell={createColumn(e,l){var{type:r,sortable:t,filters:n,editRender:a,treeNode:o}=l,d=e["props"],s=d["editConfig"],{computeEditOpts:d,computeCheckboxOpts:i}=e.getComputeMaps(),c=i.value,u=d.value,C={renderHeader:Cell.renderDefaultHeader,renderCell:o?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(r){case"seq":C.renderHeader=Cell.renderSeqHeader,C.renderCell=o?Cell.renderTreeIndexCell:Cell.renderSeqCell;break;case"radio":C.renderHeader=Cell.renderRadioHeader,C.renderCell=o?Cell.renderTreeRadioCell:Cell.renderRadioCell;break;case"checkbox":C.renderHeader=Cell.renderCheckboxHeader,C.renderCell=c.checkField?o?Cell.renderTreeSelectionCellByProp:Cell.renderCheckboxCellByProp:o?Cell.renderTreeSelectionCell:Cell.renderCheckboxCell;break;case"expand":C.renderCell=Cell.renderExpandCell,C.renderData=Cell.renderExpandData;break;case"html":C.renderCell=o?Cell.renderTreeHTMLCell:Cell.renderHTMLCell,n&&t?C.renderHeader=Cell.renderSortAndFilterHeader:t?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader);break;default:s&&a?(C.renderHeader=Cell.renderEditHeader,C.renderCell="cell"===u.mode?o?Cell.renderTreeCellEdit:Cell.renderCellEdit:o?Cell.renderTreeRowEdit:Cell.renderRowEdit):n&&t?C.renderHeader=Cell.renderSortAndFilterHeader:t?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,C)},renderHeaderTitle(e){var{$table:l,column:r}=e,{slots:t,editRender:n,cellRender:a}=r,n=n||a,a=t?t.header:null;if(a)return renderTitleContent(e,l.callSlot(a,e));if(n){t=renderer.get(n.name);if(t){l=t.renderTableHeader||t.renderHeader;if(l)return renderTitleContent(e,(0,_vn.getSlotVNs)(l(n,e)))}}return renderTitleContent(e,(0,_utils.formatText)(r.getTitle(),1))},renderDefaultHeader(e){return renderTitlePrefixIcon(e).concat(Cell.renderHeaderTitle(e)).concat(renderTitleSuffixIcon(e))},renderDefaultCell(e){var{$table:l,row:r,column:t}=e,{slots:n,editRender:a,cellRender:o}=t,o=a||o,n=n?n.default:null;if(n)return renderCellBaseVNs(e,l.callSlot(n,e));if(o){n=renderer.get(o.name);if(n){var d=n.renderTableCell||n.renderCell,n=n.renderTableDefault||n.renderDefault,d=a?d:n;if(d)return renderCellBaseVNs(e,(0,_vn.getSlotVNs)(d(o,Object.assign({$type:a?"edit":"cell"},e))))}}n=l.getCellLabel(r,t),d=a?a.placeholder:"";return renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},[a&&(0,_utils.eqEmptyValue)(n)?(0,_vue.h)("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(d),1)):(0,_vue.h)("span",(0,_utils.formatText)(n,1))])])},renderTreeCell(e){return Cell.renderTreeIcon(e,Cell.renderDefaultCell(e))},renderDefaultFooter(e){return[(0,_vue.h)("span",{class:"vxe-cell--item"},getFooterContent(e))]},renderTreeIcon(l,e){const{$table:r,isHidden:t}=l;var{reactData:n,internalData:a}=r,o=r.getComputeMaps()["computeTreeOpts"],{treeExpandedMaps:n,treeExpandLazyLoadedMaps:d}=n,a=a["fullAllDataRowIdData"],o=o.value,{row:s,column:i,level:c}=l,i=i["slots"],{indent:u,lazy:C,trigger:v,iconLoaded:p,showIcon:g,iconOpen:_,iconClose:h}=o,b=o.children||o.childrenField,o=o.hasChild||o.hasChildField,b=s[b],b=b&&b.length,i=i?i.icon:null;let E=!1,x=!1,f=!1,T=!1;var m={};return i?r.callSlot(i,l):(t||(i=(0,_util.getRowid)(r,s),x=!!n[i],C&&(n=a[i],f=!!d[i],E=s[o],T=!!n.treeLoaded)),v&&"default"!==v||(m.onClick=e=>{r.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:{paddingLeft:c*u+"px"}},[g&&(!C||T?b:E)?[(0,_vue.h)("div",Object.assign({class:"vxe-tree--btn-wrapper"},m),[(0,_vue.h)("i",{class:["vxe-tree--node-btn",f?p||getIcon().TABLE_TREE_LOADED:x?_||getIcon().TABLE_TREE_OPEN:h||getIcon().TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderSeqHeader(e){var{$table:l,column:r}=e,t=r["slots"],t=t?t.header:null;return renderTitleContent(e,t?l.callSlot(t,e):(0,_utils.formatText)(r.getTitle(),1))},renderSeqCell(e){var{$table:l,column:r}=e,t=l["props"],t=t["treeConfig"],n=l.getComputeMaps()["computeSeqOpts"],n=n.value,r=r["slots"],r=r?r.default:null;return r?renderCellBaseVNs(e,l.callSlot(r,e)):(l=e["seq"],r=n.seqMethod,renderCellBaseVNs(e,[(0,_vue.h)("span",""+(0,_utils.formatText)(r?r(e):t?l:(n.startIndex||0)+l,1))]))},renderTreeIndexCell(e){return Cell.renderTreeIcon(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:r}=e,t=r["slots"],n=t?t.header:null,t=t?t.title:null;return renderTitleContent(e,n?l.callSlot(n,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},t?l.callSlot(t,e):(0,_utils.formatText)(r.getTitle(),1))])},renderRadioCell(l){const{$table:r,column:e,isHidden:t}=l;var n=r["reactData"],a=r.getComputeMaps()["computeRadioOpts"],n=n["selectRadioRow"],o=e["slots"],{labelField:a,checkMethod:d,visibleMethod:s}=a.value,i=l["row"],c=o?o.default:null,o=o?o.radio:null,n=r.eqRow(i,n);const u=!s||s({row:i});let C=!!d,v;t||(v={onClick(e){!C&&u&&r.triggerRadioRowEvent(e,l)}},d&&(C=!d({row:i})));s=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:u});return o?renderCellBaseVNs(l,r.callSlot(o,s)):(d=[],u&&d.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(c||a)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},c?r.callSlot(c,s):_xeUtils.default.get(i,a))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--radio",{"is--checked":n,"is--disabled":C}]},v),d)]))},renderTreeRadioCell(e){return Cell.renderTreeIcon(e,Cell.renderRadioCell(e))},renderCheckboxHeader(e){const{$table:l,column:r,isHidden:t}=e;var n=l["reactData"],{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();const{isAllSelected:d,isIndeterminate:s}=n,i=a.value;var n=r["slots"],a=n?n.header:null,n=n?n.title:null,o=o.value,c=r.getTitle();let u;t||(u={onClick(e){i||l.triggerCheckAllEvent(e,!d)}});e=Object.assign(Object.assign({},e),{checked:d,disabled:i,indeterminate:s});return a?renderTitleContent(e,l.callSlot(a,e)):(o.checkStrictly?o.showHeader:!1!==o.showHeader)?renderTitleContent(e,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":d,"is--disabled":i,"is--indeterminate":s}],title:getI18n("vxe.table.allTitle")},u),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",s?getIcon().TABLE_CHECKBOX_INDETERMINATE:d?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(n||c?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):c)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):c)])},renderCheckboxCell(l){const{$table:r,row:e,column:t,isHidden:n}=l;var{props:a,reactData:o}=r,a=a["treeConfig"],{selectCheckboxMaps:o,treeIndeterminateMaps:d}=o,s=r.getComputeMaps()["computeCheckboxOpts"],{labelField:s,checkMethod:i,visibleMethod:c}=s.value,u=t["slots"],C=u?u.default:null,u=u?u.checkbox:null;let v=!1,p=!1;const g=!c||c({row:e});let _=!!i,h;n||(c=(0,_util.getRowid)(r,e),p=!!o[c],h={onClick(e){!_&&g&&r.triggerCheckRowEvent(e,l,!p)}},i&&(_=!i({row:e})),a&&(v=!!d[c]));o=Object.assign(Object.assign({},l),{checked:p,disabled:_,visible:g,indeterminate:v});return u?renderCellBaseVNs(l,r.callSlot(u,o)):(i=[],g&&i.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:p?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(C||s)&&i.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},C?r.callSlot(C,o):_xeUtils.default.get(e,s))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":p,"is--disabled":_,"is--indeterminate":v,"is--hidden":!g}]},h),i)]))},renderTreeSelectionCell(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){const{$table:r,row:e,column:t,isHidden:n}=l;var{props:a,reactData:o}=r,a=a["treeConfig"],o=o["treeIndeterminateMaps"],d=r.getComputeMaps()["computeCheckboxOpts"],d=d.value,{labelField:s,checkField:i,checkMethod:c,visibleMethod:u}=d,d=d.indeterminateField||d.halfField,C=t["slots"],v=C?C.default:null,C=C?C.checkbox:null;let p=!1,g=!1;const _=!u||u({row:e});let h=!!c,b;n||(u=(0,_util.getRowid)(r,e),g=_xeUtils.default.get(e,i),b={onClick(e){!h&&_&&r.triggerCheckRowEvent(e,l,!g)}},c&&(h=!c({row:e})),a&&(p=!!o[u]));i=Object.assign(Object.assign({},l),{checked:g,disabled:h,visible:_,indeterminate:p});return C?renderCellBaseVNs(l,r.callSlot(C,i)):(c=[],_&&(c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",p?getIcon().TABLE_CHECKBOX_INDETERMINATE:g?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),v||s)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?r.callSlot(v,i):_xeUtils.default.get(e,s))),renderCellBaseVNs(l,[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":g,"is--disabled":h,"is--indeterminate":d&&!g?e[d]:p,"is--hidden":!_}]},b),c)]))},renderTreeSelectionCellByProp(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){const{$table:r,isHidden:e,row:t,column:n}=l;var a=r["reactData"],{rowExpandedMaps:a,rowExpandLazyLoadedMaps:o}=a,d=r.getComputeMaps()["computeExpandOpts"],{lazy:d,labelField:s,iconLoaded:i,showIcon:c,iconOpen:u,iconClose:C,visibleMethod:v}=d.value,p=n["slots"],g=p?p.default:null,p=p?p.icon:null;let _=!1,h=!1;return p?renderCellBaseVNs(l,r.callSlot(p,l)):(e||(p=(0,_util.getRowid)(r,t),_=!!a[p],d&&(h=!!o[p])),renderCellBaseVNs(l,[!c||v&&!v(l)?renderEmptyElement(r):(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":_}],onClick(e){r.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",h?i||getIcon().TABLE_EXPAND_LOADED:_?u||getIcon().TABLE_EXPAND_OPEN:C||getIcon().TABLE_EXPAND_CLOSE]})]),g||s?(0,_vue.h)("span",{class:"vxe-table--expand-label"},g?r.callSlot(g,l):_xeUtils.default.get(t,s)):renderEmptyElement(r)]))},renderExpandData(e){var{$table:l,column:r}=e,{slots:r,contentRender:t}=r,r=r?r.content:null;if(r)return l.callSlot(r,e);if(t){l=renderer.get(t.name);if(l){r=l.renderTableExpand||l.renderExpand;if(r)return(0,_vn.getSlotVNs)(r(t,e))}}return[]},renderHTMLCell(e){var{$table:l,column:r}=e,r=r["slots"],r=r?r.default:null;return renderCellBaseVNs(e,r?l.callSlot(r,e):[(0,_vue.h)("span",{class:"vxe-cell--html",innerHTML:getDefaultCellLabel(e)})])},renderTreeHTMLCell(e){return Cell.renderTreeIcon(e,Cell.renderHTMLCell(e))},renderSortAndFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e)).concat(Cell.renderFilterIcon(e))},renderSortHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderSortIcon(e))},renderSortIcon(e){const{$table:l,column:r}=e;var e=l.getComputeMaps()["computeSortOpts"],{showIcon:e,iconLayout:t,iconAsc:n,iconDesc:a}=e.value,o=r["order"];return e?[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${t}-layout`]},[(0,_vue.h)("i",{class:["vxe-sort--asc-btn",n||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===o}],title:getI18n("vxe.table.sortAsc"),onClick(e){e.stopPropagation(),l.triggerSortEvent(e,r,"asc")}}),(0,_vue.h)("i",{class:["vxe-sort--desc-btn",a||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===o}],title:getI18n("vxe.table.sortDesc"),onClick(e){e.stopPropagation(),l.triggerSortEvent(e,r,"desc")}})])]:[]},renderFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon(l){const{$table:r,column:e,hasFilter:t}=l;var n=r["reactData"],n=n["filterStore"],a=r.getComputeMaps()["computeFilterOpts"],{showIcon:a,iconNone:o,iconMatch:d}=a.value;return a?[(0,_vue.h)("span",{class:["vxe-cell--filter",{"is--active":n.visible&&n.column===e}]},[(0,_vue.h)("i",{class:["vxe-filter--btn",t?d||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter"),onClick(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader(e){var{$table:l,column:r}=e,t=l["props"],l=l.getComputeMaps()["computeEditOpts"],{editConfig:t,editRules:n}=t,l=l.value,{sortable:a,filters:o,editRender:d}=r;let s=!1;return n&&(n=_xeUtils.default.get(n,r.field))&&(s=n.some(e=>e.required)),((0,_utils.isEnableConf)(t)?[s&&l.showAsterisk?(0,_vue.h)("i",{class:"vxe-cell--required-icon"}):null,(0,_utils.isEnableConf)(d)&&l.showIcon?(0,_vue.h)("i",{class:["vxe-cell--edit-icon",l.icon||getIcon().TABLE_EDIT]}):null]:[]).concat(Cell.renderDefaultHeader(e)).concat(a?Cell.renderSortIcon(e):[]).concat(o?Cell.renderFilterIcon(e):[])},renderRowEdit(e){var{$table:l,column:r}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],r=r["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row)},renderTreeRowEdit(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:r}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],r=r["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(r)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:r,column:t}=e,{slots:t,editRender:n,formatter:a}=t,o=t?t.default:null,t=t?t.edit:null,d=renderer.get(n.name),d=d?d.renderTableEdit||d.renderEdit:null,s=Object.assign({$type:"",isEdit:l},e);return l?(s.$type="edit",t?r.callSlot(t,s):d?(0,_vn.getSlotVNs)(d(n,s)):[]):o?renderCellBaseVNs(e,r.callSlot(o,s)):a?renderCellBaseVNs(e,[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(s))]):Cell.renderDefaultCell(s)}};var _default=exports.default=Cell;

package/lib/table/src/footer.js

@@ -105,11 +105,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         tableReactData.lastScrollTime = Date.now();
         (0, _dom.setScrollLeft)(headerElem, scrollLeft);
         (0, _dom.setScrollLeft)(bodyElem, scrollLeft);
-        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
           type: renderType,
-          fixed: fixedType,
-          scrollTop,
-          scrollLeft
+          fixed: fixedType
         });
       }
     };

package/lib/table/src/footer.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,o,t){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===o&&n===t)return{rowspan:a,colspan:u};if(r<=o&&o<r+a&&n<=t&&t<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(a){const q=(0,_vue.inject)("$xeTable",{}),{xID:n,props:u,reactData:s,internalData:i}=q,{refTableHeader:c,refTableBody:d,refScrollXHandleElem:p}=q.getRefMaps(),{computeTooltipOpts:f,computeColumnOpts:v}=q.getComputeMaps(),x=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),R=e=>{var l=a["fixedType"],o=c.value,t=d.value,o=o?o.$el:null,r=x.value,t=t.$el,r=r.scrollLeft,n=p.value;n?n.scrollLeft=r:(n=t.scrollTop,i.lastScrollLeft=r,s.lastScrollTime=Date.now(),(0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(t,r),q.handleScrollEvent(e,!1,!0,{type:renderType,fixed:l,scrollTop:n,scrollLeft:r}))};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=a["fixedType"],l=i["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=x,l[e+"table"]=m,l[e+"colgroup"]=_,l[e+"list"]=g,l[e+"xSpace"]=y})}),(0,_vue.onUnmounted)(()=>{var e=a["fixedType"],l=i["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null});return()=>{let{fixedType:b,fixedColumn:e,tableColumn:h,footerTableData:w}=a;const{footerRowClassName:l,footerCellClassName:T,footerRowStyle:o,footerCellStyle:C,footerAlign:S,footerSpanMethod:I,align:F,columnKey:$,showFooterOverflow:O}=u;var t=i["visibleColumn"];const{scrollXLoad:M,overflowX:D,scrollbarWidth:r,currentColumn:L,mergeFooterList:j}=s,A=f.value,k=v.value;return b&&(h=s.expandColumn||!M&&!O||j.length&&I?t:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?`fixed-${b}--wrapper`:"body--wrapper"],xid:n,onScroll:R},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:y,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:n,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:_},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:g},w.map((_,g)=>{const y=g;var e={$table:q,row:_,_rowIndex:g,$rowIndex:y,fixed:b,type:renderType};return(0,_vue.h)("tr",{class:["vxe-footer--row",l?_xeUtils.default.isFunction(l)?l(e):l:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},h.map((l,e)=>{var{type:o,showFooterOverflow:t,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:s}=l,u=u||s,s=u?renderer.get(u.name):null;const i=A.showAll;u=l.children&&l.children.length,u=b?l.fixed!==b&&!u:l.fixed&&D,t=_xeUtils.default.eqNull(t)?O:t,r=r||(s?s.tableFooterCellAlign:"")||S||n||(s?s.tableCellAlign:"")||F;let c="ellipsis"===t;const d="title"===t,p=!0===t||"tooltip"===t;let f=d||p||c;var n={colid:l.id},s={},t=q.getColumnIndex(l),v=q.getVTColumnIndex(l),x=v;const m={$table:q,$grid:q.xegrid,row:_,rowIndex:g,_rowIndex:g,$rowIndex:y,column:l,columnIndex:t,$columnIndex:e,_columnIndex:v,itemIndex:x,items:_,fixed:b,type:renderType,data:w};if(M&&!f&&(c=f=!0),(d||p||i)&&(s.onMouseenter=e=>{d?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||i)&&q.triggerFooterTooltipEvent(e,m)}),(p||i)&&(s.onMouseleave=e=>{(p||i)&&q.handleTargetLeaveEvent(e)}),s.onClick=e=>{q.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},s.onDblclick=e=>{q.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},j.length){t=mergeFooterMethod(j,g,v);if(t){var{rowspan:x,colspan:v}=t;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(I){var{rowspan:t=1,colspan:x=1}=I(m)||{};if(!t||!x)return null;1<t&&(n.rowspan=t),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+o]:o,"col--last":e===h.length-1,"fixed--hidden":u,"col--ellipsis":f,"col--current":L===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),s),{key:$||k.useKey?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":p,"c--ellipsis":c}]},l.renderFooter(m))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,t,o){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===t&&n===o)return{rowspan:a,colspan:u};if(r<=t&&t<r+a&&n<=o&&o<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(a){const q=(0,_vue.inject)("$xeTable",{}),{xID:n,props:u,reactData:i,internalData:s}=q,{refTableHeader:c,refTableBody:d,refScrollXHandleElem:p}=q.getRefMaps(),{computeTooltipOpts:f,computeColumnOpts:v}=q.getComputeMaps(),x=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),R=e=>{var l=a["fixedType"],t=c.value,o=d.value,t=t?t.$el:null,r=x.value,o=o.$el,r=r.scrollLeft,n=p.value;n?n.scrollLeft=r:(n=o.scrollTop,s.lastScrollLeft=r,i.lastScrollTime=Date.now(),(0,_dom.setScrollLeft)(t,r),(0,_dom.setScrollLeft)(o,r),q.handleScrollEvent(e,!1,!0,n,r,{type:renderType,fixed:l}))};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=x,l[e+"table"]=m,l[e+"colgroup"]=_,l[e+"list"]=g,l[e+"xSpace"]=y})}),(0,_vue.onUnmounted)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null});return()=>{let{fixedType:b,fixedColumn:e,tableColumn:h,footerTableData:w}=a;const{footerRowClassName:l,footerCellClassName:T,footerRowStyle:t,footerCellStyle:C,footerAlign:S,footerSpanMethod:I,align:F,columnKey:$,showFooterOverflow:O}=u;var o=s["visibleColumn"];const{scrollXLoad:M,overflowX:D,scrollbarWidth:r,currentColumn:j,mergeFooterList:A}=i,L=f.value,k=v.value;return b&&(h=i.expandColumn||!M&&!O||A.length&&I?o:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?`fixed-${b}--wrapper`:"body--wrapper"],xid:n,onScroll:R},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:y,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:n,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:_},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:g},w.map((_,g)=>{const y=g;var e={$table:q,row:_,_rowIndex:g,$rowIndex:y,fixed:b,type:renderType};return(0,_vue.h)("tr",{class:["vxe-footer--row",l?_xeUtils.default.isFunction(l)?l(e):l:""],style:t?_xeUtils.default.isFunction(t)?t(e):t:null},h.map((l,e)=>{var{type:t,showFooterOverflow:o,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:i}=l,u=u||i,i=u?renderer.get(u.name):null;const s=L.showAll;u=l.children&&l.children.length,u=b?l.fixed!==b&&!u:l.fixed&&D,o=_xeUtils.default.eqNull(o)?O:o,r=r||(i?i.tableFooterCellAlign:"")||S||n||(i?i.tableCellAlign:"")||F;let c="ellipsis"===o;const d="title"===o,p=!0===o||"tooltip"===o;let f=d||p||c;var n={colid:l.id},i={},o=q.getColumnIndex(l),v=q.getVTColumnIndex(l),x=v;const m={$table:q,$grid:q.xegrid,row:_,rowIndex:g,_rowIndex:g,$rowIndex:y,column:l,columnIndex:o,$columnIndex:e,_columnIndex:v,itemIndex:x,items:_,fixed:b,type:renderType,data:w};if(M&&!f&&(c=f=!0),(d||p||s)&&(i.onMouseenter=e=>{d?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||s)&&q.triggerFooterTooltipEvent(e,m)}),(p||s)&&(i.onMouseleave=e=>{(p||s)&&q.handleTargetLeaveEvent(e)}),i.onClick=e=>{q.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},i.onDblclick=e=>{q.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},A.length){o=mergeFooterMethod(A,g,v);if(o){var{rowspan:x,colspan:v}=o;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(I){var{rowspan:o=1,colspan:x=1}=I(m)||{};if(!o||!x)return null;1<o&&(n.rowspan=o),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+t]:t,"col--last":e===h.length-1,"fixed--hidden":u,"col--ellipsis":f,"col--current":j===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),i),{key:$||k.useKey?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":p,"c--ellipsis":c}]},l.renderFooter(m))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});

package/lib/table/src/table.js

@@ -3360,11 +3360,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.lastScrollTime = Date.now();
       handleSyncScrollX(scrollLeft);
       $xeTable.triggerScrollXEvent(evnt);
-      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
         type: 'table',
-        fixed: '',
-        scrollTop,
-        scrollLeft
+        fixed: ''
       });
     };
     const debounceScrollYCalculate = _xeUtils.default.debounce(function () {
@@ -3396,11 +3394,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.lastScrollTime = Date.now();
       handleSyncScrollY(scrollTop);
       $xeTable.triggerScrollYEvent(evnt);
-      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
         type: 'table',
-        fixed: '',
-        scrollTop,
-        scrollLeft
+        fixed: ''
       });
     };
     let keyCtxTimeout;
@@ -4151,25 +4147,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 设置为固定列
        */
       setColumnFixed(fieldOrColumn, fixed) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        const targetColumn = (0, _util.getRootColumn)($xeTable, column);
-        const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
         const columnOpts = computeColumnOpts.value;
-        if (targetColumn && targetColumn.fixed !== fixed) {
-          // 是否超过最大固定列数量
-          if (!targetColumn.fixed && isMaxFixedColumn) {
-            if (_ui.VxeUI.modal) {
-              _ui.VxeUI.modal.message({
-                status: 'error',
-                content: getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
-              });
+        const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+        for (let i = 0; i < cols.length; i++) {
+          const item = cols[i];
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          const targetColumn = (0, _util.getRootColumn)($xeTable, column);
+          if (targetColumn && targetColumn.fixed !== fixed) {
+            // 是否超过最大固定列数量
+            if (!targetColumn.fixed && isMaxFixedColumn) {
+              if (_ui.VxeUI.modal) {
+                _ui.VxeUI.modal.message({
+                  status: 'error',
+                  content: getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
+                });
+              }
+              return (0, _vue.nextTick)();
+            }
+            _xeUtils.default.eachTree([targetColumn], column => {
+              column.fixed = fixed;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
             }
-            return (0, _vue.nextTick)();
           }
-          _xeUtils.default.eachTree([targetColumn], column => {
-            column.fixed = fixed;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        }
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0, _vue.nextTick)();
@@ -4178,13 +4184,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 取消指定固定列
        */
       clearColumnFixed(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        const targetColumn = (0, _util.getRootColumn)($xeTable, column);
-        if (targetColumn && targetColumn.fixed) {
-          _xeUtils.default.eachTree([targetColumn], column => {
-            column.fixed = null;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          const targetColumn = (0, _util.getRootColumn)($xeTable, column);
+          if (targetColumn && targetColumn.fixed) {
+            _xeUtils.default.eachTree([targetColumn], column => {
+              column.fixed = null;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0, _vue.nextTick)();
@@ -4193,9 +4208,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 隐藏指定列
        */
       hideColumn(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column && column.visible) {
-          column.visible = false;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column && column.visible) {
+            column.visible = false;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0, _vue.nextTick)();
@@ -4204,25 +4228,43 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 显示指定列
        */
       showColumn(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column && !column.visible) {
-          column.visible = true;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column && !column.visible) {
+            column.visible = true;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0, _vue.nextTick)();
       },
       setColumnWidth(fieldOrColumn, width) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column) {
-          const colWidth = _xeUtils.default.toInteger(width);
-          let rdWidth = colWidth;
-          if ((0, _dom.isScale)(width)) {
-            const tableBody = refTableBody.value;
-            const bodyElem = tableBody ? tableBody.$el : null;
-            const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
-            rdWidth = Math.floor(colWidth * bodyWidth);
-          }
-          column.resizeWidth = rdWidth;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column) {
+            const colWidth = _xeUtils.default.toInteger(width);
+            let rdWidth = colWidth;
+            if ((0, _dom.isScale)(width)) {
+              const tableBody = refTableBody.value;
+              const bodyElem = tableBody ? tableBody.$el : null;
+              const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
+              rdWidth = Math.floor(colWidth * bodyWidth);
+            }
+            column.resizeWidth = rdWidth;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0, _vue.nextTick)();
@@ -5344,16 +5386,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       scrollTo(scrollLeft, scrollTop) {
         const tableBody = refTableBody.value;
+        const tableHeader = refTableHeader.value;
         const tableFooter = refTableFooter.value;
+        const leftBody = refTableLeftBody.value;
         const rightBody = refTableRightBody.value;
         const tableBodyElem = tableBody ? tableBody.$el : null;
+        const leftBodyElem = leftBody ? leftBody.$el : null;
         const rightBodyElem = rightBody ? rightBody.$el : null;
+        const tableHeaderElem = tableHeader ? tableHeader.$el : null;
         const tableFooterElem = tableFooter ? tableFooter.$el : null;
         if (_xeUtils.default.isNumber(scrollLeft)) {
-          (0, _dom.setScrollLeft)(tableFooterElem || tableBodyElem, scrollLeft);
+          const xHandleEl = refScrollXHandleElem.value;
+          if (xHandleEl) {
+            (0, _dom.setScrollLeft)(xHandleEl, scrollLeft);
+          } else {
+            (0, _dom.setScrollLeft)(tableBodyElem, scrollLeft);
+            (0, _dom.setScrollLeft)(tableHeaderElem, scrollLeft);
+            (0, _dom.setScrollLeft)(tableFooterElem, scrollLeft);
+          }
         }
         if (_xeUtils.default.isNumber(scrollTop)) {
-          (0, _dom.setScrollTop)(rightBodyElem || tableBodyElem, scrollTop);
+          const yHandleEl = refScrollYHandleElem.value;
+          if (yHandleEl) {
+            (0, _dom.setScrollTop)(yHandleEl, scrollTop);
+          } else {
+            (0, _dom.setScrollTop)(tableBodyElem, scrollTop);
+            (0, _dom.setScrollTop)(leftBodyElem, scrollTop);
+            (0, _dom.setScrollTop)(rightBodyElem, scrollTop);
+          }
         }
         if (reactData.scrollXLoad || reactData.scrollYLoad) {
           return new Promise(resolve => {
@@ -6306,6 +6366,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       }
     };
+    const updateRowDropOrigin = row => {
+      const el = refElem.value;
+      if (el) {
+        const clss = 'row--drag-origin';
+        const rowid = (0, _util.getRowid)($xeTable, row);
+        _xeUtils.default.arrayEach(el.querySelectorAll(`[rowid="${rowid}"]`), elem => {
+          (0, _dom.addClass)(elem, clss);
+        });
+      }
+    };
     const clearRowDropTarget = () => {
       const el = refElem.value;
       if (el) {
@@ -6315,6 +6385,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       }
     };
+    const updateRowDropTarget = (row, dragPos) => {
+      const el = refElem.value;
+      if (el) {
+        const clss = 'row--drag-active-target';
+        const rowid = (0, _util.getRowid)($xeTable, row);
+        _xeUtils.default.arrayEach(el.querySelectorAll(`[rowid="${rowid}"]`), elem => {
+          (0, _dom.addClass)(elem, clss);
+          elem.setAttribute('drag-pos', dragPos);
+        });
+      }
+    };
     const showRowDropTip = evnt => {
       const rdTipEl = refRowDragTipElem.value;
       if (!rdTipEl) {
@@ -7698,7 +7779,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = reactData;
         const {
           afterFullData,
+          afterTreeFullData,
           tableFullData,
+          tableFullTreeData,
           prevDragRow,
           prevDragPos
         } = internalData;
@@ -7713,18 +7796,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 return;
               }
               const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
-              // 移出源位置
-              const oafIndex = $xeTable.findRowIndexOf(afterFullData, dragRow);
-              const otfIndex = $xeTable.findRowIndexOf(tableFullData, dragRow);
-              afterFullData.splice(oafIndex, 1);
-              tableFullData.splice(otfIndex, 1);
-              // 插新位置
-              const pafIndex = $xeTable.findRowIndexOf(afterFullData, prevDragRow);
-              const ptfIndex = $xeTable.findRowIndexOf(tableFullData, prevDragRow);
-              const nafIndex = pafIndex + dragOffsetIndex;
-              const ntfIndex = ptfIndex + dragOffsetIndex;
-              afterFullData.splice(nafIndex, 0, dragRow);
-              tableFullData.splice(ntfIndex, 0, dragRow);
+              let oafIndex = -1;
+              let nafIndex = -1;
+              if (treeConfig) {
+                // 移出源位置
+                oafIndex = $xeTable.findRowIndexOf(afterTreeFullData, dragRow);
+                const otfIndex = $xeTable.findRowIndexOf(tableFullTreeData, dragRow);
+                afterTreeFullData.splice(oafIndex, 1);
+                tableFullTreeData.splice(otfIndex, 1);
+                // 插新位置
+                const pafIndex = $xeTable.findRowIndexOf(afterTreeFullData, prevDragRow);
+                const ptfIndex = $xeTable.findRowIndexOf(tableFullTreeData, prevDragRow);
+                nafIndex = pafIndex + dragOffsetIndex;
+                const ntfIndex = ptfIndex + dragOffsetIndex;
+                afterTreeFullData.splice(nafIndex, 0, dragRow);
+                tableFullTreeData.splice(ntfIndex, 0, dragRow);
+              } else {
+                // 移出源位置
+                oafIndex = $xeTable.findRowIndexOf(afterFullData, dragRow);
+                const otfIndex = $xeTable.findRowIndexOf(tableFullData, dragRow);
+                afterFullData.splice(oafIndex, 1);
+                tableFullData.splice(otfIndex, 1);
+                // 插新位置
+                const pafIndex = $xeTable.findRowIndexOf(afterFullData, prevDragRow);
+                const ptfIndex = $xeTable.findRowIndexOf(tableFullData, prevDragRow);
+                nafIndex = pafIndex + dragOffsetIndex;
+                const ntfIndex = ptfIndex + dragOffsetIndex;
+                afterFullData.splice(nafIndex, 0, dragRow);
+                tableFullData.splice(ntfIndex, 0, dragRow);
+              }
               reactData.isDragRowMove = true;
               $xeTable.cacheRowMap();
               $xeTable.updateScrollYStatus();
@@ -7773,8 +7873,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           } = reactData;
           const offsetY = evnt.clientY - trEl.getBoundingClientRect().y;
           const dragPos = offsetY < trEl.clientHeight / 2 ? 'top' : 'bottom';
-          (0, _dom.addClass)(trEl, 'row--drag-active-target');
-          trEl.setAttribute('drag-pos', dragPos);
+          updateRowDropTarget(row, dragPos);
           internalData.prevDragRow = row;
           internalData.prevDragPos = dragPos;
           dispatchEvent('row-dragover', {
@@ -7808,7 +7907,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         reactData.dragRow = row;
         trEl.draggable = true;
-        (0, _dom.addClass)(trEl, 'row--drag-origin');
+        updateRowDropOrigin(row);
         showRowDropTip(evnt);
         updateRowDropTipContent(tdEl);
         dispatchEvent('row-dragstart', params, evnt);
@@ -7825,7 +7924,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       triggerScrollXEvent() {
         loadScrollXData();
       },
-      handleScrollEvent(evnt, isRollY, isRollX, params) {
+      handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
         const {
           highlightHoverRow
         } = props;
@@ -7843,20 +7942,39 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (tooltip && tooltip.reactData.visible) {
           tooltip.close();
         }
-        if (isRollX) {
-          tablePrivateMethods.checkScrolling();
-        }
         const bodyHeight = bodyElem ? bodyElem.clientHeight : 0;
         const bodyWidth = bodyElem ? bodyElem.clientWidth : 0;
         const scrollHeight = bodyElem ? bodyElem.scrollHeight : 0;
         const scrollWidth = bodyElem ? bodyElem.scrollWidth : 0;
+        let isTop = false;
+        let isBottom = false;
+        let isLeft = false;
+        let isRight = false;
+        if (isRollX) {
+          isLeft = scrollLeft <= 0;
+          if (!isTop) {
+            isRight = scrollLeft + bodyWidth >= scrollWidth;
+          }
+          tablePrivateMethods.checkScrolling();
+        } else {
+          isTop = scrollTop <= 0;
+          if (!isTop) {
+            isBottom = scrollTop + bodyHeight >= scrollHeight;
+          }
+        }
         const evntParams = Object.assign({
+          scrollTop,
+          scrollLeft,
           bodyHeight,
           bodyWidth,
           scrollHeight,
           scrollWidth,
           isX: isRollX,
-          isY: isRollY
+          isY: isRollY,
+          isTop,
+          isBottom,
+          isLeft,
+          isRight
         }, params);
         dispatchEvent('scroll', evntParams, evnt);
       },