vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/menu/src/hooks.js

@@ -4,72 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _dom = require("../../tools/dom");
-
 var _utils = require("../../tools/utils");
-
 var _event = require("../../tools/event");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var tableMenuMethodKeys = ['closeMenu'];
 var tableMenuHook = {
-  setupTable: function setupTable($xetable) {
+  setupTable: function ($xetable) {
     var xID = $xetable.xID,
-        props = $xetable.props,
-        reactData = $xetable.reactData,
-        internalData = $xetable.internalData;
-
+      props = $xetable.props,
+      reactData = $xetable.reactData,
+      internalData = $xetable.internalData;
     var _a = $xetable.getRefMaps(),
-        refElem = _a.refElem,
-        refTableFilter = _a.refTableFilter,
-        refTableMenu = _a.refTableMenu;
-
+      refElem = _a.refElem,
+      refTableFilter = _a.refTableFilter,
+      refTableMenu = _a.refTableMenu;
     var _b = $xetable.getComputeMaps(),
-        computeMouseOpts = _b.computeMouseOpts,
-        computeIsMenu = _b.computeIsMenu,
-        computeMenuOpts = _b.computeMenuOpts;
-
+      computeMouseOpts = _b.computeMouseOpts,
+      computeIsMenu = _b.computeIsMenu,
+      computeMenuOpts = _b.computeMenuOpts;
     var menuMethods = {};
     var menuPrivateMethods = {};
     /**
      * 显示快捷菜单
      */
-
-    var openContextMenu = function openContextMenu(evnt, type, params) {
+    var openContextMenu = function (evnt, type, params) {
       var ctxMenuStore = reactData.ctxMenuStore;
       var isMenu = computeIsMenu.value;
       var menuOpts = computeMenuOpts.value;
       var config = menuOpts[type];
       var visibleMethod = menuOpts.visibleMethod;
-
       if (config) {
         var options_1 = config.options,
-            disabled = config.disabled;
-
+          disabled = config.disabled;
         if (disabled) {
           evnt.preventDefault();
         } else if (isMenu && options_1 && options_1.length) {
@@ -78,17 +58,14 @@ var tableMenuHook = {
             if (!visibleMethod || visibleMethod(params)) {
               evnt.preventDefault();
               $xetable.updateZindex();
-
               var _a = (0, _dom.getDomNode)(),
-                  scrollTop_1 = _a.scrollTop,
-                  scrollLeft_1 = _a.scrollLeft,
-                  visibleHeight_1 = _a.visibleHeight,
-                  visibleWidth_1 = _a.visibleWidth;
-
+                scrollTop_1 = _a.scrollTop,
+                scrollLeft_1 = _a.scrollLeft,
+                visibleHeight_1 = _a.visibleHeight,
+                visibleWidth_1 = _a.visibleWidth;
               var top_1 = evnt.clientY + scrollTop_1;
               var left_1 = evnt.clientX + scrollLeft_1;
-
-              var handleVisible_1 = function handleVisible_1() {
+              var handleVisible_1 = function () {
                 internalData._currMenuParams = params;
                 Object.assign(ctxMenuStore, {
                   visible: true,
@@ -107,41 +84,32 @@ var tableMenuHook = {
                   var ctxElem = tableMenu.getRefMaps().refElem.value;
                   var clientHeight = ctxElem.clientHeight;
                   var clientWidth = ctxElem.clientWidth;
-
                   var _a = (0, _dom.getAbsolutePos)(ctxElem),
-                      boundingTop = _a.boundingTop,
-                      boundingLeft = _a.boundingLeft;
-
+                    boundingTop = _a.boundingTop,
+                    boundingLeft = _a.boundingLeft;
                   var offsetTop = boundingTop + clientHeight - visibleHeight_1;
                   var offsetLeft = boundingLeft + clientWidth - visibleWidth_1;
-
                   if (offsetTop > -10) {
                     ctxMenuStore.style.top = "".concat(Math.max(scrollTop_1 + 2, top_1 - clientHeight - 2), "px");
                   }
-
                   if (offsetLeft > -10) {
                     ctxMenuStore.style.left = "".concat(Math.max(scrollLeft_1 + 2, left_1 - clientWidth - 2), "px");
                   }
                 });
               };
-
               var keyboard = params.keyboard,
-                  row_1 = params.row,
-                  column_1 = params.column;
-
+                row_1 = params.row,
+                column_1 = params.column;
               if (keyboard && row_1 && column_1) {
                 $xetable.scrollToRow(row_1, column_1).then(function () {
                   var cell = $xetable.getCell(row_1, column_1);
-
                   if (cell) {
                     var _a = (0, _dom.getAbsolutePos)(cell),
-                        boundingTop = _a.boundingTop,
-                        boundingLeft = _a.boundingLeft;
-
+                      boundingTop = _a.boundingTop,
+                      boundingLeft = _a.boundingLeft;
                     top_1 = boundingTop + scrollTop_1 + Math.floor(cell.offsetHeight / 2);
                     left_1 = boundingLeft + scrollLeft_1 + Math.floor(cell.offsetWidth / 2);
                   }
-
                   handleVisible_1();
                 });
               } else {
@@ -153,15 +121,13 @@ var tableMenuHook = {
           });
         }
       }
-
       $xetable.closeFilter();
     };
-
     menuMethods = {
       /**
        * 关闭快捷菜单
        */
-      closeMenu: function closeMenu() {
+      closeMenu: function () {
         Object.assign(reactData.ctxMenuStore, {
           visible: false,
           selected: null,
@@ -175,13 +141,11 @@ var tableMenuHook = {
       /**
        * 处理菜单的移动
        */
-      moveCtxMenu: function moveCtxMenu(evnt, ctxMenuStore, property, hasOper, operRest, menuList) {
+      moveCtxMenu: function (evnt, ctxMenuStore, property, hasOper, operRest, menuList) {
         var selectItem;
-
         var selectIndex = _xeUtils.default.findIndexOf(menuList, function (item) {
           return ctxMenuStore[property] === item;
         });
-
         if (hasOper) {
           if (operRest && (0, _utils.hasChildrenList)(ctxMenuStore.selected)) {
             ctxMenuStore.showChild = true;
@@ -196,7 +160,6 @@ var tableMenuHook = {
               break;
             }
           }
-
           ctxMenuStore[property] = selectItem || menuList[menuList.length - 1];
         } else if ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_DOWN)) {
           for (var index = selectIndex + 1; index < menuList.length; index++) {
@@ -205,21 +168,19 @@ var tableMenuHook = {
               break;
             }
           }
-
           ctxMenuStore[property] = selectItem || menuList[0];
         } else if (ctxMenuStore[property] && ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ENTER) || (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.SPACEBAR))) {
           menuPrivateMethods.ctxMenuLinkEvent(evnt, ctxMenuStore[property]);
         }
       },
-
       /**
        * 快捷菜单事件处理
        */
-      handleGlobalContextmenuEvent: function handleGlobalContextmenuEvent(evnt) {
+      handleGlobalContextmenuEvent: function (evnt) {
         var mouseConfig = props.mouseConfig,
-            menuConfig = props.menuConfig;
+          menuConfig = props.menuConfig;
         var editStore = reactData.editStore,
-            ctxMenuStore = reactData.ctxMenuStore;
+          ctxMenuStore = reactData.ctxMenuStore;
         var visibleColumn = internalData.visibleColumn;
         var tableFilter = refTableFilter.value;
         var tableMenu = refTableMenu.value;
@@ -228,13 +189,11 @@ var tableMenuHook = {
         var el = refElem.value;
         var selected = editStore.selected;
         var layoutList = ['header', 'body', 'footer'];
-
         if ((0, _utils.isEnableConf)(menuConfig)) {
           if (ctxMenuStore.visible && tableMenu && (0, _dom.getEventTargetNode)(evnt, tableMenu.getRefMaps().refElem.value).flag) {
             evnt.preventDefault();
             return;
           }
-
           if (internalData._keyCtx) {
             var type = 'body';
             var params = {
@@ -243,11 +202,10 @@ var tableMenuHook = {
               keyboard: true,
               columns: visibleColumn.slice(0),
               $event: evnt
-            }; // 如果开启单元格区域
-
+            };
+            // 如果开启单元格区域
             if (mouseConfig && mouseOpts.area) {
               var activeArea = $xetable.getActiveCellArea();
-
               if (activeArea && activeArea.row && activeArea.column) {
                 params.row = activeArea.row;
                 params.column = activeArea.column;
@@ -263,9 +221,8 @@ var tableMenuHook = {
                 return;
               }
             }
-          } // 分别匹配表尾、内容、表尾的快捷菜单
-
-
+          }
+          // 分别匹配表尾、内容、表尾的快捷菜单
           for (var index = 0; index < layoutList.length; index++) {
             var layout = layoutList[index];
             var columnTargetNode = (0, _dom.getEventTargetNode)(evnt, el, "vxe-".concat(layout, "--column"), function (target) {
@@ -278,13 +235,11 @@ var tableMenuHook = {
               columns: visibleColumn.slice(0),
               $event: evnt
             };
-
             if (columnTargetNode.flag) {
               var cell = columnTargetNode.targetElem;
               var columnNodeRest = $xetable.getColumnNode(cell);
               var column = columnNodeRest ? columnNodeRest.item : null;
               var typePrefix = "".concat(layout, "-");
-
               if (column) {
                 Object.assign(params, {
                   column: column,
@@ -292,18 +247,15 @@ var tableMenuHook = {
                   cell: cell
                 });
               }
-
               if (layout === 'body') {
                 var rowNodeRest = $xetable.getRowNode(cell.parentNode);
                 var row = rowNodeRest ? rowNodeRest.item : null;
                 typePrefix = '';
-
                 if (row) {
                   params.row = row;
                   params.rowIndex = $xetable.getRowIndex(row);
                 }
               }
-
               var eventType = "".concat(typePrefix, "cell-menu");
               openContextMenu(evnt, layout, params);
               $xetable.dispatchEvent(eventType, params, evnt);
@@ -316,59 +268,49 @@ var tableMenuHook = {
               } else {
                 openContextMenu(evnt, layout, params);
               }
-
               return;
             }
           }
         }
-
         if (tableFilter && !(0, _dom.getEventTargetNode)(evnt, tableFilter.$el).flag) {
           $xetable.closeFilter();
         }
-
         menuMethods.closeMenu();
       },
-      ctxMenuMouseoverEvent: function ctxMenuMouseoverEvent(evnt, item, child) {
+      ctxMenuMouseoverEvent: function (evnt, item, child) {
         var menuElem = evnt.currentTarget;
         var ctxMenuStore = reactData.ctxMenuStore;
         evnt.preventDefault();
         evnt.stopPropagation();
         ctxMenuStore.selected = item;
         ctxMenuStore.selectChild = child;
-
         if (!child) {
           ctxMenuStore.showChild = (0, _utils.hasChildrenList)(item);
-
           if (ctxMenuStore.showChild) {
             (0, _vue.nextTick)(function () {
               var childWrapperElem = menuElem.nextElementSibling;
-
               if (childWrapperElem) {
                 var _a = (0, _dom.getAbsolutePos)(menuElem),
-                    boundingTop = _a.boundingTop,
-                    boundingLeft = _a.boundingLeft,
-                    visibleHeight = _a.visibleHeight,
-                    visibleWidth = _a.visibleWidth;
-
+                  boundingTop = _a.boundingTop,
+                  boundingLeft = _a.boundingLeft,
+                  visibleHeight = _a.visibleHeight,
+                  visibleWidth = _a.visibleWidth;
                 var posTop = boundingTop + menuElem.offsetHeight;
                 var posLeft = boundingLeft + menuElem.offsetWidth;
                 var left = '';
-                var right = ''; // 是否超出右侧
-
+                var right = '';
+                // 是否超出右侧
                 if (posLeft + childWrapperElem.offsetWidth > visibleWidth - 10) {
                   left = 'auto';
                   right = "".concat(menuElem.offsetWidth, "px");
-                } // 是否超出底部
-
-
+                }
+                // 是否超出底部
                 var top_2 = '';
                 var bottom = '';
-
                 if (posTop + childWrapperElem.offsetHeight > visibleHeight - 10) {
                   top_2 = 'auto';
                   bottom = '0';
                 }
-
                 childWrapperElem.style.left = left;
                 childWrapperElem.style.right = right;
                 childWrapperElem.style.top = top_2;
@@ -378,35 +320,29 @@ var tableMenuHook = {
           }
         }
       },
-      ctxMenuMouseoutEvent: function ctxMenuMouseoutEvent(evnt, item) {
+      ctxMenuMouseoutEvent: function (evnt, item) {
         var ctxMenuStore = reactData.ctxMenuStore;
-
         if (!item.children) {
           ctxMenuStore.selected = null;
         }
-
         ctxMenuStore.selectChild = null;
       },
-
       /**
        * 快捷菜单点击事件
        */
-      ctxMenuLinkEvent: function ctxMenuLinkEvent(evnt, menu) {
+      ctxMenuLinkEvent: function (evnt, menu) {
         // 如果一级菜单有配置 code 则允许点击，否则不能点击
         if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
           var ctxMenuMethod = _vXETable.VXETable.menus.get(menu.code);
-
           var params = Object.assign({}, internalData._currMenuParams, {
             menu: menu,
             $table: $xetable,
             $grid: $xetable.xegrid,
             $event: evnt
           });
-
           if (ctxMenuMethod) {
             ctxMenuMethod(params, evnt);
           }
-
           $xetable.dispatchEvent('menu-click', params, evnt);
           menuMethods.closeMenu();
         }
@@ -414,7 +350,7 @@ var tableMenuHook = {
     };
     return __assign(__assign({}, menuMethods), menuPrivateMethods);
   },
-  setupGrid: function setupGrid($xegrid) {
+  setupGrid: function ($xegrid) {
     return $xegrid.extendTableMethods(tableMenuMethodKeys);
   }
 };

package/lib/menu/src/hooks.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,l=arguments.length;n<l;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},tableMenuMethodKeys=["closeMenu"],tableMenuHook={setupTable:function(_){function m(t,e,n){var v,f=E.ctxMenuStore,l=i.value,o=O.value,e=o[e],g=o.visibleMethod;e&&(v=e.options,e.disabled?t.preventDefault():l&&v&&v.length&&(n.options=v,_.preventEvent(t,"event.showMenu",n,function(){var o,i,u,r,a,s,l,e,c,d;!g||g(n)?(t.preventDefault(),_.updateZindex(),e=(0,_dom.getDomNode)(),o=e.scrollTop,i=e.scrollLeft,u=e.visibleHeight,r=e.visibleWidth,a=t.clientY+o,s=t.clientX+i,l=function(){C._currMenuParams=n,Object.assign(f,{visible:!0,list:v,selected:null,selectChild:null,showChild:!1,style:{zIndex:C.tZindex,top:"".concat(a,"px"),left:"".concat(s,"px")}}),(0,_vue.nextTick)(function(){var e=w.value.getRefMaps().refElem.value,t=e.clientHeight,n=e.clientWidth,l=(0,_dom.getAbsolutePos)(e),e=l.boundingTop,l=l.boundingLeft+n-r;-10<e+t-u&&(f.style.top="".concat(Math.max(o+2,a-t-2),"px")),-10<l&&(f.style.left="".concat(Math.max(i+2,s-n-2),"px"))})},e=n.keyboard,c=n.row,d=n.column,e&&c&&d?_.scrollToRow(c,d).then(function(){var e,t,n=_.getCell(c,d);n&&(e=(t=(0,_dom.getAbsolutePos)(n)).boundingTop,t=t.boundingLeft,a=e+o+Math.floor(n.offsetHeight/2),s=t+i+Math.floor(n.offsetWidth/2)),l()}):l()):R.closeMenu()}))),_.closeFilter()}var x=_.xID,M=_.props,E=_.reactData,C=_.internalData,e=_.getRefMaps(),y=e.refElem,T=e.refTableFilter,w=e.refTableMenu,e=_.getComputeMaps(),N=e.computeMouseOpts,i=e.computeIsMenu,O=e.computeMenuOpts,R={},c={},c={moveCtxMenu:function(e,t,n,l,o,i){var u,r=_xeUtils.default.findIndexOf(i,function(e){return t[n]===e});if(l)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)){for(var a=r-1;0<=a;a--)if(!1!==i[a].visible){u=i[a];break}t[n]=u||i[i.length-1]}else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)){for(var s=r+1;s<i.length;s++)if(!1!==i[s].visible){u=i[s];break}t[n]=u||i[0]}else t[n]&&((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)||(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR))&&c.ctxMenuLinkEvent(e,t[n])},handleGlobalContextmenuEvent:function(e){var t=M.mouseConfig,n=M.menuConfig,l=E.editStore,o=E.ctxMenuStore,i=C.visibleColumn,u=T.value,r=w.value,a=N.value,s=O.value,c=y.value,l=l.selected,d=["header","body","footer"];if((0,_utils.isEnableConf)(n)){if(o.visible&&r&&(0,_dom.getEventTargetNode)(e,r.getRefMaps().refElem.value).flag)return void e.preventDefault();if(C._keyCtx){var o="body",v={type:o,$table:_,keyboard:!0,columns:i.slice(0),$event:e};if(t&&a.area){r=_.getActiveCellArea();if(r&&r.row&&r.column)return v.row=r.row,v.column=r.column,void m(e,o,v)}else if(t&&a.selected&&l.row&&l.column)return v.row=l.row,v.column=l.column,void m(e,o,v)}for(var f=0;f<d.length;f++){var g=d[f],h=(0,_dom.getEventTargetNode)(e,c,"vxe-".concat(g,"--column"),function(e){return e.parentNode.parentNode.parentNode.getAttribute("xid")===x}),v={type:g,$table:_,columns:i.slice(0),$event:e};if(h.flag){var b=h.targetElem,p=_.getColumnNode(b),h=p?p.item:null,p="".concat(g,"-");h&&Object.assign(v,{column:h,columnIndex:_.getColumnIndex(h),cell:b}),"body"===g&&(p="",(b=(b=_.getRowNode(b.parentNode))?b.item:null)&&(v.row=b,v.rowIndex=_.getRowIndex(b)));p="".concat(p,"cell-menu");return m(e,g,v),void _.dispatchEvent(p,v,e)}if((0,_dom.getEventTargetNode)(e,c,"vxe-table--".concat(g,"-wrapper"),function(e){return e.getAttribute("xid")===x}).flag)return void("cell"===s.trigger?e.preventDefault():m(e,g,v))}}u&&!(0,_dom.getEventTargetNode)(e,u.$el).flag&&_.closeFilter(),R.closeMenu()},ctxMenuMouseoverEvent:function(e,t,n){var r=e.currentTarget,l=E.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,(l.selectChild=n)||(l.showChild=(0,_utils.hasChildrenList)(t),l.showChild&&(0,_vue.nextTick)(function(){var e,t,n,l,o,i,u=r.nextElementSibling;u&&(l=(n=(0,_dom.getAbsolutePos)(r)).boundingTop,o=n.boundingLeft,e=n.visibleHeight,i=n.visibleWidth,t=l+r.offsetHeight,l=n="",o+r.offsetWidth+u.offsetWidth>i-10&&(n="auto",l="".concat(r.offsetWidth,"px")),i=o="",t+u.offsetHeight>e-10&&(o="auto",i="0"),u.style.left=n,u.style.right=l,u.style.top=o,u.style.bottom=i)}))},ctxMenuMouseoutEvent:function(e,t){var n=E.ctxMenuStore;t.children||(n.selected=null),n.selectChild=null},ctxMenuLinkEvent:function(e,t){var n;t.disabled||!t.code&&t.children&&t.children.length||(n=_vXETable.VXETable.menus.get(t.code),t=Object.assign({},C._currMenuParams,{menu:t,$table:_,$grid:_.xegrid,$event:e}),n&&n(t,e),_.dispatchEvent("menu-click",t,e),R.closeMenu())}};return __assign(__assign({},R={closeMenu:function(){return Object.assign(E.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}}),c)},setupGrid:function(e){return e.extendTableMethods(tableMenuMethodKeys)}},_default=tableMenuHook;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,l=arguments.length;n<l;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},tableMenuMethodKeys=["closeMenu"],tableMenuHook={setupTable:function(_){function m(t,e,n){var v,f=C.ctxMenuStore,l=i.value,o=R.value,e=o[e],g=o.visibleMethod;e&&(v=e.options,e.disabled?t.preventDefault():l&&v&&v.length&&(n.options=v,_.preventEvent(t,"event.showMenu",n,function(){var o,i,u,r,s,a,l,e,c,d;!g||g(n)?(t.preventDefault(),_.updateZindex(),e=(0,_dom.getDomNode)(),o=e.scrollTop,i=e.scrollLeft,u=e.visibleHeight,r=e.visibleWidth,s=t.clientY+o,a=t.clientX+i,l=function(){y._currMenuParams=n,Object.assign(f,{visible:!0,list:v,selected:null,selectChild:null,showChild:!1,style:{zIndex:y.tZindex,top:"".concat(s,"px"),left:"".concat(a,"px")}}),(0,_vue.nextTick)(function(){var e=N.value.getRefMaps().refElem.value,t=e.clientHeight,n=e.clientWidth,e=(0,_dom.getAbsolutePos)(e),l=e.boundingTop,e=e.boundingLeft+n-r;-10<l+t-u&&(f.style.top="".concat(Math.max(o+2,s-t-2),"px")),-10<e&&(f.style.left="".concat(Math.max(i+2,a-n-2),"px"))})},e=n.keyboard,c=n.row,d=n.column,e&&c&&d?_.scrollToRow(c,d).then(function(){var e,t,n=_.getCell(c,d);n&&(e=(t=(0,_dom.getAbsolutePos)(n)).boundingTop,t=t.boundingLeft,s=e+o+Math.floor(n.offsetHeight/2),a=t+i+Math.floor(n.offsetWidth/2)),l()}):l()):x.closeMenu()}))),_.closeFilter()}var x,M=_.xID,E=_.props,C=_.reactData,y=_.internalData,e=_.getRefMaps(),T=e.refElem,w=e.refTableFilter,N=e.refTableMenu,e=_.getComputeMaps(),O=e.computeMouseOpts,i=e.computeIsMenu,R=e.computeMenuOpts,c={},c={moveCtxMenu:function(e,t,n,l,o,i){var u,r=_xeUtils.default.findIndexOf(i,function(e){return t[n]===e});if(l)o&&(0,_utils.hasChildrenList)(t.selected)?t.showChild=!0:(t.showChild=!1,t.selectChild=null);else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)){for(var s=r-1;0<=s;s--)if(!1!==i[s].visible){u=i[s];break}t[n]=u||i[i.length-1]}else if((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)){for(var a=r+1;a<i.length;a++)if(!1!==i[a].visible){u=i[a];break}t[n]=u||i[0]}else t[n]&&((0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)||(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR))&&c.ctxMenuLinkEvent(e,t[n])},handleGlobalContextmenuEvent:function(e){var t=E.mouseConfig,n=E.menuConfig,l=C.editStore,o=C.ctxMenuStore,i=y.visibleColumn,u=w.value,r=N.value,s=O.value,a=R.value,c=T.value,l=l.selected,d=["header","body","footer"];if((0,_utils.isEnableConf)(n)){if(o.visible&&r&&(0,_dom.getEventTargetNode)(e,r.getRefMaps().refElem.value).flag)return void e.preventDefault();if(y._keyCtx){var n="body",v={type:n,$table:_,keyboard:!0,columns:i.slice(0),$event:e};if(t&&s.area){o=_.getActiveCellArea();if(o&&o.row&&o.column)return v.row=o.row,v.column=o.column,void m(e,n,v)}else if(t&&s.selected&&l.row&&l.column)return v.row=l.row,v.column=l.column,void m(e,n,v)}for(var f=0;f<d.length;f++){var g,h,b=d[f],p=(0,_dom.getEventTargetNode)(e,c,"vxe-".concat(b,"--column"),function(e){return e.parentNode.parentNode.parentNode.getAttribute("xid")===M}),v={type:b,$table:_,columns:i.slice(0),$event:e};if(p.flag)return p=p.targetElem,h=(h=_.getColumnNode(p))?h.item:null,g="".concat(b,"-"),h&&Object.assign(v,{column:h,columnIndex:_.getColumnIndex(h),cell:p}),"body"===b&&(g="",p=(h=_.getRowNode(p.parentNode))?h.item:null)&&(v.row=p,v.rowIndex=_.getRowIndex(p)),h="".concat(g,"cell-menu"),m(e,b,v),void _.dispatchEvent(h,v,e);if((0,_dom.getEventTargetNode)(e,c,"vxe-table--".concat(b,"-wrapper"),function(e){return e.getAttribute("xid")===M}).flag)return void("cell"===a.trigger?e.preventDefault():m(e,b,v))}}u&&!(0,_dom.getEventTargetNode)(e,u.$el).flag&&_.closeFilter(),x.closeMenu()},ctxMenuMouseoverEvent:function(e,t,n){var r=e.currentTarget,l=C.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,(l.selectChild=n)||(l.showChild=(0,_utils.hasChildrenList)(t),l.showChild&&(0,_vue.nextTick)(function(){var e,t,n,l,o,i,u=r.nextElementSibling;u&&(t=(i=(0,_dom.getAbsolutePos)(r)).boundingTop,o=i.boundingLeft,e=i.visibleHeight,i=i.visibleWidth,t=t+r.offsetHeight,l=n="",o+r.offsetWidth+u.offsetWidth>i-10&&(n="auto",l="".concat(r.offsetWidth,"px")),i=o="",t+u.offsetHeight>e-10&&(o="auto",i="0"),u.style.left=n,u.style.right=l,u.style.top=o,u.style.bottom=i)}))},ctxMenuMouseoutEvent:function(e,t){var n=C.ctxMenuStore;t.children||(n.selected=null),n.selectChild=null},ctxMenuLinkEvent:function(e,t){var n;t.disabled||!t.code&&t.children&&t.children.length||(n=_vXETable.VXETable.menus.get(t.code),t=Object.assign({},y._currMenuParams,{menu:t,$table:_,$grid:_.xegrid,$event:e}),n&&n(t,e),_.dispatchEvent("menu-click",t,e),x.closeMenu())}};return __assign(__assign({},x={closeMenu:function(){return Object.assign(C.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),(0,_vue.nextTick)()}}),c)},setupGrid:function(e){return e.extendTableMethods(tableMenuMethodKeys)}},_default=tableMenuHook;exports.default=_default;

package/lib/menu/src/panel.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _utils = require("../../tools/utils");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = (0, _vue.defineComponent)({
   name: 'VxeTableContextMenu',
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var xID = _xeUtils.default.uniqueId();
-
     var $xetable = (0, _vue.inject)('$xetable', {});
     var tableReactData = $xetable.reactData;
     var refElem = (0, _vue.ref)();
@@ -28,12 +22,11 @@ var _default = (0, _vue.defineComponent)({
       xID: xID,
       props: props,
       context: context,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var ctxMenuStore = tableReactData.ctxMenuStore;
       var computeMenuOpts = $xetable.getComputeMaps().computeMenuOpts;
       var menuOpts = computeMenuOpts.value;
@@ -64,13 +57,13 @@ var _default = (0, _vue.defineComponent)({
             key: "".concat(gIndex, "_").concat(index)
           }, [(0, _vue.h)('a', {
             class: 'vxe-context-menu--link',
-            onClick: function onClick(evnt) {
+            onClick: function (evnt) {
               $xetable.ctxMenuLinkEvent(evnt, item);
             },
-            onMouseover: function onMouseover(evnt) {
+            onMouseover: function (evnt) {
               $xetable.ctxMenuMouseoverEvent(evnt, item);
             },
-            onMouseout: function onMouseout(evnt) {
+            onMouseout: function (evnt) {
               $xetable.ctxMenuMouseoutEvent(evnt, item);
             }
           }, [(0, _vue.h)('i', {
@@ -92,13 +85,13 @@ var _default = (0, _vue.defineComponent)({
               key: "".concat(gIndex, "_").concat(index, "_").concat(cIndex)
             }, [(0, _vue.h)('a', {
               class: 'vxe-context-menu--link',
-              onClick: function onClick(evnt) {
+              onClick: function (evnt) {
                 $xetable.ctxMenuLinkEvent(evnt, child);
               },
-              onMouseover: function onMouseover(evnt) {
+              onMouseover: function (evnt) {
                 $xetable.ctxMenuMouseoverEvent(evnt, item, child);
               },
-              onMouseout: function onMouseout(evnt) {
+              onMouseout: function (evnt) {
                 $xetable.ctxMenuMouseoutEvent(evnt, item);
               }
             }, [(0, _vue.h)('i', {
@@ -110,13 +103,11 @@ var _default = (0, _vue.defineComponent)({
         }));
       }))]);
     };
-
     $xemenupanel.renderVN = renderVN;
     return $xemenupanel;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
 exports.default = _default;

package/lib/menu/src/panel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_utils=require("../../tools/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableContextMenu",setup:function(e,n){var t=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xetable",{}),u=o.reactData,i=(0,_vue.ref)(),l={refElem:i},n={xID:t,props:e,context:n,getRefMaps:function(){return l}};return n.renderVN=function(){var l=u.ctxMenuStore,e=o.getComputeMaps().computeMenuOpts.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!1},[(0,_vue.h)("div",{ref:i,class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":l.visible}],style:l.style},l.list.map(function(e,i){return e.every(function(e){return!1===e.visible})?(0,_vue.createCommentVNode)():(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:i},e.map(function(t,u){var e=t.children&&t.children.some(function(e){return!1!==e.visible});return!1===t.visible?null:(0,_vue.h)("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===l.selected}],key:"".concat(i,"_").concat(u)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,t)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",t.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(t.name)),(0,_vue.h)("i",{class:["vxe-context-menu--link-suffix",e?t.suffixIcon||"suffix--haschild":t.suffixIcon]})]),e?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":t===l.selected&&l.showChild}]},t.children.map(function(n,e){return!1===n.visible?null:(0,_vue.h)("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===l.selectChild}],key:"".concat(i,"_").concat(u,"_").concat(e)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,n)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t,n)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",n.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name))])])})):null])}))}))])},n},render:function(){return this.renderVN()}});exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_utils=require("../../tools/utils"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableContextMenu",setup:function(e,n){var t=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xetable",{}),u=o.reactData,i=(0,_vue.ref)(),l={refElem:i},t={xID:t,props:e,context:n,getRefMaps:function(){return l}};return t.renderVN=function(){var l=u.ctxMenuStore,e=o.getComputeMaps().computeMenuOpts.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!1},[(0,_vue.h)("div",{ref:i,class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":l.visible}],style:l.style},l.list.map(function(e,i){return e.every(function(e){return!1===e.visible})?(0,_vue.createCommentVNode)():(0,_vue.h)("ul",{class:"vxe-context-menu--option-wrapper",key:i},e.map(function(t,u){var e=t.children&&t.children.some(function(e){return!1!==e.visible});return!1===t.visible?null:(0,_vue.h)("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===l.selected}],key:"".concat(i,"_").concat(u)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,t)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",t.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(t.name)),(0,_vue.h)("i",{class:["vxe-context-menu--link-suffix",e?t.suffixIcon||"suffix--haschild":t.suffixIcon]})]),e?(0,_vue.h)("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":t===l.selected&&l.showChild}]},t.children.map(function(n,e){return!1===n.visible?null:(0,_vue.h)("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===l.selectChild}],key:"".concat(i,"_").concat(u,"_").concat(e)},[(0,_vue.h)("a",{class:"vxe-context-menu--link",onClick:function(e){o.ctxMenuLinkEvent(e,n)},onMouseover:function(e){o.ctxMenuMouseoverEvent(e,t,n)},onMouseout:function(e){o.ctxMenuMouseoutEvent(e,t)}},[(0,_vue.h)("i",{class:["vxe-context-menu--link-prefix",n.prefixIcon]}),(0,_vue.h)("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name))])])})):null])}))}))])},t},render:function(){return this.renderVN()}});exports.default=_default;