vxe-table 3.19.12 → 3.19.13

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{menus,globalEvents,GLOBAL_EVENT_KEYS}=_ui.VxeUI;var _default=exports.default={methods:{_closeMenu(){return Object.assign(this.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),this.$nextTick()},moveCtxMenu(e,t,l,n,o,i){let r;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){r=i[e];break}t[l]=r||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){r=i[e];break}t[l]=r||i[0]}else t[l]&&(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ENTER)||globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.SPACEBAR))&&this.ctxMenuLinkEvent(e,t[l])},handleGlobalContextmenuEvent(t){var l=this,n=l.$xeGrid,o=l.$xeGantt,e=l;let i=l.xID;var{mouseConfig:r,menuConfig:s}=l,{editStore:u,ctxMenuStore:d}=l,a=e.visibleColumn,c=l.$refs.refTableFilter,f=l.$refs.refTableMenu,h=l.computeMouseOpts,v=l.computeMenuOpts,g=l.$refs.refElem,u=u.selected,m=["header","body","footer"];if((0,_utils.isEnableConf)(s)){if(d.visible&&f&&(0,_dom.getEventTargetNode)(t,f.$el).flag)return void t.preventDefault();if(e._keyCtx){s="body",d={source:"table",type:s,$table:l,$grid:n,$gantt:o,keyboard:!0,columns:a.slice(0),$event:t};if(r&&h.area){f=l.getActiveCellArea();if(f&&f.row&&f.column)return d.row=f.row,d.column=f.column,void l.handleOpenMenuEvent(t,s,d)}else if(r&&h.selected&&u.row&&u.column)return d.row=u.row,d.column=u.column,void l.handleOpenMenuEvent(t,s,d)}for(let e=0;e<m.length;e++){var x=m[e],b=(0,_dom.getEventTargetNode)(t,g,`vxe-${x}--column`,e=>e.parentNode.parentNode.parentNode.getAttribute("xid")===i),p={source:"table",type:x,$table:l,$grid:n,$gantt:o,columns:a.slice(0),$event:t};if(b.flag){var b=b.targetElem,E=l.getColumnNode(b),E=E?E.item:null;let e=x+"-";E&&Object.assign(p,{column:E,columnIndex:l.getColumnIndex(E),cell:b}),"body"===x&&(b=(E=l.getRowNode(b.parentNode))?E.item:null,e="",b)&&(p.row=b,p.rowIndex=l.getRowIndex(b));E=e+"cell-menu";return l.handleOpenMenuEvent(t,x,p),void(l.$listeners[e+"cell-context-menu"]?((0,_log.warnLog)("vxe.error.delEvent",[e+"cell-context-menu",e+"cell-menu"]),l.dispatchEvent(e+"cell-context-menu",p,t)):l.dispatchEvent(E,p,t))}if((0,_dom.getEventTargetNode)(t,l.$el,`vxe-table--${x}-wrapper`,e=>e.getAttribute("xid")===i).flag)return void("cell"===v.trigger?t.preventDefault():l.handleOpenMenuEvent(t,x,p))}}c&&!(0,_dom.getEventTargetNode)(t,c.$el).flag&&l.closeFilter(),l.closeMenu()},handleOpenMenuEvent(f,t,h){let v=this;var e=v.$xeGrid,n=v.$xeGantt;let g=e||n;e=v;let m=v,x=e.ctxMenuStore;n=v.computeIsContentMenu,e=v.computeMenuOpts,t=e[t];let{transfer:b,visibleMethod:o}=e;if(t){let{options:l,disabled:e}=t;e?f.preventDefault():n&&l&&l.length&&(h.options=l,v.preventEvent(f,"event.showMenu",h,()=>{if(!o||o(h)){f.preventDefault(),v.updateZindex();var t=(g||v).$refs.refElem.getBoundingClientRect();let{scrollTop:o,scrollLeft:i,visibleHeight:r,visibleWidth:s}=(0,_dom.getDomNode)(),u=f.clientY-t.y,d=f.clientX-t.x,n=(b&&(u=f.clientY+o,d=f.clientX+i),()=>{m._currMenuParams=h,Object.assign(x,{visible:!0,list:l,selected:null,selectChild:null,showChild:!1,style:{zIndex:m.tZindex,top:u+"px",left:d+"px"}}),v.$nextTick(()=>{var e=v.$refs.refTableMenu.$el,t=e.clientHeight,l=e.clientWidth,{boundingTop:e,boundingLeft:n}=(0,_dom.getAbsolutePos)(e),e=e+t-r,n=n+l-s;-10<e&&(x.style.top=Math.max(o+2,u-t-2)+"px"),-10<n&&(x.style.left=Math.max(i+2,d-l-2)+"px")})}),{keyboard:e,row:a,column:c}=h;e&&a&&c?v.scrollToRow(a,c).then(()=>{var e,t,l=v.getCellElement(a,c);l&&({boundingTop:e,boundingLeft:t}=(0,_dom.getAbsolutePos)(l),u=e+o+Math.floor(l.offsetHeight/2),d=t+i+Math.floor(l.offsetWidth/2)),n()}):n()}else v.closeMenu()}))}v.closeFilter()},ctxMenuMouseoverEvent(e,t,l){let d=e.currentTarget;var n=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),n.selected=t,(n.selectChild=l)||(n.showChild=(0,_utils.hasChildrenList)(t),n.showChild&&this.$nextTick(()=>{var o=d.nextElementSibling;if(o){var{boundingTop:i,boundingLeft:r,visibleHeight:s,visibleWidth:u}=(0,_dom.getAbsolutePos)(d),i=i+d.offsetHeight;let e="",t="",l=(r+d.offsetWidth+o.offsetWidth>u-10&&(e="auto",t=d.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=this.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent(e,t){var l,n=this,o=n.$xeGrid,i=n.$xeGantt,r=n;t.disabled||!t.code&&t.children&&t.children.length||(l=menus.get(t.code),r=Object.assign({},r._currMenuParams,{menu:t,$table:n,$grid:o,$gantt:i,$event:e}),l&&l.menuMethod&&l.menuMethod(r,e),n.$listeners["context-menu-click"]?((0,_log.warnLog)("vxe.error.delEvent",["context-menu-click","menu-click"]),n.dispatchEvent("context-menu-click",r,e)):n.dispatchEvent("menu-click",r,e),n.closeMenu())}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{menus,globalEvents,GLOBAL_EVENT_KEYS}=_ui.VxeUI;var _default=exports.default={methods:{_closeMenu(){return Object.assign(this.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),this.$nextTick()},moveCtxMenu(e,t,l,n,o,i){let r;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){r=i[e];break}t[l]=r||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){r=i[e];break}t[l]=r||i[0]}else t[l]&&(globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.ENTER)||globalEvents.hasKey(e,GLOBAL_EVENT_KEYS.SPACEBAR))&&this.ctxMenuLinkEvent(e,t[l])},handleGlobalContextmenuEvent(t){var l=this,n=l.$xeGrid,o=l.$xeGantt,e=l;let i=l.xID;var{mouseConfig:r,menuConfig:s}=l,{editStore:u,ctxMenuStore:d}=l,a=e.visibleColumn,c=l.$refs.refTableFilter,f=l.$refs.refTableMenu,h=l.computeMouseOpts,v=l.computeMenuOpts,g=l.$refs.refElem,u=u.selected,m=["header","body","footer"];if((0,_utils.isEnableConf)(s)){if(d.visible&&f&&(0,_dom.getEventTargetNode)(t,f.$el).flag)return void t.preventDefault();if(e._keyCtx){s="body",d={source:"table",type:s,$table:l,$grid:n,$gantt:o,keyboard:!0,columns:a.slice(0),$event:t};if(r&&h.area){f=l.getActiveCellArea();if(f&&f.row&&f.column)return d.row=f.row,d.column=f.column,void l.handleOpenMenuEvent(t,s,d)}else if(r&&h.selected&&u.row&&u.column)return d.row=u.row,d.column=u.column,void l.handleOpenMenuEvent(t,s,d)}for(let e=0;e<m.length;e++){var x=m[e],b=(0,_dom.getEventTargetNode)(t,g,`vxe-${x}--column`,e=>e.parentNode.parentNode.parentNode.getAttribute("xid")===i),p={source:"table",type:x,$table:l,$grid:n,$gantt:o,columns:a.slice(0),$event:t};if(b.flag){var b=b.targetElem,E=l.getColumnNode(b),E=E?E.item:null;let e=x+"-";E&&Object.assign(p,{column:E,columnIndex:l.getColumnIndex(E),cell:b}),"body"===x&&(b=(E=l.getRowNode(b.parentNode))?E.item:null,e="",b)&&(p.row=b,p.rowIndex=l.getRowIndex(b));E=e+"cell-menu";return l.handleOpenMenuEvent(t,x,p),void(l.$listeners[e+"cell-context-menu"]?((0,_log.warnLog)("vxe.error.delEvent",[e+"cell-context-menu",e+"cell-menu"]),l.dispatchEvent(e+"cell-context-menu",p,t)):l.dispatchEvent(E,p,t))}if((0,_dom.getEventTargetNode)(t,l.$el,`vxe-table--${x}-wrapper`,e=>e.getAttribute("xid")===i).flag)return void("cell"===v.trigger?t.preventDefault():l.handleOpenMenuEvent(t,x,p))}}c&&!(0,_dom.getEventTargetNode)(t,c.$el).flag&&l.closeFilter(),l.closeMenu()},handleOpenMenuEvent(f,t,h){let v=this;var e=v.$xeGrid,n=v.$xeGantt;let g=e||n;e=v;let m=v,x=e.ctxMenuStore;n=v.computeIsContentMenu,e=v.computeMenuOpts,t=e[t];let{transfer:b,visibleMethod:o}=e;if(t){let{options:l,disabled:e}=t;e?f.preventDefault():n&&l&&l.length&&(h.options=l,v.preventEvent(f,"event.showMenu",h,()=>{if(!o||o(h)){f.preventDefault(),v.updateZindex();var t=(g||v).$refs.refElem.getBoundingClientRect();let{scrollTop:o,scrollLeft:i,visibleHeight:r,visibleWidth:s}=(0,_dom.getDomNode)(),u=f.clientY-t.y,d=f.clientX-t.x,n=(b&&(u=f.clientY+o,d=f.clientX+i),()=>{m._currMenuParams=h,Object.assign(x,{visible:!0,list:l,selected:null,selectChild:null,showChild:!1,style:{zIndex:m.tZindex,top:u+"px",left:d+"px"}}),v.$nextTick(()=>{var e=v.$refs.refTableMenu.$el,t=e.clientHeight,l=e.clientWidth,{boundingTop:e,boundingLeft:n}=(0,_dom.getAbsolutePos)(e),e=e+t-r,n=n+l-s;-10<e&&(x.style.top=Math.max(o+2,u-t-2)+"px"),-10<n&&(x.style.left=Math.max(i+2,d-l-2)+"px")})}),{keyboard:e,row:a,column:c}=h;e&&a&&c?v.scrollToRow(a,c).then(()=>{var e,t,l=v.getCellElement(a,c);l&&({boundingTop:e,boundingLeft:t}=(0,_dom.getAbsolutePos)(l),u=e+o+Math.floor(l.offsetHeight/2),d=t+i+Math.floor(l.offsetWidth/2)),n()}):n()}else v.closeMenu()}))}v.closeFilter()},ctxMenuMouseoverEvent(e,t,l){let d=e.currentTarget;var n=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),n.selected=t,(n.selectChild=l)||(n.showChild=(0,_utils.hasChildrenList)(t),n.showChild&&this.$nextTick(()=>{var o=d.nextElementSibling;if(o){var{boundingTop:i,boundingLeft:r,visibleHeight:s,visibleWidth:u}=(0,_dom.getAbsolutePos)(d),i=i+d.offsetHeight;let e="",t="",l=(r+d.offsetWidth+o.offsetWidth>u-10&&(e="auto",t=d.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=this.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent(e,t){var l,n=this,o=n.$xeGrid,i=n.$xeGantt,r=n;t.loading||t.disabled||!t.code&&t.children&&t.children.length||(l=menus.get(t.code),r=Object.assign({},r._currMenuParams,{menu:t,$table:n,$grid:o,$gantt:i,$event:e}),l&&l.menuMethod&&l.menuMethod(r,e),n.$listeners["context-menu-click"]?((0,_log.warnLog)("vxe.error.delEvent",["context-menu-click","menu-click"]),n.dispatchEvent("context-menu-click",r,e)):n.dispatchEvent("menu-click",r,e),n.closeMenu())}}};

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

@@ -11,6 +11,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 = {
@@ -69,7 +70,11 @@ var _default = exports.default = {
         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);
@@ -77,6 +82,7 @@ var _default = exports.default = {
         const menuContent = (0, _utils.getFuncText)(item.name);
         return item.visible === false ? renderEmptyElement($xeTable) : h('li', {
           class: [item.className, {
+            'link--loading': loading,
             'link--disabled': item.disabled,
             'link--active': item === ctxMenuStore.selected
           }],
@@ -96,14 +102,16 @@ var _default = exports.default = {
           }
         }, [h('div', {
           class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
-        }, [prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(prefixIcon.call($xeTable, {}))) : h('i', {
+        }, [loading ? h('span', {
+          class: getIcon('TABLE_MENU_OPTION_LOADING')
+        }) : prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(prefixIcon.call($xeTable, {}))) : h('span', {}, [h('i', {
           class: prefixIcon
-        }), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
+        })]), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
           class: 'vxe-context-menu--link-content',
           attrs: {
             title: menuContent
           }
-        }, menuContent), h('div', {
+        }, loading ? getI18n('vxe.table.menuLoading') : menuContent), h('div', {
           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 : '')
@@ -112,6 +120,9 @@ var _default = exports.default = {
             '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);
@@ -119,6 +130,7 @@ var _default = exports.default = {
           const childMenuContent = (0, _utils.getFuncText)(child.name);
           return child.visible === false ? null : h('li', {
             class: [child.className, {
+              'link--loading': childLoading,
               'link--disabled': child.disabled,
               'link--active': child === ctxMenuStore.selectChild
             }],
@@ -138,14 +150,16 @@ var _default = exports.default = {
             }
           }, [h('div', {
             class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
-          }, [childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon.call($xeTable, {}))) : h('i', {
+          }, [child.loading ? h('span', {
+            class: getIcon('TABLE_MENU_OPTION_LOADING')
+          }) : childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon({}))) : h('span', {}, [h('i', {
             class: childPrefixIcon
-          }), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
+          })]), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
             class: 'vxe-context-menu--link-content',
             attrs: {
               title: childMenuContent
             }
-          }, childMenuContent), h('div', {
+          }, childLoading ? getI18n('vxe.table.menuLoading') : childMenuContent), h('div', {
             class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
           }, [childSuffixIcon && _xeUtils.default.isFunction(childSuffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childSuffixIcon.call($xeTable, {}))) : 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 _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,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},inject:{$xeTable:{default:null}},mounted(){var e=this.$xeTable.computeMenuOpts.transfer,t=this.$refs.refElem;e&&t&&document.body.appendChild(t)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},render(r){let x=this.$xeTable,d=x.ctxMenuStore;var e=x.computeMenuOpts.destroyOnClose,{visible:t,list:n,className:s}=d;return r("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",s,{"is--visible":t}],style:d.style},!e||t?n.map((e,u)=>e.every(e=>!1===e.visible)?renderEmptyElement(x):r("ul",{class:"vxe-context-menu--option-wrapper",key:u},e.map((a,o)=>{var e=a.children&&a.children.some(e=>!1!==e.visible),t=Object.assign({},a.prefixConfig),n=t.icon||a.prefixIcon,s=Object.assign({},a.suffixConfig),l=s.icon||a.suffixIcon,i=(0,_utils.getFuncText)(a.name);return!1===a.visible?renderEmptyElement(x):r("li",{class:[a.className,{"link--disabled":a.disabled,"link--active":a===d.selected}],key:u+"_"+o},[r("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,a)},mouseover(e){x.ctxMenuMouseoverEvent(e,a)},mouseout(e){x.ctxMenuMouseoutEvent(e,a)}}},[r("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n&&_xeUtils.default.isFunction(n)?r("span",{},(0,_vn.getSlotVNs)(n.call(x,{}))):r("i",{class:n}),t.content?r("span",{},""+t.content):renderEmptyElement(x)]),r("span",{class:"vxe-context-menu--link-content",attrs:{title:i}},i),r("div",{class:["vxe-context-menu--link-suffix",s.className||""]},[l&&_xeUtils.default.isFunction(l)?r("span",{},(0,_vn.getSlotVNs)(l.call(x,{}))):r("i",{class:l||(e?getIcon().TABLE_MENU_OPTIONS:"")}),s.content?r("span",""+s.content):renderEmptyElement(x)])]),e&&a.children?r("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":a===d.selected&&d.showChild}]},a.children.map((t,e)=>{var n=Object.assign({},t.prefixConfig),s=n.icon||t.prefixIcon,l=Object.assign({},t.suffixConfig),i=l.icon||t.suffixIcon,c=(0,_utils.getFuncText)(t.name);return!1===t.visible?null:r("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===d.selectChild}],key:u+`_${o}_`+e},[r("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,t)},mouseover(e){x.ctxMenuMouseoverEvent(e,a,t)},mouseout(e){x.ctxMenuMouseoutEvent(e,a)}}},[r("div",{class:["vxe-context-menu--link-prefix",n.className||""]},[s&&_xeUtils.default.isFunction(s)?r("span",{},(0,_vn.getSlotVNs)(s.call(x,{}))):r("i",{class:s}),n.content?r("span",""+n.content):renderEmptyElement(x)]),r("span",{class:"vxe-context-menu--link-content",attrs:{title:c}},c),r("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?r("span",{},(0,_vn.getSlotVNs)(i.call(x,{}))):r("i",{class:i}),l.content?r("span",""+l.content):renderEmptyElement(x)])])])})):null])}))):[])}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _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={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},inject:{$xeTable:{default:null}},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)},render(x){let d=this.$xeTable,p=d.ctxMenuStore;var e=d.computeMenuOpts.destroyOnClose,{visible:n,list:t,className:s}=p;return x("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",s,{"is--visible":n}],style:p.style},!e||n?t.map((e,r)=>e.every(e=>!1===e.visible)?renderEmptyElement(d):x("ul",{class:"vxe-context-menu--option-wrapper",key:r},e.map((o,u)=>{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(d):x("li",{class:[o.className,{"link--loading":n,"link--disabled":o.disabled,"link--active":o===p.selected}],key:r+"_"+u},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,o)},mouseover(e){d.ctxMenuMouseoverEvent(e,o)},mouseout(e){d.ctxMenuMouseoutEvent(e,o)}}},[x("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n?x("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):s&&_xeUtils.default.isFunction(s)?x("span",{},(0,_vn.getSlotVNs)(s.call(d,{}))):x("span",{},[x("i",{class:s})]),t.content?x("span",{},""+t.content):renderEmptyElement(d)]),x("span",{class:"vxe-context-menu--link-content",attrs:{title:a}},n?getI18n("vxe.table.menuLoading"):a),x("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?x("span",{},(0,_vn.getSlotVNs)(i.call(d,{}))):x("i",{class:i||(e?getIcon().TABLE_MENU_OPTIONS:"")}),l.content?x("span",""+l.content):renderEmptyElement(d)])]),e&&o.children?x("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":o===p.selected&&p.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:x("li",{class:[n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===p.selectChild}],key:r+`_${u}_`+e},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,n)},mouseover(e){d.ctxMenuMouseoverEvent(e,o,n)},mouseout(e){d.ctxMenuMouseoutEvent(e,o)}}},[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:c}},t?getI18n("vxe.table.menuLoading"):c),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])}))):[])}};

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;
 }