vxe-table 4.7.76 → 4.7.78

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}=_ui.VxeUI;function renderTitlePrefixIcon(l){const{$table:t,column:e}=l,r=e.titlePrefix||e.titleHelp;return r?[(0,_vue.h)("i",{class:["vxe-cell-title-prefix-icon",r.icon||getIcon().TABLE_TITLE_PREFIX],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}})]:[]}function renderTitleSuffixIcon(l){const{$table:t,column:e}=l,r=e.titleSuffix;return r?[(0,_vue.h)("i",{class:["vxe-cell-title-suffix-icon",r.icon||getIcon().TABLE_TITLE_SUFFIX],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}})]:[]}function renderTitleContent(l,e){const{$table:t,column:r}=l,{props:n,reactData:a}=t;var o=t.getComputeMaps()["computeTooltipOpts"],d=n["showHeaderOverflow"],{type:i,showHeaderOverflow:c}=r;const s=o.value.showAll;o=_xeUtils.default.isUndefined(c)||_xeUtils.default.isNull(c)?d:c;const u="title"===o,C=!0===o||"tooltip"===o;d={};return(u||C||s)&&(d.onMouseenter=e=>{a._isResize||(u?(0,_dom.updateCellTitle)(e.currentTarget,r):(C||s)&&t.triggerHeaderTooltipEvent(e,l))}),(C||s)&&(d.onMouseleave=e=>{a._isResize||(C||s)&&t.handleTargetLeaveEvent(e)}),["html"===i&&_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 t,r;return _xeUtils.default.isFunction(e)?e(l):(r=(r=(t=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?r.tableFooterCellFormatMethod:null)?t?r(l,...e.slice(1)):r(l):""}function getFooterContent(e){var{$table:l,column:t,_columnIndex:r,items:n,row:a}=e,{slots:o,editRender:d,cellRender:i,footerFormatter:c}=t,d=d||i,i=o?o.footer:null;if(i)return l.callSlot(i,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 s="";return _xeUtils.default.isArray(n)?s=n[r]:s=_xeUtils.default.get(a,t.field),[c?formatFooterLabel(c,{itemValue:s,column:t,row:a,items:n,_columnIndex:r}):(0,_utils.formatText)(s,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:t}=e;return(0,_utils.formatText)(e.getCellLabel(l,t),1)}const Cell=exports.Cell={createColumn(e,l){var{type:t,sortable:r,filters:n,editRender:a,treeNode:o}=l,d=e["props"],i=d["editConfig"],{computeEditOpts:d,computeCheckboxOpts:c}=e.getComputeMaps(),s=c.value,u=d.value,C={renderHeader:Cell.renderDefaultHeader,renderCell:o?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(t){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=s.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&&r?C.renderHeader=Cell.renderSortAndFilterHeader:r?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader);break;default:i&&a?(C.renderHeader=Cell.renderEditHeader,C.renderCell="cell"===u.mode?o?Cell.renderTreeCellEdit:Cell.renderCellEdit:o?Cell.renderTreeRowEdit:Cell.renderRowEdit):n&&r?C.renderHeader=Cell.renderSortAndFilterHeader:r?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,C)},renderHeaderTitle(e){var{$table:l,column:t}=e,{slots:r,editRender:n,cellRender:a}=t,n=n||a,a=r?r.header:null;if(a)return renderTitleContent(e,l.callSlot(a,e));if(n){r=renderer.get(n.name);if(r){l=r.renderTableHeader||r.renderHeader;if(l)return renderTitleContent(e,(0,_vn.getSlotVNs)(l(n,e)))}}return renderTitleContent(e,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e){return renderTitlePrefixIcon(e).concat(Cell.renderHeaderTitle(e)).concat(renderTitleSuffixIcon(e))},renderDefaultCell(e){var{$table:l,row:t,column:r}=e,{slots:n,editRender:a,cellRender:o}=r,o=a||o,n=n?n.default:null;if(n)return 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(0,_vn.getSlotVNs)(d(o,Object.assign({$type:a?"edit":"cell"},e)))}}n=l.getCellLabel(t,r),d=a?a.placeholder:"";return[(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,_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:t,isHidden:r}=l;var{reactData:n,internalData:a}=t,o=t.getComputeMaps()["computeTreeOpts"],{treeExpandedMaps:n,treeExpandLazyLoadedMaps:d}=n,a=a["fullAllDataRowIdData"],o=o.value,{row:i,column:c,level:s}=l,c=c["slots"],{indent:u,lazy:C,trigger:v,iconLoaded:p,showIcon:_,iconOpen:b,iconClose:g}=o,h=o.children||o.childrenField,o=o.hasChild||o.hasChildField,h=i[h],h=h&&h.length,c=c?c.icon:null;let E=!1,x=!1,f=!1,T=!1;var m={};return c?t.callSlot(c,l):(r||(c=(0,_util.getRowid)(t,i),x=!!n[c],C&&(n=a[c],f=!!d[c],E=i[o],T=!!n.treeLoaded)),v&&"default"!==v||(m.onClick=e=>{t.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:{paddingLeft:s*u+"px"}},[_&&(!C||T?h: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?b||getIcon().TABLE_TREE_OPEN:g||getIcon().TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderSeqHeader(e){var{$table:l,column:t}=e,r=t["slots"],r=r?r.header:null;return renderTitleContent(e,r?l.callSlot(r,e):(0,_utils.formatText)(t.getTitle(),1))},renderSeqCell(e){var{$table:l,column:t}=e,r=l["props"],r=r["treeConfig"],n=l.getComputeMaps()["computeSeqOpts"],n=n.value,t=t["slots"],t=t?t.default:null;return t?l.callSlot(t,e):(l=e["seq"],t=n.seqMethod,[(0,_utils.formatText)(t?t(e):r?l:(n.startIndex||0)+l,1)])},renderTreeIndexCell(e){return Cell.renderTreeIcon(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:t}=e,r=t["slots"],n=r?r.header:null,r=r?r.title:null;return renderTitleContent(e,n?l.callSlot(n,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},r?l.callSlot(r,e):(0,_utils.formatText)(t.getTitle(),1))])},renderRadioCell(l){const{$table:t,column:e,isHidden:r}=l;var n=t["reactData"],a=t.getComputeMaps()["computeRadioOpts"],n=n["selectRadioRow"],o=e["slots"],{labelField:a,checkMethod:d,visibleMethod:i}=a.value,c=l["row"],s=o?o.default:null,o=o?o.radio:null,n=t.eqRow(c,n);const u=!i||i({row:c});let C=!!d,v;r||(v={onClick(e){!C&&u&&t.triggerRadioRowEvent(e,l)}},d&&(C=!d({row:c})));i=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:u});return o?t.callSlot(o,i):(d=[],u&&d.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(s||a)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},s?t.callSlot(s,i):_xeUtils.default.get(c,a))),[(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:t,isHidden:r}=e;var n=l["reactData"],{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();const{isAllSelected:d,isIndeterminate:i}=n,c=a.value;var n=t["slots"],a=n?n.header:null,n=n?n.title:null,o=o.value,s=t.getTitle();let u;r||(u={onClick(e){c||l.triggerCheckAllEvent(e,!d)}});e=Object.assign(Object.assign({},e),{checked:d,disabled:c,indeterminate:i});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":c,"is--indeterminate":i}],title:getI18n("vxe.table.allTitle")},u),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:d?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(n||s?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):s)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):s)])},renderCheckboxCell(l){const{$table:t,row:e,column:r,isHidden:n}=l;var{props:a,reactData:o}=t,a=a["treeConfig"],{selectCheckboxMaps:o,treeIndeterminateMaps:d}=o,i=t.getComputeMaps()["computeCheckboxOpts"],{labelField:i,checkMethod:c,visibleMethod:s}=i.value,u=r["slots"],C=u?u.default:null,u=u?u.checkbox:null;let v=!1,p=!1;const _=!s||s({row:e});let b=!!c,g;n||(s=(0,_util.getRowid)(t,e),p=!!o[s],g={onClick(e){!b&&_&&t.triggerCheckRowEvent(e,l,!p)}},c&&(b=!c({row:e})),a&&(v=!!d[s]));o=Object.assign(Object.assign({},l),{checked:p,disabled:b,visible:_,indeterminate:v});return u?t.callSlot(u,o):(c=[],_&&c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:p?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(C||i)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},C?t.callSlot(C,o):_xeUtils.default.get(e,i))),[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":p,"is--disabled":b,"is--indeterminate":v,"is--hidden":!_}]},g),c)])},renderTreeSelectionCell(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){const{$table:t,row:e,column:r,isHidden:n}=l;var{props:a,reactData:o}=t,a=a["treeConfig"],o=o["treeIndeterminateMaps"],d=t.getComputeMaps()["computeCheckboxOpts"],d=d.value,{labelField:i,checkField:c,checkMethod:s,visibleMethod:u}=d,d=d.indeterminateField||d.halfField,C=r["slots"],v=C?C.default:null,C=C?C.checkbox:null;let p=!1,_=!1;const b=!u||u({row:e});let g=!!s,h;n||(u=(0,_util.getRowid)(t,e),_=_xeUtils.default.get(e,c),h={onClick(e){!g&&b&&t.triggerCheckRowEvent(e,l,!_)}},s&&(g=!s({row:e})),a&&(p=!!o[u]));c=Object.assign(Object.assign({},l),{checked:_,disabled:g,visible:b,indeterminate:p});return C?t.callSlot(C,c):(s=[],b&&(s.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",p?getIcon().TABLE_CHECKBOX_INDETERMINATE:_?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),v||i)&&s.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?t.callSlot(v,c):_xeUtils.default.get(e,i))),[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":_,"is--disabled":g,"is--indeterminate":d&&!_?e[d]:p,"is--hidden":!b}]},h),s)])},renderTreeSelectionCellByProp(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){const{$table:t,isHidden:e,row:r,column:n}=l;var a=t["reactData"],{rowExpandedMaps:a,rowExpandLazyLoadedMaps:o}=a,d=t.getComputeMaps()["computeExpandOpts"],{lazy:d,labelField:i,iconLoaded:c,showIcon:s,iconOpen:u,iconClose:C,visibleMethod:v}=d.value,p=n["slots"],_=p?p.default:null,p=p?p.icon:null;let b=!1,g=!1;return p?t.callSlot(p,l):(e||(p=(0,_util.getRowid)(t,r),b=!!a[p],d&&(g=!!o[p])),[!s||v&&!v(l)?null:(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":b}],onClick(e){t.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",g?c||getIcon().TABLE_EXPAND_LOADED:b?u||getIcon().TABLE_EXPAND_OPEN:C||getIcon().TABLE_EXPAND_CLOSE]})]),_||i?(0,_vue.h)("span",{class:"vxe-table--expand-label"},_?t.callSlot(_,l):_xeUtils.default.get(r,i)):null])},renderExpandData(e){var{$table:l,column:t}=e,{slots:t,contentRender:r}=t,t=t?t.content:null;if(t)return l.callSlot(t,e);if(r){l=renderer.get(r.name);if(l){t=l.renderTableExpand||l.renderExpand;if(t)return(0,_vn.getSlotVNs)(t(r,e))}}return[]},renderHTMLCell(e){var{$table:l,column:t}=e,t=t["slots"],t=t?t.default:null;return t?l.callSlot(t,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:t}=e;var e=l.getComputeMaps()["computeSortOpts"],{showIcon:e,iconLayout:r,iconAsc:n,iconDesc:a}=e.value,o=t["order"];return e?[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${r}-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,t,"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,t,"desc")}})])]:[]},renderFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon(l){const{$table:t,column:e,hasFilter:r}=l;var n=t["reactData"],n=n["filterStore"],a=t.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",r?d||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter"),onClick(e){t.triggerFilterEvent&&t.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader(e){var{$table:l,column:t}=e,r=l["props"],l=l.getComputeMaps()["computeEditOpts"],{editConfig:r,editRules:n}=r,l=l.value,{sortable:a,filters:o,editRender:d}=t;let i=!1;return n&&(n=_xeUtils.default.get(n,t.field))&&(i=n.some(e=>e.required)),((0,_utils.isEnableConf)(r)?[i&&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:t}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],t=t["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(t)&&l&&l.row===e.row)},renderTreeRowEdit(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:t}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],t=t["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(t)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:t,column:r}=e,{slots:r,editRender:n,formatter:a}=r,o=r?r.default:null,r=r?r.edit:null,d=renderer.get(n.name),d=d?d.renderTableEdit||d.renderEdit:null,e=Object.assign({$type:"",isEdit:l},e);return l?(e.$type="edit",r?t.callSlot(r,e):d?(0,_vn.getSlotVNs)(d(n,e)):[]):o?t.callSlot(o,e):a?[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(e))]:Cell.renderDefaultCell(e)}};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}=_ui.VxeUI;function renderTitlePrefixIcon(l){const{$table:t,column:e}=l,r=e.titlePrefix||e.titleHelp;return r?[(0,_vue.h)("i",{class:["vxe-cell-title-prefix-icon",r.icon||getIcon().TABLE_TITLE_PREFIX],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}})]:[]}function renderTitleSuffixIcon(l){const{$table:t,column:e}=l,r=e.titleSuffix;return r?[(0,_vue.h)("i",{class:["vxe-cell-title-suffix-icon",r.icon||getIcon().TABLE_TITLE_SUFFIX],onMouseenter(e){t.triggerHeaderTitleEvent(e,r,l)},onMouseleave(e){t.handleTargetLeaveEvent(e)}})]:[]}function renderTitleContent(l,e){const{$table:t,column:r}=l,{props:n,reactData:a}=t;var o=t.getComputeMaps()["computeTooltipOpts"],d=n["showHeaderOverflow"],{type:i,showHeaderOverflow:c}=r;const s=o.value.showAll;o=_xeUtils.default.isUndefined(c)||_xeUtils.default.isNull(c)?d:c;const u="title"===o,C=!0===o||"tooltip"===o;d={};return(u||C||s)&&(d.onMouseenter=e=>{a._isResize||(u?(0,_dom.updateCellTitle)(e.currentTarget,r):(C||s)&&t.triggerHeaderTooltipEvent(e,l))}),(C||s)&&(d.onMouseleave=e=>{a._isResize||(C||s)&&t.handleTargetLeaveEvent(e)}),["html"===i&&_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 t,r;return _xeUtils.default.isFunction(e)?e(l):(r=(r=(t=_xeUtils.default.isArray(e))?formats.get(e[0]):formats.get(e))?r.tableFooterCellFormatMethod:null)?t?r(l,...e.slice(1)):r(l):""}function getFooterContent(e){var{$table:l,column:t,_columnIndex:r,items:n,row:a}=e,{slots:o,editRender:d,cellRender:i,footerFormatter:c}=t,d=d||i,i=o?o.footer:null;if(i)return l.callSlot(i,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 s="";return _xeUtils.default.isArray(n)?s=n[r]:s=_xeUtils.default.get(a,t.field),[c?formatFooterLabel(c,{itemValue:s,column:t,row:a,items:n,_columnIndex:r}):(0,_utils.formatText)(s,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:t}=e;return(0,_utils.formatText)(e.getCellLabel(l,t),1)}const Cell=exports.Cell={createColumn(e,l){var{type:t,sortable:r,filters:n,editRender:a,treeNode:o}=l,d=e["props"],i=d["editConfig"],{computeEditOpts:d,computeCheckboxOpts:c}=e.getComputeMaps(),s=c.value,u=d.value,C={renderHeader:Cell.renderDefaultHeader,renderCell:o?Cell.renderTreeCell:Cell.renderDefaultCell,renderFooter:Cell.renderDefaultFooter};switch(t){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=s.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&&r?C.renderHeader=Cell.renderSortAndFilterHeader:r?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader);break;default:i&&a?(C.renderHeader=Cell.renderEditHeader,C.renderCell="cell"===u.mode?o?Cell.renderTreeCellEdit:Cell.renderCellEdit:o?Cell.renderTreeRowEdit:Cell.renderRowEdit):n&&r?C.renderHeader=Cell.renderSortAndFilterHeader:r?C.renderHeader=Cell.renderSortHeader:n&&(C.renderHeader=Cell.renderFilterHeader)}return(0,_util.createColumn)(e,l,C)},renderHeaderTitle(e){var{$table:l,column:t}=e,{slots:r,editRender:n,cellRender:a}=t,n=n||a,a=r?r.header:null;if(a)return renderTitleContent(e,l.callSlot(a,e));if(n){r=renderer.get(n.name);if(r){l=r.renderTableHeader||r.renderHeader;if(l)return renderTitleContent(e,(0,_vn.getSlotVNs)(l(n,e)))}}return renderTitleContent(e,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e){return renderTitlePrefixIcon(e).concat(Cell.renderHeaderTitle(e)).concat(renderTitleSuffixIcon(e))},renderDefaultCell(e){var{$table:l,row:t,column:r}=e,{slots:n,editRender:a,cellRender:o}=r,o=a||o,n=n?n.default:null;if(n)return 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(0,_vn.getSlotVNs)(d(o,Object.assign({$type:a?"edit":"cell"},e)))}}n=l.getCellLabel(t,r),d=a?a.placeholder:"";return[(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:t,isHidden:r}=l;var{reactData:n,internalData:a}=t,o=t.getComputeMaps()["computeTreeOpts"],{treeExpandedMaps:n,treeExpandLazyLoadedMaps:d}=n,a=a["fullAllDataRowIdData"],o=o.value,{row:i,column:c,level:s}=l,c=c["slots"],{indent:u,lazy:C,trigger:v,iconLoaded:p,showIcon:_,iconOpen:b,iconClose:g}=o,h=o.children||o.childrenField,o=o.hasChild||o.hasChildField,h=i[h],h=h&&h.length,c=c?c.icon:null;let E=!1,x=!1,f=!1,T=!1;var m={};return c?t.callSlot(c,l):(r||(c=(0,_util.getRowid)(t,i),x=!!n[c],C&&(n=a[c],f=!!d[c],E=i[o],T=!!n.treeLoaded)),v&&"default"!==v||(m.onClick=e=>{t.triggerTreeExpandEvent(e,l)}),[(0,_vue.h)("div",{class:["vxe-cell--tree-node",{"is--active":x}],style:{paddingLeft:s*u+"px"}},[_&&(!C||T?h: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?b||getIcon().TABLE_TREE_OPEN:g||getIcon().TABLE_TREE_CLOSE]})])]:null,(0,_vue.h)("div",{class:"vxe-tree-cell"},e)])])},renderSeqHeader(e){var{$table:l,column:t}=e,r=t["slots"],r=r?r.header:null;return renderTitleContent(e,r?l.callSlot(r,e):(0,_utils.formatText)(t.getTitle(),1))},renderSeqCell(e){var{$table:l,column:t}=e,r=l["props"],r=r["treeConfig"],n=l.getComputeMaps()["computeSeqOpts"],n=n.value,t=t["slots"],t=t?t.default:null;return t?l.callSlot(t,e):(l=e["seq"],t=n.seqMethod,[(0,_utils.formatText)(t?t(e):r?l:(n.startIndex||0)+l,1)])},renderTreeIndexCell(e){return Cell.renderTreeIcon(e,Cell.renderSeqCell(e))},renderRadioHeader(e){var{$table:l,column:t}=e,r=t["slots"],n=r?r.header:null,r=r?r.title:null;return renderTitleContent(e,n?l.callSlot(n,e):[(0,_vue.h)("span",{class:"vxe-radio--label"},r?l.callSlot(r,e):(0,_utils.formatText)(t.getTitle(),1))])},renderRadioCell(l){const{$table:t,column:e,isHidden:r}=l;var n=t["reactData"],a=t.getComputeMaps()["computeRadioOpts"],n=n["selectRadioRow"],o=e["slots"],{labelField:a,checkMethod:d,visibleMethod:i}=a.value,c=l["row"],s=o?o.default:null,o=o?o.radio:null,n=t.eqRow(c,n);const u=!i||i({row:c});let C=!!d,v;r||(v={onClick(e){!C&&u&&t.triggerRadioRowEvent(e,l)}},d&&(C=!d({row:c})));i=Object.assign(Object.assign({},l),{checked:n,disabled:C,visible:u});return o?t.callSlot(o,i):(d=[],u&&d.push((0,_vue.h)("span",{class:["vxe-radio--icon",n?getIcon().TABLE_RADIO_CHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(s||a)&&d.push((0,_vue.h)("span",{class:"vxe-radio--label"},s?t.callSlot(s,i):_xeUtils.default.get(c,a))),[(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:t,isHidden:r}=e;var n=l["reactData"],{computeIsAllCheckboxDisabled:a,computeCheckboxOpts:o}=l.getComputeMaps();const{isAllSelected:d,isIndeterminate:i}=n,c=a.value;var n=t["slots"],a=n?n.header:null,n=n?n.title:null,o=o.value,s=t.getTitle();let u;r||(u={onClick(e){c||l.triggerCheckAllEvent(e,!d)}});e=Object.assign(Object.assign({},e),{checked:d,disabled:c,indeterminate:i});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":c,"is--indeterminate":i}],title:getI18n("vxe.table.allTitle")},u),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?getIcon().TABLE_CHECKBOX_INDETERMINATE:d?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(n||s?[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):s)]:[]))]):renderTitleContent(e,[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?l.callSlot(n,e):s)])},renderCheckboxCell(l){const{$table:t,row:e,column:r,isHidden:n}=l;var{props:a,reactData:o}=t,a=a["treeConfig"],{selectCheckboxMaps:o,treeIndeterminateMaps:d}=o,i=t.getComputeMaps()["computeCheckboxOpts"],{labelField:i,checkMethod:c,visibleMethod:s}=i.value,u=r["slots"],C=u?u.default:null,u=u?u.checkbox:null;let v=!1,p=!1;const _=!s||s({row:e});let b=!!c,g;n||(s=(0,_util.getRowid)(t,e),p=!!o[s],g={onClick(e){!b&&_&&t.triggerCheckRowEvent(e,l,!p)}},c&&(b=!c({row:e})),a&&(v=!!d[s]));o=Object.assign(Object.assign({},l),{checked:p,disabled:b,visible:_,indeterminate:v});return u?t.callSlot(u,o):(c=[],_&&c.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:p?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(C||i)&&c.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},C?t.callSlot(C,o):_xeUtils.default.get(e,i))),[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":p,"is--disabled":b,"is--indeterminate":v,"is--hidden":!_}]},g),c)])},renderTreeSelectionCell(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCell(e))},renderCheckboxCellByProp(l){const{$table:t,row:e,column:r,isHidden:n}=l;var{props:a,reactData:o}=t,a=a["treeConfig"],o=o["treeIndeterminateMaps"],d=t.getComputeMaps()["computeCheckboxOpts"],d=d.value,{labelField:i,checkField:c,checkMethod:s,visibleMethod:u}=d,d=d.indeterminateField||d.halfField,C=r["slots"],v=C?C.default:null,C=C?C.checkbox:null;let p=!1,_=!1;const b=!u||u({row:e});let g=!!s,h;n||(u=(0,_util.getRowid)(t,e),_=_xeUtils.default.get(e,c),h={onClick(e){!g&&b&&t.triggerCheckRowEvent(e,l,!_)}},s&&(g=!s({row:e})),a&&(p=!!o[u]));c=Object.assign(Object.assign({},l),{checked:_,disabled:g,visible:b,indeterminate:p});return C?t.callSlot(C,c):(s=[],b&&(s.push((0,_vue.h)("span",{class:["vxe-checkbox--icon",p?getIcon().TABLE_CHECKBOX_INDETERMINATE:_?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),v||i)&&s.push((0,_vue.h)("span",{class:"vxe-checkbox--label"},v?t.callSlot(v,c):_xeUtils.default.get(e,i))),[(0,_vue.h)("span",Object.assign({class:["vxe-cell--checkbox",{"is--checked":_,"is--disabled":g,"is--indeterminate":d&&!_?e[d]:p,"is--hidden":!b}]},h),s)])},renderTreeSelectionCellByProp(e){return Cell.renderTreeIcon(e,Cell.renderCheckboxCellByProp(e))},renderExpandCell(l){const{$table:t,isHidden:e,row:r,column:n}=l;var a=t["reactData"],{rowExpandedMaps:a,rowExpandLazyLoadedMaps:o}=a,d=t.getComputeMaps()["computeExpandOpts"],{lazy:d,labelField:i,iconLoaded:c,showIcon:s,iconOpen:u,iconClose:C,visibleMethod:v}=d.value,p=n["slots"],_=p?p.default:null,p=p?p.icon:null;let b=!1,g=!1;return p?t.callSlot(p,l):(e||(p=(0,_util.getRowid)(t,r),b=!!a[p],d&&(g=!!o[p])),[!s||v&&!v(l)?null:(0,_vue.h)("span",{class:["vxe-table--expanded",{"is--active":b}],onClick(e){t.triggerRowExpandEvent(e,l)}},[(0,_vue.h)("i",{class:["vxe-table--expand-btn",g?c||getIcon().TABLE_EXPAND_LOADED:b?u||getIcon().TABLE_EXPAND_OPEN:C||getIcon().TABLE_EXPAND_CLOSE]})]),_||i?(0,_vue.h)("span",{class:"vxe-table--expand-label"},_?t.callSlot(_,l):_xeUtils.default.get(r,i)):null])},renderExpandData(e){var{$table:l,column:t}=e,{slots:t,contentRender:r}=t,t=t?t.content:null;if(t)return l.callSlot(t,e);if(r){l=renderer.get(r.name);if(l){t=l.renderTableExpand||l.renderExpand;if(t)return(0,_vn.getSlotVNs)(t(r,e))}}return[]},renderHTMLCell(e){var{$table:l,column:t}=e,t=t["slots"],t=t?t.default:null;return t?l.callSlot(t,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:t}=e;var e=l.getComputeMaps()["computeSortOpts"],{showIcon:e,iconLayout:r,iconAsc:n,iconDesc:a}=e.value,o=t["order"];return e?[(0,_vue.h)("span",{class:["vxe-cell--sort",`vxe-cell--sort-${r}-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,t,"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,t,"desc")}})])]:[]},renderFilterHeader(e){return Cell.renderDefaultHeader(e).concat(Cell.renderFilterIcon(e))},renderFilterIcon(l){const{$table:t,column:e,hasFilter:r}=l;var n=t["reactData"],n=n["filterStore"],a=t.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",r?d||getIcon().TABLE_FILTER_MATCH:o||getIcon().TABLE_FILTER_NONE],title:getI18n("vxe.table.filter"),onClick(e){t.triggerFilterEvent&&t.triggerFilterEvent(e,l.column,l)}})])]:[]},renderEditHeader(e){var{$table:l,column:t}=e,r=l["props"],l=l.getComputeMaps()["computeEditOpts"],{editConfig:r,editRules:n}=r,l=l.value,{sortable:a,filters:o,editRender:d}=t;let i=!1;return n&&(n=_xeUtils.default.get(n,t.field))&&(i=n.some(e=>e.required)),((0,_utils.isEnableConf)(r)?[i&&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:t}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],t=t["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(t)&&l&&l.row===e.row)},renderTreeRowEdit(e){return Cell.renderTreeIcon(e,Cell.renderRowEdit(e))},renderCellEdit(e){var{$table:l,column:t}=e,l=l["reactData"],l=l["editStore"],l=l["actived"],t=t["editRender"];return Cell.runRenderer(e,(0,_utils.isEnableConf)(t)&&l&&l.row===e.row&&l.column===e.column)},renderTreeCellEdit(e){return Cell.renderTreeIcon(e,Cell.renderCellEdit(e))},runRenderer(e,l){var{$table:t,column:r}=e,{slots:r,editRender:n,formatter:a}=r,o=r?r.default:null,r=r?r.edit:null,d=renderer.get(n.name),d=d?d.renderTableEdit||d.renderEdit:null,e=Object.assign({$type:"",isEdit:l},e);return l?(e.$type="edit",r?t.callSlot(r,e):d?(0,_vn.getSlotVNs)(d(n,e)):[]):o?t.callSlot(o,e):a?[(0,_vue.h)("span",{class:"vxe-cell--label"},getDefaultCellLabel(e))]:Cell.renderDefaultCell(e)}};var _default=exports.default=Cell;

