vxe-table 4.17.12 → 4.17.14

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

@@ -1 +1 @@
-var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{menus,hooks,globalEvents,GLOBAL_EVENT_KEYS}=_ui.VxeUI,tableMenuMethodKeys=["closeMenu"];hooks.add("tableMenuModule",{setupTable(p){let{xID:M,props:x,reactData:E,internalData:_}=p,{refElem:C,refTableFilter:T,refTableMenu:y}=p.getRefMaps(),{computeMouseOpts:w,computeIsContentMenu:l,computeMenuOpts:L}=p.getComputeMaps();let i=p.xeGrid||p.xeGantt,N;var e;let O=(v,t,f)=>{let g=E.ctxMenuStore;var n=l.value,e=L.value,t=e[t];let{transfer:h,visibleMethod:o}=e;if(t){let{options:l,disabled:e}=t;e?v.preventDefault():n&&l&&l.length&&(f.options=l,p.preventEvent(v,"event.showMenu",f,()=>{if(!o||o(f)){v.preventDefault(),p.updateZindex();var t=(i?i.getRefMaps().refElem:C).value;if(t){t=t.getBoundingClientRect();let{scrollTop:o,scrollLeft:i,visibleHeight:u,visibleWidth:s}=(0,_dom.getDomNode)(),r=v.clientY-t.y,a=v.clientX-t.x,n=(h&&(r=v.clientY+o,a=v.clientX+i),()=>{_._currMenuParams=f,Object.assign(g,{visible:!0,list:l,selected:null,selectChild:null,showChild:!1,style:{zIndex:_.tZindex,top:r+"px",left:a+"px"}}),(0,_vue.nextTick)(()=>{var e=y.value.getRefMaps().refElem.value,t=e.clientHeight,l=e.clientWidth,{boundingTop:e,boundingLeft:n}=(0,_dom.getAbsolutePos)(e),e=e+t-u,n=n+l-s;-10<e&&(g.style.top=Math.max(o+2,r-t-2)+"px"),-10<n&&(g.style.left=Math.max(i+2,a-l-2)+"px")})}),{keyboard:e,row:d,column:c}=f;e&&d&&c?p.scrollToRow(d,c).then(()=>{var e,t,l=p.getCellElement(d,c);l&&({boundingTop:e,boundingLeft:t}=(0,_dom.getAbsolutePos)(l),r=e+o+Math.floor(l.offsetHeight/2),a=t+i+Math.floor(l.offsetWidth/2)),n()}):n()}}else N.closeMenu()}))}p.closeFilter()};return N={closeMenu(){return Object.assign(E.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}},e={moveCtxMenu(e,t,l,n,o,i){let u;var s=_xeUtils.default.findIndexOf(i,e=>t[l]===e);if(n)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ARROW_UP)){for(let e=s-1;0<=e;e--)if(!1!==i[e].visible){u=i[e];break}t[l]=u||i[i.length-1]}else if(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ARROW_DOWN)){for(let e=s+1;e<i.length;e++)if(!1!==i[e].visible){u=i[e];break}t[l]=u||i[0]}else t[l]&&(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ENTER)||globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.SPACEBAR))&&p.ctxMenuLinkEvent(e,t[l])},handleOpenMenuEvent:O,handleGlobalContextmenuEvent(t){var l=p.xeGrid,n=p.xeGantt,{mouseConfig:e,menuConfig:o}=x,{editStore:i,ctxMenuStore:u}=E,s=_.visibleColumn,r=T.value,a=y.value,d=w.value,c=L.value,v=C.value,i=i.selected,f=["header","body","footer"];if((0,_utils.isEnableConf)(o)){if(u.visible&&a&&(0,_dom.getEventTargetNode)(t,a.getRefMaps().refElem.value).flag)return void t.preventDefault();if(_._keyCtx){o="body",u={source:"table",type:o,$table:p,$grid:l,$gantt:n,keyboard:!0,columns:s.slice(0),$event:t};if(e&&d.area){a=p.getActiveCellArea();if(a&&a.row&&a.column)return u.row=a.row,u.column=a.column,void O(t,o,u)}else if(e&&d.selected&&i.row&&i.column)return u.row=i.row,u.column=i.column,void O(t,o,u)}for(let e=0;e<f.length;e++){var g=f[e],h=(0,_dom.getEventTargetNode)(t,v,`vxe-${g}--column`,e=>e.parentNode.parentNode.parentNode.getAttribute("xid")===M),b={source:"table",type:g,$table:p,$grid:l,$gantt:n,columns:s.slice(0),$event:t};if(h.flag){var h=h.targetElem,m=p.getColumnNode(h),m=m?m.item:null;let e=g+"-";m&&Object.assign(b,{column:m,columnIndex:p.getColumnIndex(m),cell:h}),"body"===g&&(h=(m=p.getRowNode(h.parentNode))?m.item:null,e="",h)&&(b.row=h,b.rowIndex=p.getRowIndex(h));m=e+"cell-menu";return O(t,g,b),void p.dispatchEvent(m,b,t)}if((0,_dom.getEventTargetNode)(t,v,`vxe-table--${g}-wrapper`,e=>e.getAttribute("xid")===M).flag)return void("cell"===c.trigger?t.preventDefault():O(t,g,b))}}r&&!(0,_dom.getEventTargetNode)(t,r.getRefMaps().refElem.value).flag&&p.closeFilter(),N.closeMenu()},ctxMenuMouseoverEvent(e,t,l){let a=e.currentTarget;var n=E.ctxMenuStore;e.preventDefault(),e.stopPropagation(),n.selected=t,(n.selectChild=l)||(n.showChild=(0,_utils.hasChildrenList)(t),n.showChild&&(0,_vue.nextTick)(()=>{var o=a.nextElementSibling;if(o){var{boundingTop:i,boundingLeft:u,visibleHeight:s,visibleWidth:r}=(0,_dom.getAbsolutePos)(a),i=i+a.offsetHeight;let e="",t="",l=(u+a.offsetWidth+o.offsetWidth>r-10&&(e="auto",t=a.offsetWidth+"px"),""),n="";i+o.offsetHeight>s-10&&(l="auto",n="0"),o.style.left=e,o.style.right=t,o.style.top=l,o.style.bottom=n}}))},ctxMenuMouseoutEvent(e,t){var l=E.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent(e,t){var l,n=p.xeGrid,o=p.xeGantt;t.disabled||!t.code&&t.children&&t.children.length||(l=menus.get(t.code),t=Object.assign({},_._currMenuParams,{menu:t,$table:p,$grid:n,$gantt:o,$event:e}),(n=l?l.tableMenuMethod||l.menuMethod:null)&&n(t,e),p.dispatchEvent("menu-click",t,e),N.closeMenu())}},Object.assign(Object.assign({},N),e)},setupGrid(e){return e.extendTableMethods(tableMenuMethodKeys)},setupGantt(e){return e.extendTableMethods(tableMenuMethodKeys)}});
+var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{menus,hooks,globalEvents,GLOBAL_EVENT_KEYS}=_ui.VxeUI,tableMenuMethodKeys=["closeMenu"];hooks.add("tableMenuModule",{setupTable(p){let{xID:M,props:x,reactData:E,internalData:_}=p,{refElem:C,refTableFilter:T,refTableMenu:y}=p.getRefMaps(),{computeMouseOpts:w,computeIsContentMenu:l,computeMenuOpts:L}=p.getComputeMaps();let i=p.xeGrid||p.xeGantt,N;var e;let O=(v,t,g)=>{let f=E.ctxMenuStore;var n=l.value,e=L.value,t=e[t];let{transfer:h,visibleMethod:o}=e;if(t){let{options:l,disabled:e}=t;e?v.preventDefault():n&&l&&l.length&&(g.options=l,p.preventEvent(v,"event.showMenu",g,()=>{if(!o||o(g)){v.preventDefault(),p.updateZindex();var t=(i?i.getRefMaps().refElem:C).value;if(t){t=t.getBoundingClientRect();let{scrollTop:o,scrollLeft:i,visibleHeight:u,visibleWidth:s}=(0,_dom.getDomNode)(),r=v.clientY-t.y,a=v.clientX-t.x,n=(h&&(r=v.clientY+o,a=v.clientX+i),()=>{_._currMenuParams=g,Object.assign(f,{visible:!0,list:l,selected:null,selectChild:null,showChild:!1,style:{zIndex:_.tZindex,top:r+"px",left:a+"px"}}),(0,_vue.nextTick)(()=>{var e=y.value.getRefMaps().refElem.value,t=e.clientHeight,l=e.clientWidth,{boundingTop:e,boundingLeft:n}=(0,_dom.getAbsolutePos)(e),e=e+t-u,n=n+l-s;-10<e&&(f.style.top=Math.max(o+2,r-t-2)+"px"),-10<n&&(f.style.left=Math.max(i+2,a-l-2)+"px")})}),{keyboard:e,row:d,column:c}=g;e&&d&&c?p.scrollToRow(d,c).then(()=>{var e,t,l=p.getCellElement(d,c);l&&({boundingTop:e,boundingLeft:t}=(0,_dom.getAbsolutePos)(l),r=e+o+Math.floor(l.offsetHeight/2),a=t+i+Math.floor(l.offsetWidth/2)),n()}):n()}}else N.closeMenu()}))}p.closeFilter()};return N={closeMenu(){return Object.assign(E.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}},e={moveCtxMenu(e,t,l,n,o,i){let u;var s=_xeUtils.default.findIndexOf(i,e=>t[l]===e);if(n)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ARROW_UP)){for(let e=s-1;0<=e;e--)if(!1!==i[e].visible){u=i[e];break}t[l]=u||i[i.length-1]}else if(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ARROW_DOWN)){for(let e=s+1;e<i.length;e++)if(!1!==i[e].visible){u=i[e];break}t[l]=u||i[0]}else t[l]&&(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ENTER)||globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.SPACEBAR))&&p.ctxMenuLinkEvent(e,t[l])},handleOpenMenuEvent:O,handleGlobalContextmenuEvent(t){var l=p.xeGrid,n=p.xeGantt,{mouseConfig:e,menuConfig:o}=x,{editStore:i,ctxMenuStore:u}=E,s=_.visibleColumn,r=T.value,a=y.value,d=w.value,c=L.value,v=C.value,i=i.selected,g=["header","body","footer"];if((0,_utils.isEnableConf)(o)){if(u.visible&&a&&(0,_dom.getEventTargetNode)(t,a.getRefMaps().refElem.value).flag)return void t.preventDefault();if(_._keyCtx){o="body",u={source:"table",type:o,$table:p,$grid:l,$gantt:n,keyboard:!0,columns:s.slice(0),$event:t};if(e&&d.area){a=p.getActiveCellArea();if(a&&a.row&&a.column)return u.row=a.row,u.column=a.column,void O(t,o,u)}else if(e&&d.selected&&i.row&&i.column)return u.row=i.row,u.column=i.column,void O(t,o,u)}for(let e=0;e<g.length;e++){var f=g[e],h=(0,_dom.getEventTargetNode)(t,v,`vxe-${f}--column`,e=>e.parentNode.parentNode.parentNode.getAttribute("xid")===M),b={source:"table",type:f,$table:p,$grid:l,$gantt:n,columns:s.slice(0),$event:t};if(h.flag){var h=h.targetElem,m=p.getColumnNode(h),m=m?m.item:null;let e=f+"-";m&&Object.assign(b,{column:m,columnIndex:p.getColumnIndex(m),cell:h}),"body"===f&&(h=(m=p.getRowNode(h.parentNode))?m.item:null,e="",h)&&(b.row=h,b.rowIndex=p.getRowIndex(h));m=e+"cell-menu";return O(t,f,b),void p.dispatchEvent(m,b,t)}if((0,_dom.getEventTargetNode)(t,v,`vxe-table--${f}-wrapper`,e=>e.getAttribute("xid")===M).flag)return void("cell"===c.trigger?t.preventDefault():O(t,f,b))}}r&&!(0,_dom.getEventTargetNode)(t,r.getRefMaps().refElem.value).flag&&p.closeFilter(),N.closeMenu()},ctxMenuMouseoverEvent(e,t,l){let a=e.currentTarget;var n=E.ctxMenuStore;e.preventDefault(),e.stopPropagation(),n.selected=t,(n.selectChild=l)||(n.showChild=(0,_utils.hasChildrenList)(t),n.showChild&&(0,_vue.nextTick)(()=>{var o=a.nextElementSibling;if(o){var{boundingTop:i,boundingLeft:u,visibleHeight:s,visibleWidth:r}=(0,_dom.getAbsolutePos)(a),i=i+a.offsetHeight;let e="",t="",l=(u+a.offsetWidth+o.offsetWidth>r-10&&(e="auto",t=a.offsetWidth+"px"),""),n="";i+o.offsetHeight>s-10&&(l="auto",n="0"),o.style.left=e,o.style.right=t,o.style.top=l,o.style.bottom=n}}))},ctxMenuMouseoutEvent(e,t){var l=E.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent(e,t){var l,n=p.xeGrid,o=p.xeGantt;t.loading||t.disabled||!t.code&&t.children&&t.children.length||(l=menus.get(t.code),t=Object.assign({},_._currMenuParams,{menu:t,$table:p,$grid:n,$gantt:o,$event:e}),(n=l?l.tableMenuMethod||l.menuMethod:null)&&n(t,e),p.dispatchEvent("menu-click",t,e),N.closeMenu())}},Object.assign(Object.assign({},N),e)},setupGrid(e){return e.extendTableMethods(tableMenuMethodKeys)},setupGantt(e){return e.extendTableMethods(tableMenuMethodKeys)}});

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

