vxe-table 3.9.0-rc.8 → 3.9.0

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

@@ -10,13 +10,15 @@ var _dom = require("../../../ui/src/dom");
 var _utils = require("../../../ui/src/utils");
 var _log = require("../../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var menus = _ui.VxeUI.menus;
+const {
+  menus
+} = _ui.VxeUI;
 var _default = exports.default = {
   methods: {
     /**
      * 关闭快捷菜单
      */
-    _closeMenu: function _closeMenu() {
+    _closeMenu() {
       Object.assign(this.ctxMenuStore, {
         visible: false,
         selected: null,
@@ -26,11 +28,9 @@ var _default = exports.default = {
       return this.$nextTick();
     },
     // 处理菜单的移动
-    moveCtxMenu: function moveCtxMenu(evnt, keyCode, ctxMenuStore, property, operKey, operRest, menuList) {
-      var selectItem;
-      var selectIndex = _xeUtils.default.findIndexOf(menuList, function (item) {
-        return ctxMenuStore[property] === item;
-      });
+    moveCtxMenu(evnt, keyCode, ctxMenuStore, property, operKey, operRest, menuList) {
+      let selectItem;
+      const selectIndex = _xeUtils.default.findIndexOf(menuList, item => ctxMenuStore[property] === item);
       if (keyCode === operKey) {
         if (operRest && (0, _utils.hasChildrenList)(ctxMenuStore.selected)) {
           ctxMenuStore.showChild = true;
@@ -39,7 +39,7 @@ var _default = exports.default = {
           ctxMenuStore.selectChild = null;
         }
       } else if (keyCode === 38) {
-        for (var len = selectIndex - 1; len >= 0; len--) {
+        for (let len = selectIndex - 1; len >= 0; len--) {
           if (menuList[len].visible !== false) {
             selectItem = menuList[len];
             break;
@@ -47,7 +47,7 @@ var _default = exports.default = {
         }
         ctxMenuStore[property] = selectItem || menuList[menuList.length - 1];
       } else if (keyCode === 40) {
-        for (var index = selectIndex + 1; index < menuList.length; index++) {
+        for (let index = selectIndex + 1; index < menuList.length; index++) {
           if (menuList[index].visible !== false) {
             selectItem = menuList[index];
             break;
@@ -61,27 +61,31 @@ var _default = exports.default = {
     /**
      * 快捷菜单事件处理
      */
-    handleGlobalContextmenuEvent: function handleGlobalContextmenuEvent(evnt) {
-      var $refs = this.$refs,
-        tId = this.tId,
-        editStore = this.editStore,
-        menuConfig = this.menuConfig,
-        contextMenu = this.contextMenu,
-        ctxMenuStore = this.ctxMenuStore,
-        ctxMenuOpts = this.ctxMenuOpts,
-        mouseConfig = this.mouseConfig,
-        mouseOpts = this.mouseOpts;
-      var selected = editStore.selected;
-      var layoutList = ['header', 'body', 'footer'];
+    handleGlobalContextmenuEvent(evnt) {
+      const {
+        $refs,
+        tId,
+        editStore,
+        menuConfig,
+        contextMenu,
+        ctxMenuStore,
+        ctxMenuOpts,
+        mouseConfig,
+        mouseOpts
+      } = this;
+      const {
+        selected
+      } = editStore;
+      const layoutList = ['header', 'body', 'footer'];
       if ((0, _utils.isEnableConf)(menuConfig) || contextMenu) {
         if (ctxMenuStore.visible && $refs.ctxWrapper && (0, _dom.getEventTargetNode)(evnt, $refs.ctxWrapper.$el).flag) {
           evnt.preventDefault();
           return;
         }
         if (this._keyCtx) {
-          var type = 'body';
-          var params = {
-            type: type,
+          const type = 'body';
+          const params = {
+            type,
             $grid: this.$xegrid,
             $table: this,
             keyboard: true,
@@ -90,7 +94,7 @@ var _default = exports.default = {
           };
           // 如果开启单元格区域
           if (mouseConfig && mouseOpts.area) {
-            var activeArea = this.getActiveCellArea();
+            const activeArea = this.getActiveCellArea();
             if (activeArea && activeArea.row && activeArea.column) {
               params.row = activeArea.row;
               params.column = activeArea.column;
@@ -108,13 +112,13 @@ var _default = exports.default = {
           }
         }
         // 分别匹配表尾、内容、表尾的快捷菜单
-        for (var index = 0; index < layoutList.length; index++) {
-          var layout = layoutList[index];
-          var columnTargetNode = (0, _dom.getEventTargetNode)(evnt, this.$el, "vxe-".concat(layout, "--column"), function (target) {
+        for (let index = 0; index < layoutList.length; index++) {
+          const layout = layoutList[index];
+          const columnTargetNode = (0, _dom.getEventTargetNode)(evnt, this.$el, `vxe-${layout}--column`, target => {
             // target=td|th，直接向上找 table 去匹配即可
             return target.parentNode.parentNode.parentNode.getAttribute('xid') === tId;
           });
-          var _params = {
+          const params = {
             type: layout,
             $grid: this.$xegrid,
             $table: this,
@@ -122,38 +126,36 @@ var _default = exports.default = {
             $event: evnt
           };
           if (columnTargetNode.flag) {
-            var cell = columnTargetNode.targetElem;
-            var column = this.getColumnNode(cell).item;
-            var typePrefix = "".concat(layout, "-");
-            Object.assign(_params, {
-              column: column,
+            const cell = columnTargetNode.targetElem;
+            const column = this.getColumnNode(cell).item;
+            let typePrefix = `${layout}-`;
+            Object.assign(params, {
+              column,
               columnIndex: this.getColumnIndex(column),
-              cell: cell
+              cell
             });
             if (layout === 'body') {
-              var row = this.getRowNode(cell.parentNode).item;
+              const row = this.getRowNode(cell.parentNode).item;
               typePrefix = '';
-              _params.row = row;
-              _params.rowIndex = this.getRowIndex(row);
+              params.row = row;
+              params.rowIndex = this.getRowIndex(row);
             }
-            this.handleOpenMenuEvent(evnt, layout, _params);
+            this.handleOpenMenuEvent(evnt, layout, params);
             // 在 v4 中废弃事件 cell-context-menu、header-cell-context-menu、footer-cell-context-menu
-            if (this.$listeners["".concat(typePrefix, "cell-context-menu")]) {
-              if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-                (0, _log.warnLog)('vxe.error.delEvent', ["".concat(typePrefix, "cell-context-menu"), "".concat(typePrefix, "cell-menu")]);
+            if (this.$listeners[`${typePrefix}cell-context-menu`]) {
+              if (process.env.NODE_ENV === 'development') {
+                (0, _log.warnLog)('vxe.error.delEvent', [`${typePrefix}cell-context-menu`, `${typePrefix}cell-menu`]);
               }
-              this.emitEvent("".concat(typePrefix, "cell-context-menu"), _params, evnt);
+              this.emitEvent(`${typePrefix}cell-context-menu`, params, evnt);
             } else {
-              this.emitEvent("".concat(typePrefix, "cell-menu"), _params, evnt);
+              this.emitEvent(`${typePrefix}cell-menu`, params, evnt);
             }
             return;
-          } else if ((0, _dom.getEventTargetNode)(evnt, this.$el, "vxe-table--".concat(layout, "-wrapper"), function (target) {
-            return target.getAttribute('xid') === tId;
-          }).flag) {
+          } else if ((0, _dom.getEventTargetNode)(evnt, this.$el, `vxe-table--${layout}-wrapper`, target => target.getAttribute('xid') === tId).flag) {
             if (ctxMenuOpts.trigger === 'cell') {
               evnt.preventDefault();
             } else {
-              this.handleOpenMenuEvent(evnt, layout, _params);
+              this.handleOpenMenuEvent(evnt, layout, params);
             }
             return;
           }
@@ -167,32 +169,36 @@ var _default = exports.default = {
     /**
      * 显示快捷菜单
      */
-    handleOpenMenuEvent: function handleOpenMenuEvent(evnt, type, params) {
-      var _this = this;
-      var isCtxMenu = this.isCtxMenu,
-        ctxMenuStore = this.ctxMenuStore,
-        ctxMenuOpts = this.ctxMenuOpts;
-      var config = ctxMenuOpts[type];
-      var visibleMethod = ctxMenuOpts.visibleMethod;
+    handleOpenMenuEvent(evnt, type, params) {
+      const {
+        isCtxMenu,
+        ctxMenuStore,
+        ctxMenuOpts
+      } = this;
+      const config = ctxMenuOpts[type];
+      const visibleMethod = ctxMenuOpts.visibleMethod;
       if (config) {
-        var options = config.options,
-          disabled = config.disabled;
+        const {
+          options,
+          disabled
+        } = config;
         if (disabled) {
           evnt.preventDefault();
         } else if (isCtxMenu && options && options.length) {
           params.options = options;
-          this.preventEvent(evnt, 'event.showMenu', params, function () {
+          this.preventEvent(evnt, 'event.showMenu', params, () => {
             if (!visibleMethod || visibleMethod(params)) {
               evnt.preventDefault();
-              _this.updateZindex();
-              var _getDomNode = (0, _dom.getDomNode)(),
-                scrollTop = _getDomNode.scrollTop,
-                scrollLeft = _getDomNode.scrollLeft,
-                visibleHeight = _getDomNode.visibleHeight,
-                visibleWidth = _getDomNode.visibleWidth;
-              var top = evnt.clientY + scrollTop;
-              var left = evnt.clientX + scrollLeft;
-              var handleVisible = function handleVisible() {
+              this.updateZindex();
+              const {
+                scrollTop,
+                scrollLeft,
+                visibleHeight,
+                visibleWidth
+              } = (0, _dom.getDomNode)();
+              let top = evnt.clientY + scrollTop;
+              let left = evnt.clientX + scrollLeft;
+              const handleVisible = () => {
                 Object.assign(ctxMenuStore, {
                   args: params,
                   visible: true,
@@ -201,37 +207,41 @@ var _default = exports.default = {
                   selectChild: null,
                   showChild: false,
                   style: {
-                    zIndex: _this.tZindex,
-                    top: "".concat(top, "px"),
-                    left: "".concat(left, "px")
+                    zIndex: this.tZindex,
+                    top: `${top}px`,
+                    left: `${left}px`
                   }
                 });
-                _this.$nextTick(function () {
-                  var ctxElem = _this.$refs.ctxWrapper.$el;
-                  var clientHeight = ctxElem.clientHeight;
-                  var clientWidth = ctxElem.clientWidth;
-                  var _getAbsolutePos = (0, _dom.getAbsolutePos)(ctxElem),
-                    boundingTop = _getAbsolutePos.boundingTop,
-                    boundingLeft = _getAbsolutePos.boundingLeft;
-                  var offsetTop = boundingTop + clientHeight - visibleHeight;
-                  var offsetLeft = boundingLeft + clientWidth - visibleWidth;
+                this.$nextTick(() => {
+                  const ctxElem = this.$refs.ctxWrapper.$el;
+                  const clientHeight = ctxElem.clientHeight;
+                  const clientWidth = ctxElem.clientWidth;
+                  const {
+                    boundingTop,
+                    boundingLeft
+                  } = (0, _dom.getAbsolutePos)(ctxElem);
+                  const offsetTop = boundingTop + clientHeight - visibleHeight;
+                  const offsetLeft = boundingLeft + clientWidth - visibleWidth;
                   if (offsetTop > -10) {
-                    ctxMenuStore.style.top = "".concat(Math.max(scrollTop + 2, top - clientHeight - 2), "px");
+                    ctxMenuStore.style.top = `${Math.max(scrollTop + 2, top - clientHeight - 2)}px`;
                   }
                   if (offsetLeft > -10) {
-                    ctxMenuStore.style.left = "".concat(Math.max(scrollLeft + 2, left - clientWidth - 2), "px");
+                    ctxMenuStore.style.left = `${Math.max(scrollLeft + 2, left - clientWidth - 2)}px`;
                   }
                 });
               };
-              var keyboard = params.keyboard,
-                row = params.row,
-                column = params.column;
+              const {
+                keyboard,
+                row,
+                column
+              } = params;
               if (keyboard && row && column) {
-                _this.scrollToRow(row, column).then(function () {
-                  var cell = _this.getCellElement(row, column);
-                  var _getAbsolutePos2 = (0, _dom.getAbsolutePos)(cell),
-                    boundingTop = _getAbsolutePos2.boundingTop,
-                    boundingLeft = _getAbsolutePos2.boundingLeft;
+                this.scrollToRow(row, column).then(() => {
+                  const cell = this.getCellElement(row, column);
+                  const {
+                    boundingTop,
+                    boundingLeft
+                  } = (0, _dom.getAbsolutePos)(cell);
                   top = boundingTop + scrollTop + Math.floor(cell.offsetHeight / 2);
                   left = boundingLeft + scrollLeft + Math.floor(cell.offsetWidth / 2);
                   handleVisible();
@@ -240,16 +250,16 @@ var _default = exports.default = {
                 handleVisible();
               }
             } else {
-              _this.closeMenu();
+              this.closeMenu();
             }
           });
         }
       }
       this.closeFilter();
     },
-    ctxMenuMouseoverEvent: function ctxMenuMouseoverEvent(evnt, item, child) {
-      var menuElem = evnt.currentTarget;
-      var ctxMenuStore = this.ctxMenuStore;
+    ctxMenuMouseoverEvent(evnt, item, child) {
+      const menuElem = evnt.currentTarget;
+      const ctxMenuStore = this.ctxMenuStore;
       evnt.preventDefault();
       evnt.stopPropagation();
       ctxMenuStore.selected = item;
@@ -257,26 +267,27 @@ var _default = exports.default = {
       if (!child) {
         ctxMenuStore.showChild = (0, _utils.hasChildrenList)(item);
         if (ctxMenuStore.showChild) {
-          this.$nextTick(function () {
-            var childWrapperElem = menuElem.nextElementSibling;
+          this.$nextTick(() => {
+            const childWrapperElem = menuElem.nextElementSibling;
             if (childWrapperElem) {
-              var _getAbsolutePos3 = (0, _dom.getAbsolutePos)(menuElem),
-                boundingTop = _getAbsolutePos3.boundingTop,
-                boundingLeft = _getAbsolutePos3.boundingLeft,
-                visibleHeight = _getAbsolutePos3.visibleHeight,
-                visibleWidth = _getAbsolutePos3.visibleWidth;
-              var posTop = boundingTop + menuElem.offsetHeight;
-              var posLeft = boundingLeft + menuElem.offsetWidth;
-              var left = '';
-              var right = '';
+              const {
+                boundingTop,
+                boundingLeft,
+                visibleHeight,
+                visibleWidth
+              } = (0, _dom.getAbsolutePos)(menuElem);
+              const posTop = boundingTop + menuElem.offsetHeight;
+              const posLeft = boundingLeft + menuElem.offsetWidth;
+              let left = '';
+              let right = '';
               // 是否超出右侧
               if (posLeft + childWrapperElem.offsetWidth > visibleWidth - 10) {
                 left = 'auto';
-                right = "".concat(menuElem.offsetWidth, "px");
+                right = `${menuElem.offsetWidth}px`;
               }
               // 是否超出底部
-              var top = '';
-              var bottom = '';
+              let top = '';
+              let bottom = '';
               if (posTop + childWrapperElem.offsetHeight > visibleHeight - 10) {
                 top = 'auto';
                 bottom = '0';
@@ -290,8 +301,8 @@ var _default = exports.default = {
         }
       }
     },
-    ctxMenuMouseoutEvent: function ctxMenuMouseoutEvent(evnt, item) {
-      var ctxMenuStore = this.ctxMenuStore;
+    ctxMenuMouseoutEvent(evnt, item) {
+      const ctxMenuStore = this.ctxMenuStore;
       if (!item.children) {
         ctxMenuStore.selected = null;
       }
@@ -300,12 +311,12 @@ var _default = exports.default = {
     /**
      * 快捷菜单点击事件
      */
-    ctxMenuLinkEvent: function ctxMenuLinkEvent(evnt, menu) {
+    ctxMenuLinkEvent(evnt, menu) {
       // 如果一级菜单有配置 code 则允许点击，否则不能点击
       if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
-        var gMenuOpts = menus.get(menu.code);
-        var params = Object.assign({
-          menu: menu,
+        const gMenuOpts = menus.get(menu.code);
+        const params = Object.assign({
+          menu,
           $grid: this.$xegrid,
           $table: this,
           $event: evnt
@@ -315,7 +326,7 @@ var _default = exports.default = {
         }
         // 在 v4 中废弃事件 context-menu-click
         if (this.$listeners['context-menu-click']) {
-          if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+          if (process.env.NODE_ENV === 'development') {
             (0, _log.warnLog)('vxe.error.delEvent', ['context-menu-click', 'menu-click']);
           }
           this.emitEvent('context-menu-click', params, evnt);

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}}var menus=_ui.VxeUI.menus,_default=exports.default={methods:{_closeMenu:function(){return Object.assign(this.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),this.$nextTick()},moveCtxMenu:function(e,t,n,i,o,l,s){var r,u=_xeUtils.default.findIndexOf(s,function(e){return n[i]===e});if(t===o)l&&(0,_utils.hasChildrenList)(n.selected)?n.showChild=!0:(n.showChild=!1,n.selectChild=null);else if(38===t){for(var c=u-1;0<=c;c--)if(!1!==s[c].visible){r=s[c];break}n[i]=r||s[s.length-1]}else if(40===t){for(var d=u+1;d<s.length;d++)if(!1!==s[d].visible){r=s[d];break}n[i]=r||s[0]}else!n[i]||13!==t&&32!==t||this.ctxMenuLinkEvent(e,n[i])},handleGlobalContextmenuEvent:function(e){var t=this.$refs,n=this.tId,i=this.editStore,o=this.menuConfig,l=this.contextMenu,s=this.ctxMenuStore,r=this.ctxMenuOpts,u=this.mouseConfig,c=this.mouseOpts,i=i.selected,d=["header","body","footer"];if((0,_utils.isEnableConf)(o)||l){if(s.visible&&t.ctxWrapper&&(0,_dom.getEventTargetNode)(e,t.ctxWrapper.$el).flag)return void e.preventDefault();if(this._keyCtx){o="body",l={type:o,$grid:this.$xegrid,$table:this,keyboard:!0,columns:this.visibleColumn.slice(0),$event:e};if(u&&c.area){s=this.getActiveCellArea();if(s&&s.row&&s.column)return l.row=s.row,l.column=s.column,void this.handleOpenMenuEvent(e,o,l)}else if(u&&c.selected&&i.row&&i.column)return l.row=i.row,l.column=i.column,void this.handleOpenMenuEvent(e,o,l)}for(var h=0;h<d.length;h++){var a,f,v=d[h],g=(0,_dom.getEventTargetNode)(e,this.$el,"vxe-".concat(v,"--column"),function(e){return e.parentNode.parentNode.parentNode.getAttribute("xid")===n}),m={type:v,$grid:this.$xegrid,$table:this,columns:this.visibleColumn.slice(0),$event:e};if(g.flag)return g=g.targetElem,a=this.getColumnNode(g).item,f="".concat(v,"-"),Object.assign(m,{column:a,columnIndex:this.getColumnIndex(a),cell:g}),"body"===v&&(a=this.getRowNode(g.parentNode).item,f="",m.row=a,m.rowIndex=this.getRowIndex(a)),this.handleOpenMenuEvent(e,v,m),void(this.$listeners["".concat(f,"cell-context-menu")]?("development"===process.env.VUE_APP_VXE_TABLE_ENV&&(0,_log.warnLog)("vxe.error.delEvent",["".concat(f,"cell-context-menu"),"".concat(f,"cell-menu")]),this.emitEvent("".concat(f,"cell-context-menu"),m,e)):this.emitEvent("".concat(f,"cell-menu"),m,e));if((0,_dom.getEventTargetNode)(e,this.$el,"vxe-table--".concat(v,"-wrapper"),function(e){return e.getAttribute("xid")===n}).flag)return void("cell"===r.trigger?e.preventDefault():this.handleOpenMenuEvent(e,v,m))}}t.filterWrapper&&!(0,_dom.getEventTargetNode)(e,t.filterWrapper.$el).flag&&this.closeFilter(),this.closeMenu()},handleOpenMenuEvent:function(t,e,n){var a,f=this,i=this.isCtxMenu,v=this.ctxMenuStore,o=this.ctxMenuOpts,e=o[e],g=o.visibleMethod;e&&(a=e.options,e.disabled?t.preventDefault():i&&a&&a.length&&(n.options=a,this.preventEvent(t,"event.showMenu",n,function(){var o,l,s,r,u,c,i,e,d,h;!g||g(n)?(t.preventDefault(),f.updateZindex(),e=(0,_dom.getDomNode)(),o=e.scrollTop,s=e.visibleHeight,r=e.visibleWidth,u=t.clientY+o,c=t.clientX+(l=e.scrollLeft),i=function(){Object.assign(v,{args:n,visible:!0,list:a,selected:null,selectChild:null,showChild:!1,style:{zIndex:f.tZindex,top:"".concat(u,"px"),left:"".concat(c,"px")}}),f.$nextTick(function(){var e=f.$refs.ctxWrapper.$el,t=e.clientHeight,n=e.clientWidth,e=(0,_dom.getAbsolutePos)(e),i=e.boundingTop,e=e.boundingLeft+n-r;-10<i+t-s&&(v.style.top="".concat(Math.max(o+2,u-t-2),"px")),-10<e&&(v.style.left="".concat(Math.max(l+2,c-n-2),"px"))})},e=n.keyboard,d=n.row,h=n.column,e&&d&&h?f.scrollToRow(d,h).then(function(){var e=f.getCellElement(d,h),t=(0,_dom.getAbsolutePos)(e),n=t.boundingTop,t=t.boundingLeft;u=n+o+Math.floor(e.offsetHeight/2),c=t+l+Math.floor(e.offsetWidth/2),i()}):i()):f.closeMenu()}))),this.closeFilter()},ctxMenuMouseoverEvent:function(e,t,n){var r=e.currentTarget,i=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),i.selected=t,(i.selectChild=n)||(i.showChild=(0,_utils.hasChildrenList)(t),i.showChild&&this.$nextTick(function(){var e,t,n,i,o,l,s=r.nextElementSibling;s&&(t=(o=(0,_dom.getAbsolutePos)(r)).boundingTop,e=o.visibleHeight,t=t+r.offsetHeight,i=n="",o.boundingLeft+r.offsetWidth+s.offsetWidth>o.visibleWidth-10&&(n="auto",i="".concat(r.offsetWidth,"px")),l=o="",t+s.offsetHeight>e-10&&(o="auto",l="0"),s.style.left=n,s.style.right=i,s.style.top=o,s.style.bottom=l)}))},ctxMenuMouseoutEvent:function(e,t){var n=this.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=menus.get(t.code),t=Object.assign({menu:t,$grid:this.$xegrid,$table:this,$event:e},this.ctxMenuStore.args),n&&n.menuMethod&&n.menuMethod(t,e),this.$listeners["context-menu-click"]?("development"===process.env.VUE_APP_VXE_TABLE_ENV&&(0,_log.warnLog)("vxe.error.delEvent",["context-menu-click","menu-click"]),this.emitEvent("context-menu-click",t,e)):this.emitEvent("menu-click",t,e),this.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=_ui.VxeUI.menus;var _default=exports.default={methods:{_closeMenu(){return Object.assign(this.ctxMenuStore,{visible:!1,selected:null,selectChild:null,showChild:!1}),this.$nextTick()},moveCtxMenu(e,t,i,l,n,o,s){let r;var u=_xeUtils.default.findIndexOf(s,e=>i[l]===e);if(t===n)o&&(0,_utils.hasChildrenList)(i.selected)?i.showChild=!0:(i.showChild=!1,i.selectChild=null);else if(38===t){for(let e=u-1;0<=e;e--)if(!1!==s[e].visible){r=s[e];break}i[l]=r||s[s.length-1]}else if(40===t){for(let e=u+1;e<s.length;e++)if(!1!==s[e].visible){r=s[e];break}i[l]=r||s[0]}else!i[l]||13!==t&&32!==t||this.ctxMenuLinkEvent(e,i[l])},handleGlobalContextmenuEvent(t){let{$refs:e,tId:i,editStore:l,menuConfig:n,contextMenu:o,ctxMenuStore:s,ctxMenuOpts:r,mouseConfig:u,mouseOpts:d}=this;var h=l.selected,c=["header","body","footer"];if((0,_utils.isEnableConf)(n)||o){if(s.visible&&e.ctxWrapper&&(0,_dom.getEventTargetNode)(t,e.ctxWrapper.$el).flag)return void t.preventDefault();if(this._keyCtx){var a="body",v={type:a,$grid:this.$xegrid,$table:this,keyboard:!0,columns:this.visibleColumn.slice(0),$event:t};if(u&&d.area){var f=this.getActiveCellArea();if(f&&f.row&&f.column)return v.row=f.row,v.column=f.column,void this.handleOpenMenuEvent(t,a,v)}else if(u&&d.selected&&h.row&&h.column)return v.row=h.row,v.column=h.column,void this.handleOpenMenuEvent(t,a,v)}for(let e=0;e<c.length;e++){var g=c[e],m=(0,_dom.getEventTargetNode)(t,this.$el,`vxe-${g}--column`,e=>e.parentNode.parentNode.parentNode.getAttribute("xid")===i),x={type:g,$grid:this.$xegrid,$table:this,columns:this.visibleColumn.slice(0),$event:t};if(m.flag){var m=m.targetElem,p=this.getColumnNode(m).item;let e=g+"-";return Object.assign(x,{column:p,columnIndex:this.getColumnIndex(p),cell:m}),"body"===g&&(p=this.getRowNode(m.parentNode).item,e="",x.row=p,x.rowIndex=this.getRowIndex(p)),this.handleOpenMenuEvent(t,g,x),void(this.$listeners[e+"cell-context-menu"]?("development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delEvent",[e+"cell-context-menu",e+"cell-menu"]),this.emitEvent(e+"cell-context-menu",x,t)):this.emitEvent(e+"cell-menu",x,t))}if((0,_dom.getEventTargetNode)(t,this.$el,`vxe-table--${g}-wrapper`,e=>e.getAttribute("xid")===i).flag)return void("cell"===r.trigger?t.preventDefault():this.handleOpenMenuEvent(t,g,x))}}e.filterWrapper&&!(0,_dom.getEventTargetNode)(t,e.filterWrapper.$el).flag&&this.closeFilter(),this.closeMenu()},handleOpenMenuEvent(i,l,a){let{isCtxMenu:n,ctxMenuStore:v,ctxMenuOpts:e}=this;l=e[l];let o=e.visibleMethod;if(l){let{options:t,disabled:e}=l;e?i.preventDefault():n&&t&&t.length&&(a.options=t,this.preventEvent(i,"event.showMenu",a,()=>{if(!o||o(a)){i.preventDefault(),this.updateZindex();let{scrollTop:n,scrollLeft:o,visibleHeight:s,visibleWidth:r}=(0,_dom.getDomNode)(),u=i.clientY+n,d=i.clientX+o,l=()=>{Object.assign(v,{args:a,visible:!0,list:t,selected:null,selectChild:null,showChild:!1,style:{zIndex:this.tZindex,top:u+"px",left:d+"px"}}),this.$nextTick(()=>{var e=this.$refs.ctxWrapper.$el,t=e.clientHeight,i=e.clientWidth,{boundingTop:e,boundingLeft:l}=(0,_dom.getAbsolutePos)(e),e=e+t-s,l=l+i-r;-10<e&&(v.style.top=Math.max(n+2,u-t-2)+"px"),-10<l&&(v.style.left=Math.max(o+2,d-i-2)+"px")})},{keyboard:e,row:h,column:c}=a;e&&h&&c?this.scrollToRow(h,c).then(()=>{var e=this.getCellElement(h,c),{boundingTop:t,boundingLeft:i}=(0,_dom.getAbsolutePos)(e);u=t+n+Math.floor(e.offsetHeight/2),d=i+o+Math.floor(e.offsetWidth/2),l()}):l()}else this.closeMenu()}))}this.closeFilter()},ctxMenuMouseoverEvent(e,t,i){let d=e.currentTarget;var l=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,(l.selectChild=i)||(l.showChild=(0,_utils.hasChildrenList)(t),l.showChild&&this.$nextTick(()=>{var n=d.nextElementSibling;if(n){var{boundingTop:o,boundingLeft:s,visibleHeight:r,visibleWidth:u}=(0,_dom.getAbsolutePos)(d),o=o+d.offsetHeight;let e="",t="",i=(s+d.offsetWidth+n.offsetWidth>u-10&&(e="auto",t=d.offsetWidth+"px"),""),l="";o+n.offsetHeight>r-10&&(i="auto",l="0"),n.style.left=e,n.style.right=t,n.style.top=i,n.style.bottom=l}}))},ctxMenuMouseoutEvent(e,t){var i=this.ctxMenuStore;t.children||(i.selected=null),i.selectChild=null},ctxMenuLinkEvent(e,t){var i;t.disabled||!t.code&&t.children&&t.children.length||(i=menus.get(t.code),t=Object.assign({menu:t,$grid:this.$xegrid,$table:this,$event:e},this.ctxMenuStore.args),i&&i.menuMethod&&i.menuMethod(t,e),this.$listeners["context-menu-click"]?("development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delEvent",["context-menu-click","menu-click"]),this.emitEvent("context-menu-click",t,e)):this.emitEvent("menu-click",t,e),this.closeMenu())}}};

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

@@ -6,60 +6,62 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _ui = require("../../../ui");
 var _utils = require("../../../ui/src/utils");
-var getIcon = _ui.VxeUI.getIcon;
+const {
+  getIcon
+} = _ui.VxeUI;
 var _default = exports.default = {
   name: 'VxeTableMenuPanel',
   props: {
     ctxMenuStore: Object,
     ctxMenuOpts: Object
   },
-  mounted: function mounted() {
+  mounted() {
     document.body.appendChild(this.$el);
   },
-  beforeDestroy: function beforeDestroy() {
-    var $el = this.$el;
+  beforeDestroy() {
+    const {
+      $el
+    } = this;
     if ($el.parentNode) {
       $el.parentNode.removeChild($el);
     }
   },
-  render: function render(h) {
-    var $xetable = this.$parent;
-    var _e = this._e,
-      ctxMenuOpts = this.ctxMenuOpts,
-      ctxMenuStore = this.ctxMenuStore;
+  render(h) {
+    const $xetable = this.$parent;
+    const {
+      _e,
+      ctxMenuOpts,
+      ctxMenuStore
+    } = this;
     return h('div', {
       class: ['vxe-table--context-menu-wrapper', ctxMenuOpts.className, {
         'is--visible': ctxMenuStore.visible
       }],
       style: ctxMenuStore.style
-    }, ctxMenuStore.list.map(function (options, gIndex) {
-      return options.every(function (item) {
-        return item.visible === false;
-      }) ? _e() : h('ul', {
+    }, ctxMenuStore.list.map((options, gIndex) => {
+      return options.every(item => item.visible === false) ? _e() : h('ul', {
         class: 'vxe-context-menu--option-wrapper',
         key: gIndex
-      }, options.map(function (item, index) {
-        var hasChildMenus = item.children && item.children.some(function (child) {
-          return child.visible !== false;
-        });
-        var prefixOpts = Object.assign({}, item.prefixConfig);
-        var suffixOpts = Object.assign({}, item.suffixConfig);
+      }, options.map((item, index) => {
+        const hasChildMenus = item.children && item.children.some(child => child.visible !== false);
+        const prefixOpts = Object.assign({}, item.prefixConfig);
+        const suffixOpts = Object.assign({}, item.suffixConfig);
         return item.visible === false ? null : h('li', {
           class: [item.className, {
             'link--disabled': item.disabled,
             'link--active': item === ctxMenuStore.selected
           }],
-          key: "".concat(gIndex, "_").concat(index)
+          key: `${gIndex}_${index}`
         }, [h('a', {
           class: 'vxe-context-menu--link',
           on: {
-            click: function click(evnt) {
+            click(evnt) {
               $xetable.ctxMenuLinkEvent(evnt, item);
             },
-            mouseover: function mouseover(evnt) {
+            mouseover(evnt) {
               $xetable.ctxMenuMouseoverEvent(evnt, item);
             },
-            mouseout: function mouseout(evnt) {
+            mouseout(evnt) {
               $xetable.ctxMenuMouseoutEvent(evnt, item);
             }
           }
@@ -67,35 +69,35 @@ var _default = exports.default = {
           class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
         }, [h('i', {
           class: prefixOpts.icon || item.prefixIcon
-        }), prefixOpts.content ? h('span', {}, "".concat(prefixOpts.content)) : _e()]), h('span', {
+        }), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : _e()]), h('span', {
           class: 'vxe-context-menu--link-content'
         }, (0, _utils.getFuncText)(item.name)), h('div', {
           class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
         }, [h('i', {
           class: suffixOpts.icon || item.suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
-        }), suffixOpts.content ? h('span', "".concat(suffixOpts.content)) : _e()])]), hasChildMenus ? h('ul', {
+        }), suffixOpts.content ? h('span', `${suffixOpts.content}`) : _e()])]), hasChildMenus ? h('ul', {
           class: ['vxe-table--context-menu-clild-wrapper', {
             'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
           }]
-        }, item.children.map(function (child, cIndex) {
-          var childPrefixOpts = Object.assign({}, child.prefixConfig);
-          var childSuffixOpts = Object.assign({}, child.suffixConfig);
+        }, item.children.map((child, cIndex) => {
+          const childPrefixOpts = Object.assign({}, child.prefixConfig);
+          const childSuffixOpts = Object.assign({}, child.suffixConfig);
           return child.visible === false ? null : h('li', {
             class: [child.className, {
               'link--disabled': child.disabled,
               'link--active': child === ctxMenuStore.selectChild
             }],
-            key: "".concat(gIndex, "_").concat(index, "_").concat(cIndex)
+            key: `${gIndex}_${index}_${cIndex}`
           }, [h('a', {
             class: 'vxe-context-menu--link',
             on: {
-              click: function click(evnt) {
+              click(evnt) {
                 $xetable.ctxMenuLinkEvent(evnt, child);
               },
-              mouseover: function mouseover(evnt) {
+              mouseover(evnt) {
                 $xetable.ctxMenuMouseoverEvent(evnt, item, child);
               },
-              mouseout: function mouseout(evnt) {
+              mouseout(evnt) {
                 $xetable.ctxMenuMouseoutEvent(evnt, item, child);
               }
             }
@@ -103,13 +105,13 @@ var _default = exports.default = {
             class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
           }, [h('i', {
             class: childPrefixOpts.icon || child.prefixIcon
-          }), childPrefixOpts.content ? h('span', "".concat(childPrefixOpts.content)) : _e()]), h('span', {
+          }), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : _e()]), h('span', {
             class: 'vxe-context-menu--link-content'
           }, (0, _utils.getFuncText)(child.name)), h('div', {
             class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
           }, [h('i', {
             class: childSuffixOpts.icon
-          }), childSuffixOpts.content ? h('span', "".concat(childSuffixOpts.content)) : _e()])])]);
+          }), childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : _e()])])]);
         })) : null]);
       }));
     }));

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),getIcon=_ui.VxeUI.getIcon,_default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},mounted:function(){document.body.appendChild(this.$el)},beforeDestroy:function(){var e=this.$el;e.parentNode&&e.parentNode.removeChild(e)},render:function(l){var a=this.$parent,u=this._e,e=this.ctxMenuOpts,r=this.ctxMenuStore;return l("div",{class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":r.visible}],style:r.style},r.list.map(function(e,o){return e.every(function(e){return!1===e.visible})?u():l("ul",{class:"vxe-context-menu--option-wrapper",key:o},e.map(function(s,i){var e=s.children&&s.children.some(function(e){return!1!==e.visible}),n=Object.assign({},s.prefixConfig),t=Object.assign({},s.suffixConfig);return!1===s.visible?null:l("li",{class:[s.className,{"link--disabled":s.disabled,"link--active":s===r.selected}],key:"".concat(o,"_").concat(i)},[l("a",{class:"vxe-context-menu--link",on:{click:function(e){a.ctxMenuLinkEvent(e,s)},mouseover:function(e){a.ctxMenuMouseoverEvent(e,s)},mouseout:function(e){a.ctxMenuMouseoutEvent(e,s)}}},[l("div",{class:["vxe-context-menu--link-prefix",n.className||""]},[l("i",{class:n.icon||s.prefixIcon}),n.content?l("span",{},"".concat(n.content)):u()]),l("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(s.name)),l("div",{class:["vxe-context-menu--link-suffix",t.className||""]},[l("i",{class:t.icon||s.suffixIcon||(e?getIcon().TABLE_MENU_OPTIONS:"")}),t.content?l("span","".concat(t.content)):u()])]),e?l("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":s===r.selected&&r.showChild}]},s.children.map(function(n,e){var t=Object.assign({},n.prefixConfig),c=Object.assign({},n.suffixConfig);return!1===n.visible?null:l("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===r.selectChild}],key:"".concat(o,"_").concat(i,"_").concat(e)},[l("a",{class:"vxe-context-menu--link",on:{click:function(e){a.ctxMenuLinkEvent(e,n)},mouseover:function(e){a.ctxMenuMouseoverEvent(e,s,n)},mouseout:function(e){a.ctxMenuMouseoutEvent(e,s,n)}}},[l("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[l("i",{class:t.icon||n.prefixIcon}),t.content?l("span","".concat(t.content)):u()]),l("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name)),l("div",{class:["vxe-context-menu--link-suffix",c.className||""]},[l("i",{class:c.icon}),c.content?l("span","".concat(c.content)):u()])])])})):null])}))}))}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils");let getIcon=_ui.VxeUI.getIcon;var _default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},mounted(){document.body.appendChild(this.$el)},beforeDestroy(){var e=this.$el;e.parentNode&&e.parentNode.removeChild(e)},render(a){let o=this.$parent,{_e:u,ctxMenuOpts:e,ctxMenuStore:r}=this;return a("div",{class:["vxe-table--context-menu-wrapper",e.className,{"is--visible":r.visible}],style:r.style},r.list.map((e,c)=>e.every(e=>!1===e.visible)?u():a("ul",{class:"vxe-context-menu--option-wrapper",key:c},e.map((i,l)=>{var e=i.children&&i.children.some(e=>!1!==e.visible),n=Object.assign({},i.prefixConfig),t=Object.assign({},i.suffixConfig);return!1===i.visible?null:a("li",{class:[i.className,{"link--disabled":i.disabled,"link--active":i===r.selected}],key:c+"_"+l},[a("a",{class:"vxe-context-menu--link",on:{click(e){o.ctxMenuLinkEvent(e,i)},mouseover(e){o.ctxMenuMouseoverEvent(e,i)},mouseout(e){o.ctxMenuMouseoutEvent(e,i)}}},[a("div",{class:["vxe-context-menu--link-prefix",n.className||""]},[a("i",{class:n.icon||i.prefixIcon}),n.content?a("span",{},""+n.content):u()]),a("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(i.name)),a("div",{class:["vxe-context-menu--link-suffix",t.className||""]},[a("i",{class:t.icon||i.suffixIcon||(e?getIcon().TABLE_MENU_OPTIONS:"")}),t.content?a("span",""+t.content):u()])]),e?a("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":i===r.selected&&r.showChild}]},i.children.map((n,e)=>{var t=Object.assign({},n.prefixConfig),s=Object.assign({},n.suffixConfig);return!1===n.visible?null:a("li",{class:[n.className,{"link--disabled":n.disabled,"link--active":n===r.selectChild}],key:c+`_${l}_`+e},[a("a",{class:"vxe-context-menu--link",on:{click(e){o.ctxMenuLinkEvent(e,n)},mouseover(e){o.ctxMenuMouseoverEvent(e,i,n)},mouseout(e){o.ctxMenuMouseoutEvent(e,i,n)}}},[a("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[a("i",{class:t.icon||n.prefixIcon}),t.content?a("span",""+t.content):u()]),a("span",{class:"vxe-context-menu--link-content"},(0,_utils.getFuncText)(n.name)),a("div",{class:["vxe-context-menu--link-suffix",s.className||""]},[a("i",{class:s.icon}),s.content?a("span",""+s.content):u()])])])})):null])}))))}};