package/lib/table/src/column.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.columnProps = void 0;
 var _vue = require("vue");
-var _util = require("../../table/src/util");
-var _cell = _interopRequireDefault(require("../../table/src/cell"));
+var _util = require("./util");
+var _cell = _interopRequireDefault(require("./cell"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const columnProps = exports.columnProps = {
   // 列唯一主键
@@ -122,25 +122,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
     slots
   }) {
     const refElem = (0, _vue.ref)();
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const parentColgroup = (0, _vue.inject)('$xeColgroup', null);
-    const column = _cell.default.createColumn($xeTable, props);
-    column.slots = slots;
+    const $xeTable = (0, _vue.inject)('$xeTable', null);
+    const $xeColgroup = (0, _vue.inject)('$xeColgroup', null);
+    if (!$xeTable) {
+      return () => (0, _vue.createCommentVNode)();
+    }
+    const columnConfig = _cell.default.createColumn($xeTable, props);
+    columnConfig.slots = slots;
     const renderVN = () => {
       return (0, _vue.h)('div', {
         ref: refElem
       });
     };
     const $xeColumn = {
-      column,
+      columnConfig,
       renderVN
     };
-    (0, _util.watchColumn)($xeTable, props, column);
+    (0, _util.watchColumn)($xeTable, props, columnConfig);
     (0, _vue.onMounted)(() => {
-      (0, _util.assembleColumn)($xeTable, refElem.value, column, parentColgroup);
+      const elem = refElem.value;
+      if (elem) {
+        (0, _util.assembleColumn)($xeTable, elem, columnConfig, $xeColgroup);
+      }
     });
     (0, _vue.onUnmounted)(() => {
-      (0, _util.destroyColumn)($xeTable, column);
+      (0, _util.destroyColumn)($xeTable, columnConfig);
     });
     (0, _vue.provide)('$xeColumn', $xeColumn);
     (0, _vue.provide)('$xeGrid', null);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.columnProps=void 0;var _vue=require("vue"),_util=require("../../table/src/util"),_cell=_interopRequireDefault(require("../../table/src/cell"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const columnProps=exports.columnProps={colId:[String,Number],type:String,field:String,title:String,width:[Number,String],minWidth:[Number,String],maxWidth:[Number,String],resizable:{type:Boolean,default:null},fixed:String,align:String,headerAlign:String,footerAlign:String,showOverflow:{type:[Boolean,String],default:null},showHeaderOverflow:{type:[Boolean,String],default:null},showFooterOverflow:{type:[Boolean,String],default:null},className:[String,Function],headerClassName:[String,Function],footerClassName:[String,Function],formatter:[Function,Array,String],footerFormatter:[Function,Array,String],sortable:Boolean,sortBy:[String,Function],sortType:String,filters:{type:Array,default:null},filterMultiple:{type:Boolean,default:!0},filterMethod:Function,filterResetMethod:Function,filterRecoverMethod:Function,filterRender:Object,treeNode:Boolean,visible:{type:Boolean,default:null},headerExportMethod:Function,exportMethod:Function,footerExportMethod:Function,titleHelp:Object,titlePrefix:Object,titleSuffix:Object,cellType:String,cellRender:Object,editRender:Object,contentRender:Object,params:Object};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColumn",props:columnProps,setup(e,{slots:t}){const r=(0,_vue.ref)(),o=(0,_vue.inject)("$xeTable",{}),n=(0,_vue.inject)("$xeColgroup",null),l=_cell.default.createColumn(o,e);l.slots=t;var t=()=>(0,_vue.h)("div",{ref:r}),u={column:l,renderVN:t};return(0,_util.watchColumn)(o,e,l),(0,_vue.onMounted)(()=>{(0,_util.assembleColumn)(o,r.value,l,n)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyColumn)(o,l)}),(0,_vue.provide)("$xeColumn",u),(0,_vue.provide)("$xeGrid",null),t}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.columnProps=void 0;var _vue=require("vue"),_util=require("./util"),_cell=_interopRequireDefault(require("./cell"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const columnProps=exports.columnProps={colId:[String,Number],type:String,field:String,title:String,width:[Number,String],minWidth:[Number,String],maxWidth:[Number,String],resizable:{type:Boolean,default:null},fixed:String,align:String,headerAlign:String,footerAlign:String,showOverflow:{type:[Boolean,String],default:null},showHeaderOverflow:{type:[Boolean,String],default:null},showFooterOverflow:{type:[Boolean,String],default:null},className:[String,Function],headerClassName:[String,Function],footerClassName:[String,Function],formatter:[Function,Array,String],footerFormatter:[Function,Array,String],sortable:Boolean,sortBy:[String,Function],sortType:String,filters:{type:Array,default:null},filterMultiple:{type:Boolean,default:!0},filterMethod:Function,filterResetMethod:Function,filterRecoverMethod:Function,filterRender:Object,treeNode:Boolean,visible:{type:Boolean,default:null},headerExportMethod:Function,exportMethod:Function,footerExportMethod:Function,titleHelp:Object,titlePrefix:Object,titleSuffix:Object,cellType:String,cellRender:Object,editRender:Object,contentRender:Object,params:Object};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColumn",props:columnProps,setup(e,{slots:t}){const r=(0,_vue.ref)(),n=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeColgroup",null);if(!n)return()=>(0,_vue.createCommentVNode)();const l=_cell.default.createColumn(n,e);l.slots=t;var t=()=>(0,_vue.h)("div",{ref:r}),u={columnConfig:l,renderVN:t};return(0,_util.watchColumn)(n,e,l),(0,_vue.onMounted)(()=>{var e=r.value;e&&(0,_util.assembleColumn)(n,e,l,o)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyColumn)(n,l)}),(0,_vue.provide)("$xeColumn",u),(0,_vue.provide)("$xeGrid",null),t}});

package/lib/table/src/group.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _column = require("./column");
-var _util = require("../../table/src/util");
-var _cell = _interopRequireDefault(require("../../table/src/cell"));
+var _util = require("./util");
+var _cell = _interopRequireDefault(require("./cell"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeColgroup',
@@ -16,21 +16,27 @@ var _default = exports.default = (0, _vue.defineComponent)({
     slots
   }) {
     const refElem = (0, _vue.ref)();
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const parentColgroup = (0, _vue.inject)('$xeColgroup', null);
-    const column = _cell.default.createColumn($xeTable, props);
+    const $xeTable = (0, _vue.inject)('$xeTable', null);
+    const $xeParentColgroup = (0, _vue.inject)('$xeColgroup', null);
+    if (!$xeTable) {
+      return () => (0, _vue.createCommentVNode)();
+    }
+    const columnConfig = _cell.default.createColumn($xeTable, props);
     const columnSlots = {};
     if (slots.header) {
       columnSlots.header = slots.header;
     }
-    column.slots = columnSlots;
-    column.children = [];
-    (0, _util.watchColumn)($xeTable, props, column);
+    columnConfig.slots = columnSlots;
+    columnConfig.children = [];
+    (0, _util.watchColumn)($xeTable, props, columnConfig);
     (0, _vue.onMounted)(() => {
-      (0, _util.assembleColumn)($xeTable, refElem.value, column, parentColgroup);
+      const elem = refElem.value;
+      if (elem) {
+        (0, _util.assembleColumn)($xeTable, elem, columnConfig, $xeParentColgroup);
+      }
     });
     (0, _vue.onUnmounted)(() => {
-      (0, _util.destroyColumn)($xeTable, column);
+      (0, _util.destroyColumn)($xeTable, columnConfig);
     });
     const renderVN = () => {
       return (0, _vue.h)('div', {
@@ -38,7 +44,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }, slots.default ? slots.default() : []);
     };
     const $xeColgroup = {
-      column
+      columnConfig
     };
     (0, _vue.provide)('$xeColgroup', $xeColgroup);
     (0, _vue.provide)('$xeGrid', null);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_column=require("./column"),_util=require("../../table/src/util"),_cell=_interopRequireDefault(require("../../table/src/cell"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColgroup",props:_column.columnProps,setup(e,{slots:u}){const l=(0,_vue.ref)(),r=(0,_vue.inject)("$xeTable",{}),t=(0,_vue.inject)("$xeColgroup",null),o=_cell.default.createColumn(r,e);var n={},n=(u.header&&(n.header=u.header),o.slots=n,o.children=[],(0,_util.watchColumn)(r,e,o),(0,_vue.onMounted)(()=>{(0,_util.assembleColumn)(r,l.value,o,t)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyColumn)(r,o)}),{column:o});return(0,_vue.provide)("$xeColgroup",n),(0,_vue.provide)("$xeGrid",null),()=>(0,_vue.h)("div",{ref:l},u.default?u.default():[])}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_column=require("./column"),_util=require("./util"),_cell=_interopRequireDefault(require("./cell"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColgroup",props:_column.columnProps,setup(e,{slots:u}){const l=(0,_vue.ref)(),r=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeColgroup",null);if(!r)return()=>(0,_vue.createCommentVNode)();const t=_cell.default.createColumn(r,e);var n={},n=(u.header&&(n.header=u.header),t.slots=n,t.children=[],(0,_util.watchColumn)(r,e,t),(0,_vue.onMounted)(()=>{var e=l.value;e&&(0,_util.assembleColumn)(r,e,t,o)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyColumn)(r,t)}),{columnConfig:t});return(0,_vue.provide)("$xeColgroup",n),(0,_vue.provide)("$xeGrid",null),()=>(0,_vue.h)("div",{ref:l},u.default?u.default():[])}});

package/lib/table/src/table.js

@@ -2134,9 +2134,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (rows && !_xeUtils.default.isArray(rows)) {
         rows = [rows];
       }
-      rows.forEach(row => tablePrivateMethods.handleSelectRow({
-        row
-      }, !!value, isForce));
+      tablePrivateMethods.handleBatchSelectRows(rows, !!value, isForce);
+      tablePrivateMethods.checkSelectionStatus();
       return (0, _vue.nextTick)();
     };
     const handleCheckedAllCheckboxRow = (value, isForce) => {
@@ -2148,7 +2147,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const {
         afterFullData,
-        afterFullRowMaps,
         checkboxReserveRowMap
       } = internalData;
       const treeOpts = computeTreeOpts.value;
@@ -2162,15 +2160,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = checkboxOpts;
       const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
       const selectRowMaps = {};
-      // 疑惑！
-      if (!treeConfig) {
-        _xeUtils.default.each(selectCheckboxMaps, (row, rowid) => {
-          if (!afterFullRowMaps[rowid]) {
-            selectRowMaps[rowid] = row;
-          }
-        });
-      }
-      // 疑惑！
       if (checkStrictly) {
         reactData.isAllSelected = value;
       } else {
@@ -3267,7 +3256,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
           if (!_xeUtils.default.isArray(rows)) {
             rest = [rows];
           }
-          rest.forEach(item => Object.assign(item, record));
+          const rowkey = (0, _util.getRowkey)($xeTable);
+          rest.forEach(row => {
+            const rowid = (0, _util.getRowid)($xeTable, row);
+            const newRecord = _xeUtils.default.clone(Object.assign({}, record), true);
+            _xeUtils.default.set(newRecord, rowkey, rowid);
+            Object.assign(row, newRecord);
+          });
         }
         return (0, _vue.nextTick)();
       },
@@ -3293,11 +3288,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
           const oRow = tableSourceData[rowIndex];
           if (oRow && row) {
             if (field) {
-              const newValue = _xeUtils.default.get(record || row, field);
+              const newValue = _xeUtils.default.clone(_xeUtils.default.get(record || row, field), true);
               _xeUtils.default.set(row, field, newValue);
               _xeUtils.default.set(oRow, field, newValue);
             } else {
+              const rowkey = (0, _util.getRowkey)($xeTable);
+              const rowid = (0, _util.getRowid)($xeTable, row);
               const newRecord = _xeUtils.default.clone(Object.assign({}, record), true);
+              _xeUtils.default.set(newRecord, rowkey, rowid);
               _xeUtils.default.destructuring(oRow, Object.assign(row, newRecord));
             }
           }
@@ -4175,6 +4173,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * @param {Boolean} value 是否选中
        */
       setCheckboxRow(rows, value) {
+        if (rows && !_xeUtils.default.isArray(rows)) {
+          rows = [rows];
+        }
         return handleCheckedCheckboxRow(rows, value, true);
       },
       isCheckedByCheckboxRow(row) {
@@ -4211,6 +4212,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         tablePrivateMethods.handleSelectRow({
           row
         }, value, true);
+        tablePrivateMethods.checkSelectionStatus();
         return (0, _vue.nextTick)();
       },
       /**
@@ -6546,6 +6548,72 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       },
       /**
+       * 多行
+       * 多选，行选中事件
+       * value 选中true 不选false 半选-1
+       */
+      handleBatchSelectRows(rows, value, isForce) {
+        const {
+          treeConfig
+        } = props;
+        const {
+          selectCheckboxMaps
+        } = reactData;
+        const selectRowMaps = Object.assign({}, selectCheckboxMaps);
+        const checkboxOpts = computeCheckboxOpts.value;
+        const {
+          checkField,
+          checkStrictly,
+          checkMethod
+        } = checkboxOpts;
+        if (checkField) {
+          if (treeConfig && !checkStrictly) {
+            rows.forEach(row => {
+              tablePrivateMethods.handleSelectRow({
+                row
+              }, value, isForce);
+            });
+          } else {
+            rows.forEach(row => {
+              if (isForce || !checkMethod || checkMethod({
+                row
+              })) {
+                _xeUtils.default.set(row, checkField, value);
+                handleCheckboxReserveRow(row, value);
+              }
+            });
+          }
+        } else {
+          if (treeConfig && !checkStrictly) {
+            rows.forEach(row => {
+              tablePrivateMethods.handleSelectRow({
+                row
+              }, value, isForce);
+            });
+          } else {
+            rows.forEach(row => {
+              const rowid = (0, _util.getRowid)($xeTable, row);
+              if (isForce || !checkMethod || checkMethod({
+                row
+              })) {
+                if (value) {
+                  if (!selectRowMaps[rowid]) {
+                    selectRowMaps[rowid] = row;
+                  }
+                } else {
+                  if (selectRowMaps[rowid]) {
+                    delete selectRowMaps[rowid];
+                  }
+                }
+                handleCheckboxReserveRow(row, value);
+              }
+            });
+          }
+        }
+        reactData.selectCheckboxMaps = selectRowMaps;
+      },
+      /**
+       * 单行
        * 多选，行选中事件
        * value 选中true 不选false 半选-1
        */
@@ -6638,9 +6706,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 parentStatus = selectItems.filter(item => vItemMaps[(0, _util.getRowid)($xeTable, item)]).length === vItems.length ? true : selectItems.length || value === -1 ? -1 : false;
               }
               reactData.selectCheckboxMaps = selectRowMaps;
-              return tablePrivateMethods.handleSelectRow({
+              tablePrivateMethods.handleSelectRow({
                 row: matchObj.parent
               }, parentStatus, isForce);
+              return;
             }
           } else {
             if (isForce || !checkMethod || checkMethod({
@@ -6725,9 +6794,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 parentStatus = selectItems.filter(item => vItemMaps[(0, _util.getRowid)($xeTable, item)]).length === vItems.length ? true : selectItems.length || value === -1 ? -1 : false;
               }
               reactData.selectCheckboxMaps = selectRowMaps;
-              return tablePrivateMethods.handleSelectRow({
+              tablePrivateMethods.handleSelectRow({
                 row: matchObj.parent
               }, parentStatus, isForce);
+              return;
             }
           } else {
             if (isForce || !checkMethod || checkMethod({
@@ -6747,7 +6817,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }
         reactData.selectCheckboxMaps = selectRowMaps;
-        tablePrivateMethods.checkSelectionStatus();
       },
       triggerHeaderTitleEvent(evnt, iconParams, params) {
         const tipContent = iconParams.content || iconParams.message;
@@ -7056,6 +7125,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           tablePrivateMethods.triggerCheckRowEvent(evnt, params, value);
         } else {
           tablePrivateMethods.handleSelectRow(params, value);
+          tablePrivateMethods.checkSelectionStatus();
         }
       },
       triggerCheckRowEvent(evnt, params, value) {
@@ -7095,6 +7165,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           row
         })) {
           tablePrivateMethods.handleSelectRow(params, value);
+          tablePrivateMethods.checkSelectionStatus();
           tableMethods.dispatchEvent('checkbox-change', Object.assign({
             records: tableMethods.getCheckboxRecords(),
             reserves: tableMethods.getCheckboxReserveRecords(),
@@ -7975,9 +8046,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       globalEvents.on($xeTable, 'mousewheel', handleGlobalMousewheelEvent);
       globalEvents.on($xeTable, 'keydown', handleGlobalKeydownEvent);
       globalEvents.on($xeTable, 'resize', handleGlobalResizeEvent);
-      if ($xeTable.handleGlobalContextmenuEvent) {
-        globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent);
-      }
+      globalEvents.on($xeTable, 'contextmenu', $xeTable.handleGlobalContextmenuEvent);
       tablePrivateMethods.preventEvent(null, 'mounted', {
         $table: $xeTable
       });
@@ -8198,7 +8267,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         storeData: reactData.importStore
       }) : (0, _vue.createCommentVNode)(),
       /**
-       * 导出/导出
+       * 导出
        */
       initStore.export && (props.exportConfig || props.printConfig) ? (0, _vue.h)(_exportPanel.default, {
         defaultOptions: reactData.exportParams,