@@ -13,6 +13,7 @@ var _vn = require("../../../ui/src/vn");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   getIcon,
+  getI18n,
   renderEmptyElement
 } = _ui.VxeUI;
 var _default = exports.default = (0, _comp.defineVxeComponent)({
@@ -64,7 +65,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           class: 'vxe-context-menu--option-wrapper',
           key: gIndex
         }, options.map((item, index) => {
-          const hasChildMenus = item.children && item.children.some(child => child.visible !== false);
+          const {
+            children,
+            loading
+          } = item;
+          const hasChildMenus = children && children.some(child => child.visible !== false);
           const prefixOpts = Object.assign({}, item.prefixConfig);
           const prefixIcon = prefixOpts.icon || item.prefixIcon;
           const suffixOpts = Object.assign({}, item.suffixConfig);
@@ -72,6 +77,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           const menuContent = (0, _utils.getFuncText)(item.name);
           return item.visible === false ? renderEmptyElement($xeTable) : (0, _vue.h)('li', {
             class: [item.className, {
+              'link--loading': loading,
               'link--disabled': item.disabled,
               'link--active': item === ctxMenuStore.selected
             }],
@@ -89,12 +95,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
           }, [(0, _vue.h)('div', {
             class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
-          }, [prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(prefixIcon({}))) : (0, _vue.h)('i', {
+          }, [loading ? (0, _vue.h)('span', {
+            class: getIcon('TABLE_MENU_OPTION_LOADING')
+          }) : prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(prefixIcon({}))) : (0, _vue.h)('span', {}, [(0, _vue.h)('i', {
             class: prefixIcon
-          }), prefixOpts.content ? (0, _vue.h)('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
+          })]), prefixOpts.content ? (0, _vue.h)('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
             class: 'vxe-context-menu--link-content',
             title: menuContent
-          }, menuContent), (0, _vue.h)('div', {
+          }, loading ? getI18n('vxe.table.menuLoading') : menuContent), (0, _vue.h)('div', {
             class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
           }, [suffixIcon && _xeUtils.default.isFunction(suffixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(suffixIcon({}))) : (0, _vue.h)('i', {
             class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
@@ -103,6 +111,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
             }]
           }, item.children.map((child, cIndex) => {
+            const {
+              loading: childLoading
+            } = child;
             const childPrefixOpts = Object.assign({}, child.prefixConfig);
             const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
             const childSuffixOpts = Object.assign({}, child.suffixConfig);
@@ -110,6 +121,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             const childMenuContent = (0, _utils.getFuncText)(child.name);
             return child.visible === false ? null : (0, _vue.h)('li', {
               class: [child.className, {
+                'link--loading': childLoading,
                 'link--disabled': child.disabled,
                 'link--active': child === ctxMenuStore.selectChild
               }],
@@ -127,12 +139,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               }
             }, [(0, _vue.h)('div', {
               class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
-            }, [childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon({}))) : (0, _vue.h)('i', {
+            }, [child.loading ? (0, _vue.h)('span', {
+              class: getIcon('TABLE_MENU_OPTION_LOADING')
+            }) : childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon({}))) : (0, _vue.h)('span', {}, [(0, _vue.h)('i', {
               class: childPrefixIcon
-            }), childPrefixOpts.content ? (0, _vue.h)('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
+            })]), childPrefixOpts.content ? (0, _vue.h)('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), (0, _vue.h)('div', {
               class: 'vxe-context-menu--link-content',
               title: childMenuContent
-            }, childMenuContent), (0, _vue.h)('div', {
+            }, childLoading ? getI18n('vxe.table.menuLoading') : childMenuContent), (0, _vue.h)('div', {
               class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
             }, [childSuffixIcon && _xeUtils.default.isFunction(childSuffixIcon) ? (0, _vue.h)('span', {}, (0, _vn.getSlotVNs)(childSuffixIcon({}))) : (0, _vue.h)('i', {
               class: childSuffixIcon

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableMenuPanel",setup(e,t){var n=_xeUtils.default.uniqueId();let v=(0,_vue.inject)("$xeTable",{}),u=v.reactData,l=(0,_vue.ref)(),s={refElem:l};n={xID:n,props:e,context:t,getRefMaps:()=>s};return n.renderVN=()=>{let a=u.ctxMenuStore;var e=v.getComputeMaps().computeMenuOpts,{transfer:e,destroyOnClose:t}=e.value,{visible:n,list:s,className:i}=a;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!e},[(0,_vue.h)("div",{ref:l,class:["vxe-table--context-menu-wrapper",i,{"is--visible":n}],style:a.style},!t||n?s.map((e,r)=>e.every(e=>!1===e.visible)?renderEmptyElement(v):(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:r},e.map((c,o)=>{var e=c.children&&c.children.some(e=>!1!==e.visible),t=Object.assign({},c.prefixConfig),n=t.icon||c.prefixIcon,s=Object.assign({},c.suffixConfig),i=s.icon||c.suffixIcon,u=(0,_utils.getFuncText)(c.name);return!1===c.visible?renderEmptyElement(v):(0,_vue.h)("li",{class:[c.className,{"link--disabled":c.disabled,"link--active":c===a.selected}],key:r+"_"+o},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick(e){v.ctxMenuLinkEvent(e,c)},onMouseover(e){v.ctxMenuMouseoverEvent(e,c)},onMouseout(e){v.ctxMenuMouseoutEvent(e,c)}},[(0,_vue.h)("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n&&_xeUtils.default.isFunction(n)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(n({}))):(0,_vue.h)("i",{class:n}),t.content?(0,_vue.h)("span",{},""+t.content):renderEmptyElement(v)]),(0,_vue.h)("div",{class:"vxe-context-menu--link-content",title:u},u),(0,_vue.h)("div",{class:["vxe-context-menu--link-suffix",s.className||""]},[i&&_xeUtils.default.isFunction(i)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(i({}))):(0,_vue.h)("i",{class:i||(e?getIcon().TABLE_MENU_OPTIONS:"")}),s.content?(0,_vue.h)("span",""+s.content):renderEmptyElement(v)])]),e&&c.children?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":c===a.selected&&a.showChild}]},c.children.map((t,e)=>{var n=Object.assign({},t.prefixConfig),s=n.icon||t.prefixIcon,i=Object.assign({},t.suffixConfig),u=i.icon||t.suffixIcon,l=(0,_utils.getFuncText)(t.name);return!1===t.visible?null:(0,_vue.h)("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===a.selectChild}],key:r+`_${o}_`+e},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick(e){v.ctxMenuLinkEvent(e,t)},onMouseover(e){v.ctxMenuMouseoverEvent(e,c,t)},onMouseout(e){v.ctxMenuMouseoutEvent(e,c)}},[(0,_vue.h)("div",{class:["vxe-context-menu--link-prefix",n.className||""]},[s&&_xeUtils.default.isFunction(s)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(s({}))):(0,_vue.h)("i",{class:s}),n.content?(0,_vue.h)("span",""+n.content):renderEmptyElement(v)]),(0,_vue.h)("div",{class:"vxe-context-menu--link-content",title:l},l),(0,_vue.h)("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[u&&_xeUtils.default.isFunction(u)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(u({}))):(0,_vue.h)("i",{class:u}),i.content?(0,_vue.h)("span",""+i.content):renderEmptyElement(v)])])])})):null])}))):[])])},n},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_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",setup(e,n){var t=_xeUtils.default.uniqueId();let _=(0,_vue.inject)("$xeTable",{}),l=_.reactData,u=(0,_vue.ref)(),s={refElem:u};t={xID:t,props:e,context:n,getRefMaps:()=>s};return t.renderVN=()=>{let v=l.ctxMenuStore;var e=_.getComputeMaps().computeMenuOpts,{transfer:e,destroyOnClose:n}=e.value,{visible:t,list:s,className:i}=v;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!e},[(0,_vue.h)("div",{ref:u,class:["vxe-table--context-menu-wrapper",i,{"is--visible":t}],style:v.style},!n||t?s.map((e,r)=>e.every(e=>!1===e.visible)?renderEmptyElement(_):(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:r},e.map((o,c)=>{var{children:e,loading:n}=o,e=e&&e.some(e=>!1!==e.visible),t=Object.assign({},o.prefixConfig),s=t.icon||o.prefixIcon,i=Object.assign({},o.suffixConfig),l=i.icon||o.suffixIcon,u=(0,_utils.getFuncText)(o.name);return!1===o.visible?renderEmptyElement(_):(0,_vue.h)("li",{class:[o.className,{"link--loading":n,"link--disabled":o.disabled,"link--active":o===v.selected}],key:r+"_"+c},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick(e){_.ctxMenuLinkEvent(e,o)},onMouseover(e){_.ctxMenuMouseoverEvent(e,o)},onMouseout(e){_.ctxMenuMouseoutEvent(e,o)}},[(0,_vue.h)("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n?(0,_vue.h)("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):s&&_xeUtils.default.isFunction(s)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(s({}))):(0,_vue.h)("span",{},[(0,_vue.h)("i",{class:s})]),t.content?(0,_vue.h)("span",{},""+t.content):renderEmptyElement(_)]),(0,_vue.h)("div",{class:"vxe-context-menu--link-content",title:u},n?getI18n("vxe.table.menuLoading"):u),(0,_vue.h)("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[l&&_xeUtils.default.isFunction(l)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(l({}))):(0,_vue.h)("i",{class:l||(e?getIcon().TABLE_MENU_OPTIONS:"")}),i.content?(0,_vue.h)("span",""+i.content):renderEmptyElement(_)])]),e&&o.children?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":o===v.selected&&v.showChild}]},o.children.map((n,e)=>{var t=n.loading,s=Object.assign({},n.prefixConfig),i=s.icon||n.prefixIcon,l=Object.assign({},n.suffixConfig),u=l.icon||n.suffixIcon,a=(0,_utils.getFuncText)(n.name);return!1===n.visible?null:(0,_vue.h)("li",{class:[n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===v.selectChild}],key:r+`_${c}_`+e},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick(e){_.ctxMenuLinkEvent(e,n)},onMouseover(e){_.ctxMenuMouseoverEvent(e,o,n)},onMouseout(e){_.ctxMenuMouseoutEvent(e,o)}},[(0,_vue.h)("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n.loading?(0,_vue.h)("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):i&&_xeUtils.default.isFunction(i)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(i({}))):(0,_vue.h)("span",{},[(0,_vue.h)("i",{class:i})]),s.content?(0,_vue.h)("span",""+s.content):renderEmptyElement(_)]),(0,_vue.h)("div",{class:"vxe-context-menu--link-content",title:a},t?getI18n("vxe.table.menuLoading"):a),(0,_vue.h)("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[u&&_xeUtils.default.isFunction(u)?(0,_vue.h)("span",{},(0,_vn.getSlotVNs)(u({}))):(0,_vue.h)("i",{class:u}),l.content?(0,_vue.h)("span",""+l.content):renderEmptyElement(_)])])])})):null])}))):[])])},t},render(){return this.renderVN()}});

package/lib/table/src/header.js

@@ -429,16 +429,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const renderHeads = (isGroup, isOptimizeMode, headerGroups) => {
       const {
-        fixedType,
-        fixedColumn
+        fixedType
       } = props;
       const {
         headerRowClassName,
         headerRowStyle
       } = tableProps;
-      const {
-        visibleColumn
-      } = tableInternalData;
       const floatingFilterOpts = computeFloatingFilterOpts.value;
       const rowVNs = headerGroups.map((cols, $rowIndex) => {
         const params = {
@@ -457,7 +453,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         rowVNs.push((0, _vue.h)('tr', {
           key: 'ff',
           class: ['vxe-header--row']
-        }, renderFilterRows(isOptimizeMode, isOptimizeMode && fixedType ? fixedColumn : visibleColumn)));
+        }, renderFilterRows(isOptimizeMode, headerGroups[headerGroups.length - 1])));
       }
       return rowVNs;
     };

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";function getColumnFirstChild(e){var l=e.children;return l&&l.length?getColumnFirstChild(l[0]):e}function getColumnLastChild(e){var l=e.children;return l&&l.length?getColumnLastChild(l[l.length-1]):e}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(g){let pe=(0,_vue.inject)("$xeTable",{}),{xID:x,props:m,reactData:f,internalData:_}=pe,{computeColumnOpts:r,computeColumnDragOpts:a,computeCellOpts:t,computeMouseOpts:C,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:d,computeFloatingFilterOpts:b,computeIsHeaderRenderOptimize:w}=pe.getComputeMaps(),y=(0,_vue.ref)([]),H=(0,_vue.ref)(),D=(0,_vue.ref)(),E=(0,_vue.ref)(),T=(0,_vue.ref)(),S=(0,_vue.ref)(),F=(0,_vue.ref)(),o=(0,_vue.ref)(),u=()=>{var e=m.showCustomHeader,{collectColumn:l,visibleColumn:r}=_,a=g.tableGroupColumn,t=f.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(a):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),y.value=i,pe.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:r},null)},O=(F,O,e,I,R)=>{let $=pe.xeGrid,k=pe.xeGantt,M=g.fixedType,{resizable:U,columnKey:z,showCustomHeader:A,headerCellClassName:q,headerCellStyle:L,showHeaderOverflow:G,headerAlign:X,align:j,mouseConfig:N}=m,{currentColumn:W,dragCol:V,scrollXLoad:B,scrollYLoad:K,overflowX:P,mergeHeadFlag:Y,tableColumn:J}=f,{fullColumnIdData:Q,scrollXStore:Z,mergeHeaderList:ee,mergeHeaderCellMaps:le}=_,re=d.value,ae=r.value,te=a.value,ie=t.value;var l=n.value;let ne=i.value,de=(0,_util.getCalcHeight)(ne.height)||l,{disabledMethod:oe,isCrossDrag:se,isPeerDrag:ce}=te,ue=I===e.length-1;return R.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,headerClassName:d,editRender:o,cellRender:u}=e,s=e.id,c=Q[s]||{},o=o||u,u=o?renderer.get(o.name):null,o=e.children&&e.children.length,p=P&&!o&&(M?e.fixed!==M:!!e.fixed),v=(_xeUtils.default.isBoolean(ne.padding)?ne:ie).padding,a=_xeUtils.default.eqNull(a)?G:a,t=t||(u?u.tableHeaderCellAlign:"")||X||i||(u?u.tableCellAlign:"")||j,i="ellipsis"===a,u="title"===a,a=!0===a||"tooltip"===a,h=u||a||i;let g=!1,x=null;n&&(x=n[0],g=n.some(e=>e.checked));var m=c.index,c=c._index;let f={$table:pe,$grid:$,$gantt:k,$rowIndex:I,column:e,columnIndex:m,$columnIndex:l,_columnIndex:c,firstFilterOption:x,fixed:M,source:sourceType,type:renderType,isHidden:p,hasFilter:g};m={colid:s};let _=!1;if(A||(m.colspan=1<e.colSpan?e.colSpan:null,m.rowspan=1<e.rowSpan?e.rowSpan:null),Y&&ee.length&&(A||ue)){var C=le[I+":"+(A?l:c)];if(C){var{rowspan:C,colspan:b}=C;if(!C||!b)return null;1<C&&(_=!0,m.rowspan=C),1<b&&(_=!0,m.colspan=b)}}C={onClick:e=>pe.triggerHeaderCellClickEvent(e,f),onDblclick:e=>pe.triggerHeaderCellDblclickEvent(e,f)},b=ae.drag&&"cell"===te.trigger;let w=!1;b&&(w=!(!oe||!oe(f))),(N||b)&&(C.onMousedown=e=>pe.triggerHeaderCellMousedownEvent(e,f)),ae.drag&&(C.onDragstart=pe.handleHeaderCellDragDragstartEvent,C.onDragend=pe.handleHeaderCellDragDragendEvent,C.onDragover=pe.handleHeaderCellDragDragoverEvent,b)&&(C.onMouseup=pe.handleHeaderCellDragMouseupEvent);var b=l===R.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:ae.resizable||U,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let D=!1;!O||!P||F||_||V&&V.id===s||B&&10<J.length&&!e.fixed&&!re.immediate&&(c<Z.visibleStartIndex-Z.preloadSize||c>Z.visibleEndIndex+Z.preloadSize)&&(D=!0);var E,T,S,c={};return h?c.height=de+"px":c.minHeight=de+"px",A||o&&!ue&&(T=getColumnFirstChild(e),E=getColumnLastChild(e),T)&&E&&T.id!==E.id&&(T=Q[T.id],S=Q[E.id],T)&&S&&(c.width=S.oLeft-T.oLeft+E.renderWidth+"px"),(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",s,p?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+r]:r,"col--last":b,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":h,"fixed--width":!H,"is--padding":v,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":g,"is--drag-active":ae.drag&&!e.fixed&&!w&&(se||ce||!e.parentId),"is--drag-disabled":ae.drag&&w,"col--current":W===e},d?_xeUtils.default.isFunction(d)?d(f):d:"",q?_xeUtils.default.isFunction(q)?q(f):q:""],style:L?_xeUtils.default.isFunction(L)?L(f):L:null},m),C),{key:A?""+s+l:z||B||K||ae.useKey||ae.drag||o?s:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":a,"c--ellipsis":i}],style:c},D||O&&p?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(f))]),p||!y||A&&!ue?renderEmptyElement(pe):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>pe.handleColResizeMousedownEvent(e,M,f),onDblclick:e=>pe.handleColResizeDblclickEvent(e,f)})])})},I=(b,w)=>{let y=pe.xeGrid,H=pe.xeGantt,D=g.fixedType,{showHeaderOverflow:E,headerAlign:T,align:S}=m,{currentColumn:F,overflowX:O}=f,I=_.fullColumnIdData,R=t.value;var e=n.value;let $=i.value,k=(0,_util.getCalcHeight)($.height)||e;return w.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,editRender:d,cellRender:o,floatingFilters:u,filterRender:s,slots:c}=e,p=e.id,v=I[p]||{},d=d||o,o=c?c.floatingFilter||c["floating-filter"]:null,c=d?renderer.get(d.name):null,d=(0,_utils.isEnableConf)(s)?renderer.get(s.name):null,d=d?d.renderTableFloatingFilter:null,h=O&&(D?e.fixed!==D:!!e.fixed),g=(_xeUtils.default.isBoolean($.padding)?$:R).padding,a=_xeUtils.default.eqNull(a)?E:a,t=t||(c?c.tableHeaderCellAlign:"")||T||i||(c?c.tableCellAlign:"")||S,i="ellipsis"===a,c="title"===a,a=!0===a||"tooltip"===a,x=c||a||i;let m=!1,f=null;n&&(f=n[0],m=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:pe,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:f,fixed:D,source:sourceType,type:renderType,isHidden:h,hasFilter:m},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),C={};return x?C.height=k+"px":C.minHeight=k+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column",p,h?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+r]:r,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":x,"fixed--width":!_,"is--padding":g,"is--sortable":e.sortable,"col--current":F===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":c,"c--tooltip":a,"c--ellipsis":i}],style:C},b&&h&&!u?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},o?pe.callSlot(o,n):d&&f?(0,_vn.getSlotVNs)(d(s,n)):[])])])})};return(0,_vue.watch)(()=>g.tableColumn,u),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=g.fixedType,l=pe.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=H,l[e+"scroll"]=D,l[e+"table"]=E,l[e+"colgroup"]=T,l[e+"list"]=S,l[e+"xSpace"]=F,l[e+"repair"]=o,u()})}),(0,_vue.onUnmounted)(()=>{var e=g.fixedType,l=pe.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:r}=g;var a=m.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:d,dragCol:o}=f,{visibleColumn:u,fullColumnIdData:s}=_,c=C.value,p=w.value;let v=y.value||[],h=r;return t?h=u:(p&&(i||!l&&n)||(h=u),l&&p&&(h=e||[]),v=[h]),l||t||d&&o&&2<h.length&&(i=s[o.id])&&(n=i._index,u=h[0],d=h[h.length-1],i=s[u.id],u=s[d.id],i)&&u&&(s=i._index,d=u._index,n<s?(h=[o].concat(h),v=[[o].concat(v[0])].concat(v.slice(1))):d<n&&(h=h.concat([o]),v=[v[0].concat([o])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:H,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:x},[(0,_vue.h)("div",{ref:D,class:"vxe-table--header-inner-wrapper",onScroll(e){pe.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(pe):(0,_vue.h)("div",{ref:F,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:E,class:"vxe-table--header",xid:x,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:S},((a,t,i)=>{let{fixedType:n,fixedColumn:e}=g,{headerRowClassName:d,headerRowStyle:o}=m;var l=_.visibleColumn,r=b.value,u=i.map((e,l)=>{var r={$table:pe,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",d?_xeUtils.default.isFunction(d)?d(r):d:""],style:o?_xeUtils.default.isFunction(o)?o(r):o:null},O(a,t,i,l,e))});return r.enabled&&u.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row"]},I(t,t&&n?e:l))),u})(t,p,v))]),a&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:x},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-clip-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-col-status-area"})]):renderEmptyElement(pe)])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{renderer,renderEmptyElement}=_ui.VxeUI,sourceType="table",renderType="header";function getColumnFirstChild(e){var l=e.children;return l&&l.length?getColumnFirstChild(l[0]):e}function getColumnLastChild(e){var l=e.children;return l&&l.length?getColumnLastChild(l[l.length-1]):e}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableHeader",props:{tableData:Array,tableColumn:Array,tableGroupColumn:Array,fixedColumn:Array,fixedType:{type:String,default:null}},setup(g){let pe=(0,_vue.inject)("$xeTable",{}),{xID:x,props:m,reactData:f,internalData:_}=pe,{computeColumnOpts:r,computeColumnDragOpts:a,computeCellOpts:t,computeMouseOpts:C,computeHeaderCellOpts:i,computeDefaultRowHeight:n,computeVirtualXOpts:d,computeFloatingFilterOpts:b,computeIsHeaderRenderOptimize:w}=pe.getComputeMaps(),y=(0,_vue.ref)([]),H=(0,_vue.ref)(),D=(0,_vue.ref)(),E=(0,_vue.ref)(),T=(0,_vue.ref)(),S=(0,_vue.ref)(),F=(0,_vue.ref)(),o=(0,_vue.ref)(),u=()=>{var e=m.showCustomHeader,{collectColumn:l,visibleColumn:r}=_,a=g.tableGroupColumn,t=f.isGroup;let i=t?(0,_util.convertHeaderColumnToRows)(a):[],n=[];e&&1<i.length&&(n=(0,_util.convertHeaderToGridRows)(i),i=n),y.value=i,pe.dispatchEvent("columns-change",{visibleColgroups:n,collectColumn:l,visibleColumn:r},null)},O=(F,O,e,I,R)=>{let $=pe.xeGrid,k=pe.xeGantt,M=g.fixedType,{resizable:U,columnKey:z,showCustomHeader:A,headerCellClassName:q,headerCellStyle:L,showHeaderOverflow:G,headerAlign:X,align:j,mouseConfig:N}=m,{currentColumn:W,dragCol:V,scrollXLoad:B,scrollYLoad:K,overflowX:P,mergeHeadFlag:Y,tableColumn:J}=f,{fullColumnIdData:Q,scrollXStore:Z,mergeHeaderList:ee,mergeHeaderCellMaps:le}=_,re=d.value,ae=r.value,te=a.value,ie=t.value;var l=n.value;let ne=i.value,de=(0,_util.getCalcHeight)(ne.height)||l,{disabledMethod:oe,isCrossDrag:se,isPeerDrag:ce}=te,ue=I===e.length-1;return R.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,headerClassName:d,editRender:o,cellRender:u}=e,s=e.id,c=Q[s]||{},o=o||u,u=o?renderer.get(o.name):null,o=e.children&&e.children.length,p=P&&!o&&(M?e.fixed!==M:!!e.fixed),v=(_xeUtils.default.isBoolean(ne.padding)?ne:ie).padding,a=_xeUtils.default.eqNull(a)?G:a,t=t||(u?u.tableHeaderCellAlign:"")||X||i||(u?u.tableCellAlign:"")||j,i="ellipsis"===a,u="title"===a,a=!0===a||"tooltip"===a,h=u||a||i;let g=!1,x=null;n&&(x=n[0],g=n.some(e=>e.checked));var m=c.index,c=c._index;let f={$table:pe,$grid:$,$gantt:k,$rowIndex:I,column:e,columnIndex:m,$columnIndex:l,_columnIndex:c,firstFilterOption:x,fixed:M,source:sourceType,type:renderType,isHidden:p,hasFilter:g};m={colid:s};let _=!1;if(A||(m.colspan=1<e.colSpan?e.colSpan:null,m.rowspan=1<e.rowSpan?e.rowSpan:null),Y&&ee.length&&(A||ue)){var C=le[I+":"+(A?l:c)];if(C){var{rowspan:C,colspan:b}=C;if(!C||!b)return null;1<C&&(_=!0,m.rowspan=C),1<b&&(_=!0,m.colspan=b)}}C={onClick:e=>pe.triggerHeaderCellClickEvent(e,f),onDblclick:e=>pe.triggerHeaderCellDblclickEvent(e,f)},b=ae.drag&&"cell"===te.trigger;let w=!1;b&&(w=!(!oe||!oe(f))),(N||b)&&(C.onMousedown=e=>pe.triggerHeaderCellMousedownEvent(e,f)),ae.drag&&(C.onDragstart=pe.handleHeaderCellDragDragstartEvent,C.onDragend=pe.handleHeaderCellDragDragendEvent,C.onDragover=pe.handleHeaderCellDragDragoverEvent,b)&&(C.onMouseup=pe.handleHeaderCellDragMouseupEvent);var b=l===R.length-1,y=_xeUtils.default.isBoolean(e.resizable)?e.resizable:ae.resizable||U,H=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width);let D=!1;!O||!P||F||_||V&&V.id===s||B&&10<J.length&&!e.fixed&&!re.immediate&&(c<Z.visibleStartIndex-Z.preloadSize||c>Z.visibleEndIndex+Z.preloadSize)&&(D=!0);var E,T,S,c={};return h?c.height=de+"px":c.minHeight=de+"px",A||o&&!ue&&(T=getColumnFirstChild(e),E=getColumnLastChild(e),T)&&E&&T.id!==E.id&&(T=Q[T.id],S=Q[E.id],T)&&S&&(c.width=S.oLeft-T.oLeft+E.renderWidth+"px"),(0,_vue.h)("th",Object.assign(Object.assign(Object.assign({class:["vxe-table--column vxe-header--column",s,p?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+r]:r,"col--last":b,"col--fixed":e.fixed,"col--group":o,"col--ellipsis":h,"fixed--width":!H,"is--padding":v,"is--sortable":e.sortable,"col--filter":!!n,"is--filter-active":g,"is--drag-active":ae.drag&&!e.fixed&&!w&&(se||ce||!e.parentId),"is--drag-disabled":ae.drag&&w,"col--current":W===e},d?_xeUtils.default.isFunction(d)?d(f):d:"",q?_xeUtils.default.isFunction(q)?q(f):q:""],style:L?_xeUtils.default.isFunction(L)?L(f):L:null},m),C),{key:A?""+s+l:z||B||K||ae.useKey||ae.drag||o?s:l}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":u,"c--tooltip":a,"c--ellipsis":i}],style:c},D||O&&p?[]:[(0,_vue.h)("div",{colid:s,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},e.renderHeader(f))]),p||!y||A&&!ue?renderEmptyElement(pe):(0,_vue.h)("div",{class:"vxe-cell--col-resizable",onMousedown:e=>pe.handleColResizeMousedownEvent(e,M,f),onDblclick:e=>pe.handleColResizeDblclickEvent(e,f)})])})},I=(b,w)=>{let y=pe.xeGrid,H=pe.xeGantt,D=g.fixedType,{showHeaderOverflow:E,headerAlign:T,align:S}=m,{currentColumn:F,overflowX:O}=f,I=_.fullColumnIdData,R=t.value;var e=n.value;let $=i.value,k=(0,_util.getCalcHeight)($.height)||e;return w.map((e,l)=>{var{type:r,showHeaderOverflow:a,headerAlign:t,align:i,filters:n,editRender:d,cellRender:o,floatingFilters:u,filterRender:s,slots:c}=e,p=e.id,v=I[p]||{},d=d||o,o=c?c.floatingFilter||c["floating-filter"]:null,c=d?renderer.get(d.name):null,d=(0,_utils.isEnableConf)(s)?renderer.get(s.name):null,d=d?d.renderTableFloatingFilter:null,h=O&&(D?e.fixed!==D:!!e.fixed),g=(_xeUtils.default.isBoolean($.padding)?$:R).padding,a=_xeUtils.default.eqNull(a)?E:a,t=t||(c?c.tableHeaderCellAlign:"")||T||i||(c?c.tableCellAlign:"")||S,i="ellipsis"===a,c="title"===a,a=!0===a||"tooltip"===a,x=c||a||i;let m=!1,f=null;n&&(f=n[0],m=n.some(e=>e.checked));var n=v.index,v=v._index,n={$table:pe,$grid:y,$gantt:H,column:e,columnIndex:n,$columnIndex:l,_columnIndex:v,option:f,fixed:D,source:sourceType,type:renderType,isHidden:h,hasFilter:m},v={colid:p},l=l===w.length-1,_=!e.resizeWidth&&("auto"===e.minWidth||"auto"===e.width),C={};return x?C.height=k+"px":C.minHeight=k+"px",(0,_vue.h)("th",Object.assign({class:["vxe-table--column vxe-header--column",p,h?"fixed--hidden":"fixed--visible",{["col--"+t]:t,["col--"+r]:r,"col--last":l,"col--fixed":e.fixed,"col--ellipsis":x,"fixed--width":!_,"is--padding":g,"is--sortable":e.sortable,"col--current":F===e}],key:p},v),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":c,"c--tooltip":a,"c--ellipsis":i}],style:C},b&&h&&!u?[]:[(0,_vue.h)("div",{colid:p,class:"vxe-cell--wrapper vxe-header-cell--wrapper"},o?pe.callSlot(o,n):d&&f?(0,_vn.getSlotVNs)(d(s,n)):[])])])})};return(0,_vue.watch)(()=>g.tableColumn,u),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=g.fixedType,l=pe.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=H,l[e+"scroll"]=D,l[e+"table"]=E,l[e+"colgroup"]=T,l[e+"list"]=S,l[e+"xSpace"]=F,l[e+"repair"]=o,u()})}),(0,_vue.onUnmounted)(()=>{var e=g.fixedType,l=pe.internalData,l=l.elemStore,e=`${e||"main"}-header-`;l[e+"wrapper"]=null,l[e+"scroll"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null,l[e+"repair"]=null}),()=>{let{fixedType:l,fixedColumn:e,tableColumn:r}=g;var a=m.mouseConfig,{isGroup:t,isColLoading:i,overflowX:n,scrollXLoad:d,dragCol:o}=f,{visibleColumn:u,fullColumnIdData:s}=_,c=C.value,p=w.value;let v=y.value||[],h=r;return t?h=u:(p&&(i||!l&&n)||(h=u),l&&p&&(h=e||[]),v=[h]),l||t||d&&o&&2<h.length&&(i=s[o.id])&&(n=i._index,u=h[0],d=h[h.length-1],i=s[u.id],u=s[d.id],i)&&u&&(s=i._index,d=u._index,n<s?(h=[o].concat(h),v=[[o].concat(v[0])].concat(v.slice(1))):d<n&&(h=h.concat([o]),v=[v[0].concat([o])].concat(v.slice(1)))),(0,_vue.h)("div",{ref:H,class:["vxe-table--header-wrapper",l?`fixed-${l}--wrapper`:"body--wrapper"],xid:x},[(0,_vue.h)("div",{ref:D,class:"vxe-table--header-inner-wrapper",onScroll(e){pe.triggerHeaderScrollEvent(e,l)}},[l?renderEmptyElement(pe):(0,_vue.h)("div",{ref:F,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:E,class:"vxe-table--header",xid:x,cellspacing:0,cellpadding:0,border:0,xvm:p?"1":null},[(0,_vue.h)("colgroup",{ref:T},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l,style:{width:e.renderWidth+"px"}}))),(0,_vue.h)("thead",{ref:S},((a,t,i)=>{let n=g.fixedType,{headerRowClassName:d,headerRowStyle:o}=m;var e=b.value,l=i.map((e,l)=>{var r={$table:pe,$rowIndex:l,fixed:n,type:renderType};return(0,_vue.h)("tr",{key:l,class:["vxe-header--row",d?_xeUtils.default.isFunction(d)?d(r):d:""],style:o?_xeUtils.default.isFunction(o)?o(r):o:null},O(a,t,i,l,e))});return e.enabled&&l.push((0,_vue.h)("tr",{key:"ff",class:["vxe-header--row"]},I(t,i[i.length-1]))),l})(t,p,v))]),a&&c.area?(0,_vue.h)("div",{class:"vxe-table--cell-area",xid:x},[(0,_vue.h)("span",{class:"vxe-table--cell-main-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-clip-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-extend-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-multi-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-active-area"}),(0,_vue.h)("span",{class:"vxe-table--cell-col-status-area"})]):renderEmptyElement(pe)])])}}});

