vxe-table 3.21.12 → 3.21.13

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

@@ -67,7 +67,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
         style: ctxMenuStore.style
       }, (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
         return options.every(item => item.visible === false) ? renderEmptyElement($xeTable) : h('ul', {
-          class: 'vxe-context-menu--option-wrapper',
+          class: 'vxe-table--context-menu-group-wrapper',
           key: gIndex
         }, options.map((item, index) => {
           const {
@@ -81,7 +81,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
           const suffixIcon = suffixOpts.icon || item.suffixIcon;
           const menuContent = (0, _utils.getFuncText)(item.name);
           return item.visible === false ? renderEmptyElement($xeTable) : h('li', {
-            class: [item.className, {
+            class: ['vxe-table--context-menu--option', item.className, {
               'link--loading': loading,
               'link--disabled': item.disabled,
               'link--active': item === ctxMenuStore.selected
@@ -115,11 +115,11 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
             class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
           }, [suffixIcon && _xeUtils.default.isFunction(suffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(suffixIcon.call($xeTable, {}))) : h('i', {
             class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
-          }), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus && item.children ? h('ul', {
+          }), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus && children ? h('ul', {
             class: ['vxe-table--context-menu-clild-wrapper', {
               'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
             }]
-          }, item.children.map((child, cIndex) => {
+          }, children.map((child, cIndex) => {
             const {
               loading: childLoading
             } = child;
@@ -129,7 +129,7 @@ var _default = exports.default = /* define-vxe-component start */(0, _comp.defin
             const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
             const childMenuContent = (0, _utils.getFuncText)(child.name);
             return child.visible === false ? null : h('li', {
-              class: [child.className, {
+              class: ['vxe-table--context-menu--option', child.className, {
                 'link--loading': childLoading,
                 'link--disabled': child.disabled,
                 'link--active': child === ctxMenuStore.selectChild

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,getI18n,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableMenuPanel",inject:{$xeTable:{default:null}},computed:Object.assign({},{}),mounted(){var e=this.$xeTable.computeMenuOpts.transfer,n=this.$refs.refElem;e&&n&&document.body.appendChild(n)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},methods:{renderVN(d){let x=this.$xeTable,m=x.ctxMenuStore;var{destroyOnClose:e,className:n}=x.computeMenuOpts,{visible:t,list:s}=m;return d("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",n,{"is--visible":t}],style:m.style},!e||t?s.map((e,u)=>e.every(e=>!1===e.visible)?renderEmptyElement(x):d("ul",{class:"vxe-context-menu--option-wrapper",key:u},e.map((o,r)=>{var{children:e,loading:n}=o,e=e&&e.some(e=>!1!==e.visible),t=Object.assign({},o.prefixConfig),s=t.icon||o.prefixIcon,l=Object.assign({},o.suffixConfig),i=l.icon||o.suffixIcon,a=(0,_utils.getFuncText)(o.name);return!1===o.visible?renderEmptyElement(x):d("li",{class:[o.className,{"link--loading":n,"link--disabled":o.disabled,"link--active":o===m.selected}],key:u+"_"+r},[d("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,o)},mouseover(e){x.ctxMenuMouseoverEvent(e,o)},mouseout(e){x.ctxMenuMouseoutEvent(e,o)}}},[d("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n?d("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):s&&_xeUtils.default.isFunction(s)?d("span",{},(0,_vn.getSlotVNs)(s.call(x,{}))):d("span",{},[d("i",{class:s})]),t.content?d("span",{},""+t.content):renderEmptyElement(x)]),d("span",{class:"vxe-context-menu--link-content",attrs:{title:a}},n?getI18n("vxe.table.menuLoading"):a),d("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?d("span",{},(0,_vn.getSlotVNs)(i.call(x,{}))):d("i",{class:i||(e?getIcon().TABLE_MENU_OPTIONS:"")}),l.content?d("span",""+l.content):renderEmptyElement(x)])]),e&&o.children?d("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":o===m.selected&&m.showChild}]},o.children.map((n,e)=>{var t=n.loading,s=Object.assign({},n.prefixConfig),l=s.icon||n.prefixIcon,i=Object.assign({},n.suffixConfig),a=i.icon||n.suffixIcon,c=(0,_utils.getFuncText)(n.name);return!1===n.visible?null:d("li",{class:[n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===m.selectChild}],key:u+`_${r}_`+e},[d("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,n)},mouseover(e){x.ctxMenuMouseoverEvent(e,o,n)},mouseout(e){x.ctxMenuMouseoutEvent(e,o)}}},[d("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n.loading?d("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):l&&_xeUtils.default.isFunction(l)?d("span",{},(0,_vn.getSlotVNs)(l({}))):d("span",{},[d("i",{class:l})]),s.content?d("span",""+s.content):renderEmptyElement(x)]),d("span",{class:"vxe-context-menu--link-content",attrs:{title:c}},t?getI18n("vxe.table.menuLoading"):c),d("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[a&&_xeUtils.default.isFunction(a)?d("span",{},(0,_vn.getSlotVNs)(a.call(x,{}))):d("i",{class:a}),i.content?d("span",""+i.content):renderEmptyElement(x)])])])})):null])}))):[])}},render(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,getI18n,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableMenuPanel",inject:{$xeTable:{default:null}},computed:Object.assign({},{}),mounted(){var e=this.$xeTable.computeMenuOpts.transfer,n=this.$refs.refElem;e&&n&&document.body.appendChild(n)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},methods:{renderVN(x){let d=this.$xeTable,m=d.ctxMenuStore;var{destroyOnClose:e,className:n}=d.computeMenuOpts,{visible:t,list:s}=m;return x("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",n,{"is--visible":t}],style:m.style},!e||t?s.map((e,r)=>e.every(e=>!1===e.visible)?renderEmptyElement(d):x("ul",{class:"vxe-table--context-menu-group-wrapper",key:r},e.map((c,u)=>{var{children:e,loading:n}=c,t=e&&e.some(e=>!1!==e.visible),s=Object.assign({},c.prefixConfig),l=s.icon||c.prefixIcon,i=Object.assign({},c.suffixConfig),a=i.icon||c.suffixIcon,o=(0,_utils.getFuncText)(c.name);return!1===c.visible?renderEmptyElement(d):x("li",{class:["vxe-table--context-menu--option",c.className,{"link--loading":n,"link--disabled":c.disabled,"link--active":c===m.selected}],key:r+"_"+u},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,c)},mouseover(e){d.ctxMenuMouseoverEvent(e,c)},mouseout(e){d.ctxMenuMouseoutEvent(e,c)}}},[x("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n?x("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):l&&_xeUtils.default.isFunction(l)?x("span",{},(0,_vn.getSlotVNs)(l.call(d,{}))):x("span",{},[x("i",{class:l})]),s.content?x("span",{},""+s.content):renderEmptyElement(d)]),x("span",{class:"vxe-context-menu--link-content",attrs:{title:o}},n?getI18n("vxe.table.menuLoading"):o),x("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[a&&_xeUtils.default.isFunction(a)?x("span",{},(0,_vn.getSlotVNs)(a.call(d,{}))):x("i",{class:a||(t?getIcon().TABLE_MENU_OPTIONS:"")}),i.content?x("span",""+i.content):renderEmptyElement(d)])]),t&&e?x("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":c===m.selected&&m.showChild}]},e.map((n,e)=>{var t=n.loading,s=Object.assign({},n.prefixConfig),l=s.icon||n.prefixIcon,i=Object.assign({},n.suffixConfig),a=i.icon||n.suffixIcon,o=(0,_utils.getFuncText)(n.name);return!1===n.visible?null:x("li",{class:["vxe-table--context-menu--option",n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===m.selectChild}],key:r+`_${u}_`+e},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,n)},mouseover(e){d.ctxMenuMouseoverEvent(e,c,n)},mouseout(e){d.ctxMenuMouseoutEvent(e,c)}}},[x("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n.loading?x("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):l&&_xeUtils.default.isFunction(l)?x("span",{},(0,_vn.getSlotVNs)(l({}))):x("span",{},[x("i",{class:l})]),s.content?x("span",""+s.content):renderEmptyElement(d)]),x("span",{class:"vxe-context-menu--link-content",attrs:{title:o}},t?getI18n("vxe.table.menuLoading"):o),x("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[a&&_xeUtils.default.isFunction(a)?x("span",{},(0,_vn.getSlotVNs)(a.call(d,{}))):x("i",{class:a}),i.content?x("span",""+i.content):renderEmptyElement(d)])])])})):null])}))):[])}},render(e){return this.renderVN(e)}});