package/lib/table/style/style.css

@@ -1716,17 +1716,20 @@
 .vxe-table--context-menu-clild-wrapper li.link--active > .vxe-context-menu--link {
   color: #2B2B2B;
 }
-.vxe-context-menu--option-wrapper li.link--disabled > .vxe-context-menu--link,
+.vxe-context-menu--option-wrapper li.link--loading > .vxe-context-menu--link, .vxe-context-menu--option-wrapper li.link--disabled > .vxe-context-menu--link,
+.vxe-table--context-menu-clild-wrapper li.link--loading > .vxe-context-menu--link,
 .vxe-table--context-menu-clild-wrapper li.link--disabled > .vxe-context-menu--link {
   color: var(--vxe-ui-font-disabled-color);
   cursor: no-drop;
 }
-.vxe-context-menu--option-wrapper li.link--disabled.link--active,
+.vxe-context-menu--option-wrapper li.link--loading.link--active, .vxe-context-menu--option-wrapper li.link--disabled.link--active,
+.vxe-table--context-menu-clild-wrapper li.link--loading.link--active,
 .vxe-table--context-menu-clild-wrapper li.link--disabled.link--active {
   border-color: #C0C1C2;
   background-color: #EEEEEE;
 }
-.vxe-context-menu--option-wrapper li.link--disabled.link--active:hover,
+.vxe-context-menu--option-wrapper li.link--loading.link--active:hover, .vxe-context-menu--option-wrapper li.link--disabled.link--active:hover,
+.vxe-table--context-menu-clild-wrapper li.link--loading.link--active:hover,
 .vxe-table--context-menu-clild-wrapper li.link--disabled.link--active:hover {
   background-color: inherit;
 }