package/lib/table/src/methods.js

@@ -12,7 +12,7 @@ if(isCustomSort&&sortData){allCols.forEach(column=>{const colKey=column.getKey()
 // }
 }if(htmlColumn){if(!columnOpts.useKey){(0,_log.errLog)('vxe.error.notSupportProp',['column.type=html','column-config.useKey=false','column-config.useKey=true']);}if(!rowOpts.useKey){(0,_log.errLog)('vxe.error.notSupportProp',['column.type=html','row-config.useKey=false','row-config.useKey=true']);}}reactData.isGroup=isGroup;reactData.rowGroupColumn=rowGroupColumn;reactData.treeNodeColumn=treeNodeColumn;reactData.expandColumn=expandColumn;reactData.checkboxColumn=checkboxColumn;reactData.radioColumn=radioColumn;reactData.isAllOverflow=isAllOverflow;}function updateScrollXStatus($xeTable,fullColumn){const reactData=$xeTable;const internalData=$xeTable;const virtualXOpts=$xeTable.computeVirtualXOpts;const allCols=fullColumn||internalData.tableFullColumn;// 如果gt为0，则总是启用
 const scrollXLoad=!!virtualXOpts.enabled&&virtualXOpts.gt>-1&&(virtualXOpts.gt===0||virtualXOpts.gt<allCols.length);reactData.scrollXLoad=scrollXLoad;return scrollXLoad;}function syncGanttScrollYStatus($xeTable){const reactData=$xeTable;const internalData=$xeTable;const $xeGanttView=internalData.xeGanttView;if($xeGanttView&&$xeGanttView.handleUpdateSYStatus){$xeGanttView.handleUpdateSYStatus(reactData.scrollYLoad);}}function updateScrollYStatus($xeTable,fullData){const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const virtualYOpts=$xeTable.computeVirtualYOpts;const treeOpts=$xeTable.computeTreeOpts;const{transform}=treeOpts;const allList=fullData||internalData.tableFullData;// 如果gt为0，则总是启用
-const scrollYLoad=(transform||!treeConfig)&&!!virtualYOpts.enabled&&virtualYOpts.gt>-1&&(virtualYOpts.gt===0||virtualYOpts.gt<allList.length);reactData.scrollYLoad=scrollYLoad;syncGanttScrollYStatus($xeTable);return scrollYLoad;}/**
+let scrollYLoad=!!virtualYOpts.enabled&&virtualYOpts.gt>-1&&(virtualYOpts.gt===0||virtualYOpts.gt<allList.length);if(scrollYLoad&&treeConfig&&!transform){(0,_log.errLog)('vxe.error.notSupportProp',['[table] virtual-y-config.enabled=true','tree-config.transform=false','tree-config.transform=true']);scrollYLoad=false;}reactData.scrollYLoad=scrollYLoad;syncGanttScrollYStatus($xeTable);return scrollYLoad;}/**
  * 展开与收起树节点
  * @param rows
  * @param expanded
@@ -298,7 +298,7 @@ if(virtualXOpts.scrollToLeftOnChange){targetScrollLeft=0;}if(virtualYOpts.scroll
      * 更新数据行的 Map
      */cacheRowMap(isReset){const $xeTable=this;const props=$xeTable;const reactData=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const{isRowGroupStatus}=reactData;const{currKeyField,fullAllDataRowIdData,tableFullData,tableFullTreeData,tableFullGroupData,treeExpandedMaps,rowExpandedMaps,selectCheckboxMaps}=internalData;const fullAllDataRowIdMaps=isReset?{}:Object.assign({},fullAllDataRowIdData);// 存在已删除数据
 const fullDataRowIdMaps={};const idMaps={};const{handleUpdateRowId}=(0,_util.createHandleUpdateRowId)($xeTable);const handleRowCache=(row,index,items,currIndex,parentRow,rowid,level,seq)=>{let rowRest=fullAllDataRowIdMaps[rowid];if(idMaps[rowid]){(0,_log.errLog)('vxe.error.repeatKey',[currKeyField,rowid]);}if(!rowRest){rowRest={row,rowid,seq,index:-1,_index:-1,$index:-1,treeIndex:index,_tIndex:-1,items,parent:parentRow,level,height:0,resizeHeight:0,oTop:0,expandHeight:0};}rowRest.treeLoaded=false;rowRest.expandLoaded=false;rowRest.row=row;rowRest.items=items;rowRest.parent=parentRow;rowRest.level=level;rowRest.index=currIndex;rowRest.treeIndex=index;// 更新缓存
-if(selectCheckboxMaps[rowid]){selectCheckboxMaps[rowid]=row;}if(rowExpandedMaps[rowid]){rowExpandedMaps[rowid]=row;}idMaps[rowid]=true;fullDataRowIdMaps[rowid]=rowRest;fullAllDataRowIdMaps[rowid]=rowRest;};if(treeConfig){const treeOpts=$xeTable.computeTreeOpts;const{lazy}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;const hasChildField=treeOpts.hasChild||treeOpts.hasChildField;_xeUtils.default.eachTree(tableFullTreeData,(row,index,items,path,parentRow,nodes)=>{const rowid=handleUpdateRowId(row);if(treeConfig&&lazy){if(row[hasChildField]&&row[childrenField]===undefined){row[childrenField]=null;}if(treeExpandedMaps[rowid]){if(!row[childrenField]||!row[childrenField].length){delete treeExpandedMaps[rowid];}}}handleRowCache(row,index,items,parentRow?-1:index,parentRow,rowid,nodes.length-1,(0,_util.toTreePathSeq)(path));},{children:childrenField});}else if(isRowGroupStatus){const aggregateOpts=$xeTable.computeAggregateOpts;const{mapChildrenField}=aggregateOpts;_xeUtils.default.eachTree(tableFullGroupData,(row,index,items,path,parentRow,nodes)=>{const rowid=handleUpdateRowId(row);handleRowCache(row,index,items,parentRow?-1:index,parentRow,rowid,nodes.length-1,(0,_util.toTreePathSeq)(path));},{children:mapChildrenField});}else{tableFullData.forEach((row,index,items)=>{handleRowCache(row,index,items,index,null,handleUpdateRowId(row),0,index+1);});}internalData.fullDataRowIdData=fullDataRowIdMaps;internalData.fullAllDataRowIdData=fullAllDataRowIdMaps;reactData.treeExpandedFlag++;},cacheSourceMap(fullData){const $xeTable=this;const props=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const treeOpts=$xeTable.computeTreeOpts;const sourceData=_xeUtils.default.clone(fullData,true);const{handleUpdateRowId}=(0,_util.createHandleUpdateRowId)($xeTable);const sourceRowIdData={};const handleSourceRow=row=>{const rowid=handleUpdateRowId(row);sourceRowIdData[rowid]=row;};// 源数据缓存
+if(selectCheckboxMaps[rowid]){selectCheckboxMaps[rowid]=row;}if(rowExpandedMaps[rowid]){rowExpandedMaps[rowid]=row;}idMaps[rowid]=true;fullDataRowIdMaps[rowid]=rowRest;fullAllDataRowIdMaps[rowid]=rowRest;};if(treeConfig){const treeOpts=$xeTable.computeTreeOpts;const{lazy}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;const hasChildField=treeOpts.hasChild||treeOpts.hasChildField;_xeUtils.default.eachTree(tableFullTreeData,(row,index,items,path,parentRow,nodes)=>{const rowid=handleUpdateRowId(row);if(lazy){if(row[hasChildField]&&row[childrenField]===undefined){row[childrenField]=null;}if(treeExpandedMaps[rowid]){if(!row[childrenField]||!row[childrenField].length){delete treeExpandedMaps[rowid];}}}handleRowCache(row,index,items,parentRow?-1:index,parentRow,rowid,nodes.length-1,(0,_util.toTreePathSeq)(path));},{children:childrenField});}else if(isRowGroupStatus){const aggregateOpts=$xeTable.computeAggregateOpts;const{mapChildrenField}=aggregateOpts;_xeUtils.default.eachTree(tableFullGroupData,(row,index,items,path,parentRow,nodes)=>{const rowid=handleUpdateRowId(row);handleRowCache(row,index,items,parentRow?-1:index,parentRow,rowid,nodes.length-1,(0,_util.toTreePathSeq)(path));},{children:mapChildrenField});}else{tableFullData.forEach((row,index,items)=>{handleRowCache(row,index,items,index,null,handleUpdateRowId(row),0,index+1);});}internalData.fullDataRowIdData=fullDataRowIdMaps;internalData.fullAllDataRowIdData=fullAllDataRowIdMaps;reactData.treeExpandedFlag++;},cacheSourceMap(fullData){const $xeTable=this;const props=$xeTable;const internalData=$xeTable;const{treeConfig}=props;const treeOpts=$xeTable.computeTreeOpts;const sourceData=_xeUtils.default.clone(fullData,true);const{handleUpdateRowId}=(0,_util.createHandleUpdateRowId)($xeTable);const sourceRowIdData={};const handleSourceRow=row=>{const rowid=handleUpdateRowId(row);sourceRowIdData[rowid]=row;};// 源数据缓存
 if(treeConfig){const childrenField=treeOpts.children||treeOpts.childrenField;_xeUtils.default.eachTree(sourceData,handleSourceRow,{children:treeOpts.transform?treeOpts.mapChildrenField:childrenField});}else{sourceData.forEach(handleSourceRow);}internalData.sourceDataRowIdData=sourceRowIdData;internalData.tableSourceData=sourceData;},getParams(){const $xeTable=this;const props=$xeTable;return props.params;},loadTreeChildren(row,childRecords){const $xeTable=this;const props=$xeTable;const internalData=$xeTable;const{keepSource}=props;const{tableSourceData,fullDataRowIdData,fullAllDataRowIdData,sourceDataRowIdData}=internalData;const treeOpts=$xeTable.computeTreeOpts;const{transform,mapChildrenField}=treeOpts;const childrenField=treeOpts.children||treeOpts.childrenField;const parentRest=fullAllDataRowIdData[(0,_util.getRowid)($xeTable,row)];const parentLevel=parentRest?parentRest.level:0;return this.createData(childRecords).then(rows=>{if(keepSource){const rowid=(0,_util.getRowid)(this,row);const matchObj=_xeUtils.default.findTree(tableSourceData,item=>rowid===(0,_util.getRowid)(this,item),{children:childrenField});if(matchObj){matchObj.item[childrenField]=_xeUtils.default.clone(rows,true);}rows.forEach(childRow=>{const rowid=(0,_util.getRowid)(this,childRow);sourceDataRowIdData[rowid]=_xeUtils.default.clone(childRow,true);});}_xeUtils.default.eachTree(rows,(childRow,index,items,path,parentItem,nodes)=>{const rowid=(0,_util.getRowid)($xeTable,childRow);const parentRow=parentItem||parentRest.row;const rest={row:childRow,rowid,seq:-1,index,_index:-1,$index:-1,treeIndex:-1,_tIndex:-1,items,parent:parentRow,level:parentLevel+nodes.length,height:0,resizeHeight:0,oTop:0,expandHeight:0};fullDataRowIdData[rowid]=rest;fullAllDataRowIdData[rowid]=rest;},{children:childrenField});row[childrenField]=rows;if(transform){row[mapChildrenField]=_xeUtils.default.clone(rows,false);}updateAfterDataIndex($xeTable);return rows;});},/**
      * 根据 tr 元素获取对应的 row 信息
      * @param {Element} tr 元素