vxe-table 4.23.4 → 4.23.6

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

@@ -1,67 +1,56 @@
 "use strict";
-
-var _vue = require("vue");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _ui = require("../../../ui");
-var _dom = require("../../../ui/src/dom");
-var _utils = require("../../../ui/src/utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  menus,
-  hooks,
-  globalEvents,
-  GLOBAL_EVENT_KEYS
-} = _ui.VxeUI;
-const tableMenuMethodKeys = ['closeMenu'];
-hooks.add('tableMenuModule', {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_vue = require("vue");
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_ui = require("../../../ui");
+var import_dom = require("../../../ui/src/dom");
+var import_utils = require("../../../ui/src/utils");
+const { menus, hooks, globalEvents, GLOBAL_EVENT_KEYS } = import_ui.VxeUI;
+const tableMenuMethodKeys = ["closeMenu"];
+hooks.add("tableMenuModule", {
   setupTable($xeTable) {
-    const {
-      xID,
-      props,
-      reactData,
-      internalData
-    } = $xeTable;
-    const {
-      refElem,
-      refTableFilter,
-      refTableMenu
-    } = $xeTable.getRefMaps();
-    const {
-      computeMouseOpts,
-      computeIsContentMenu,
-      computeMenuOpts
-    } = $xeTable.getComputeMaps();
+    const { xID, props, reactData, internalData } = $xeTable;
+    const { refElem, refTableFilter, refTableMenu } = $xeTable.getRefMaps();
+    const { computeMouseOpts, computeIsContentMenu, computeMenuOpts } = $xeTable.getComputeMaps();
     const $xeGrid = $xeTable.xeGrid;
     const $xeGantt = $xeTable.xeGantt;
     const $xeGGWrapper = $xeGrid || $xeGantt;
     let menuMethods = {};
     let menuPrivateMethods = {};
-    /**
-     * 显示快捷菜单
-     */
     const handleOpenMenuEvent = (evnt, type, params) => {
-      const {
-        ctxMenuStore
-      } = reactData;
+      const { ctxMenuStore } = reactData;
       const isContentMenu = computeIsContentMenu.value;
       const menuOpts = computeMenuOpts.value;
       const config = menuOpts[type];
-      const {
-        zIndex,
-        transfer,
-        width,
-        visibleMethod
-      } = menuOpts;
+      const { zIndex, transfer, width, visibleMethod } = menuOpts;
       if (config) {
-        const {
-          options,
-          disabled
-        } = config;
+        const { options, disabled } = config;
         if (disabled) {
           evnt.preventDefault();
         } else if (isContentMenu && options && options.length) {
           params.options = options;
-          $xeTable.preventEvent(evnt, 'event.showMenu', params, () => {
+          $xeTable.preventEvent(evnt, "event.showMenu", params, () => {
             if (!visibleMethod || visibleMethod(params)) {
               evnt.preventDefault();
               $xeTable.updateZindex();
@@ -70,12 +59,7 @@ hooks.add('tableMenuModule', {
                 return;
               }
               const tableRect = el.getBoundingClientRect();
-              const {
-                scrollTop,
-                scrollLeft,
-                visibleHeight,
-                visibleWidth
-              } = (0, _dom.getDomNode)();
+              const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = (0, import_dom.getDomNode)();
               let top = evnt.clientY - tableRect.y;
               let left = evnt.clientX - tableRect.x;
               if (transfer) {
@@ -90,7 +74,7 @@ hooks.add('tableMenuModule', {
                   left: `${left}px`
                 };
                 if (width) {
-                  ctxStyle['--vxe-ui-table-menu-item-width'] = (0, _dom.toCssUnit)(width);
+                  ctxStyle["--vxe-ui-table-menu-item-width"] = (0, import_dom.toCssUnit)(width);
                 }
                 Object.assign(ctxMenuStore, {
                   visible: true,
@@ -100,15 +84,12 @@ hooks.add('tableMenuModule', {
                   showChild: false,
                   style: ctxStyle
                 });
-                (0, _vue.nextTick)(() => {
+                (0, import_vue.nextTick)(() => {
                   const tableMenu = refTableMenu.value;
                   const ctxElem = tableMenu.getRefMaps().refElem.value;
                   const clientHeight = ctxElem.clientHeight;
                   const clientWidth = ctxElem.clientWidth;
-                  const {
-                    boundingTop,
-                    boundingLeft
-                  } = (0, _dom.getAbsolutePos)(ctxElem);
+                  const { boundingTop, boundingLeft } = (0, import_dom.getAbsolutePos)(ctxElem);
                   const offsetTop = boundingTop + clientHeight - visibleHeight;
                   const offsetLeft = boundingLeft + clientWidth - visibleWidth;
                   if (offsetTop > -10) {
@@ -119,19 +100,12 @@ hooks.add('tableMenuModule', {
                   }
                 });
               };
-              const {
-                keyboard,
-                row,
-                column
-              } = params;
+              const { keyboard, row, column } = params;
               if (keyboard && row && column) {
                 $xeTable.scrollToRow(row, column).then(() => {
                   const cell = $xeTable.getCellElement(row, column);
                   if (cell) {
-                    const {
-                      boundingTop,
-                      boundingLeft
-                    } = (0, _dom.getAbsolutePos)(cell);
+                    const { boundingTop, boundingLeft } = (0, import_dom.getAbsolutePos)(cell);
                     top = boundingTop + scrollTop + Math.floor(cell.offsetHeight / 2);
                     left = boundingLeft + scrollLeft + Math.floor(cell.offsetWidth / 2);
                   }
@@ -159,7 +133,7 @@ hooks.add('tableMenuModule', {
           selectChild: null,
           showChild: false
         });
-        return (0, _vue.nextTick)();
+        return (0, import_vue.nextTick)();
       }
     };
     menuPrivateMethods = {
@@ -168,9 +142,9 @@ hooks.add('tableMenuModule', {
        */
       moveCtxMenu(evnt, ctxMenuStore, property, hasOper, operRest, menuList) {
         let selectItem;
-        const selectIndex = _xeUtils.default.findIndexOf(menuList, item => ctxMenuStore[property] === item);
+        const selectIndex = import_xe_utils.default.findIndexOf(menuList, (item) => ctxMenuStore[property] === item);
         if (hasOper) {
-          if (operRest && (0, _utils.hasChildrenList)(ctxMenuStore.selected)) {
+          if (operRest && (0, import_utils.hasChildrenList)(ctxMenuStore.selected)) {
             ctxMenuStore.showChild = true;
           } else {
             ctxMenuStore.showChild = false;
@@ -201,47 +175,27 @@ hooks.add('tableMenuModule', {
        * 快捷菜单事件处理
        */
       handleGlobalContextmenuEvent(evnt) {
-        const $xeGrid = $xeTable.xeGrid;
-        const $xeGantt = $xeTable.xeGantt;
-        const {
-          mouseConfig,
-          menuConfig
-        } = props;
-        const {
-          editStore,
-          ctxMenuStore
-        } = reactData;
-        const {
-          visibleColumn
-        } = internalData;
+        const $xeGrid2 = $xeTable.xeGrid;
+        const $xeGantt2 = $xeTable.xeGantt;
+        const { mouseConfig, menuConfig } = props;
+        const { editStore, ctxMenuStore } = reactData;
+        const { visibleColumn } = internalData;
         const tableFilter = refTableFilter.value;
         const tableMenu = refTableMenu.value;
         const mouseOpts = computeMouseOpts.value;
         const menuOpts = computeMenuOpts.value;
         const el = refElem.value;
-        const {
-          selected
-        } = editStore;
-        const layoutList = ['header', 'body', 'footer'];
-        if ((0, _utils.isEnableConf)(menuConfig)) {
-          if (ctxMenuStore.visible && tableMenu && (0, _dom.getEventTargetNode)(evnt, tableMenu.getRefMaps().refElem.value).flag) {
+        const { selected } = editStore;
+        const layoutList = ["header", "body", "footer"];
+        if ((0, import_utils.isEnableConf)(menuConfig)) {
+          if (ctxMenuStore.visible && tableMenu && (0, import_dom.getEventTargetNode)(evnt, tableMenu.getRefMaps().refElem.value).flag) {
             evnt.preventDefault();
             return;
           }
           if (internalData._keyCtx) {
-            const type = 'body';
-            const params = {
-              source: 'table',
-              type,
-              $table: $xeTable,
-              $grid: $xeGrid,
-              $gantt: $xeGantt,
-              keyboard: true,
-              columns: visibleColumn.slice(0),
-              $event: evnt
-            };
-            // 如果开启单元格区域
-            if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area) {
+            const type = "body";
+            const params = { source: "table", type, $table: $xeTable, $grid: $xeGrid2, $gantt: $xeGantt2, keyboard: true, columns: visibleColumn.slice(0), $event: evnt };
+            if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.area) {
               const activeArea = $xeTable.getActiveCellArea();
               if (activeArea && activeArea.row && activeArea.column) {
                 params.row = activeArea.row;
@@ -249,8 +203,7 @@ hooks.add('tableMenuModule', {
                 handleOpenMenuEvent(evnt, type, params);
                 return;
               }
-            } else if ((0, _utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.selected) {
-              // 如果启用键盘导航且已选中单元格
+            } else if ((0, import_utils.hasEnableConf)(mouseConfig, mouseOpts) && mouseOpts.selected) {
               if (selected.row && selected.column) {
                 params.row = selected.row;
                 params.column = selected.column;
@@ -259,38 +212,24 @@ hooks.add('tableMenuModule', {
               }
             }
           }
-          // 分别匹配表尾、内容、表尾的快捷菜单
           for (let index = 0; index < layoutList.length; index++) {
             const layout = layoutList[index];
-            const columnTargetNode = (0, _dom.getEventTargetNode)(evnt, el, `vxe-${layout}--column`, target => {
-              // target=td|th，直接向上找 table 去匹配即可
-              return target.parentNode.parentNode.parentNode.getAttribute('xid') === xID;
+            const columnTargetNode = (0, import_dom.getEventTargetNode)(evnt, el, `vxe-${layout}--column`, (target) => {
+              return target.parentNode.parentNode.parentNode.getAttribute("xid") === xID;
             });
-            const params = {
-              source: 'table',
-              type: layout,
-              $table: $xeTable,
-              $grid: $xeGrid,
-              $gantt: $xeGantt,
-              columns: visibleColumn.slice(0),
-              $event: evnt
-            };
+            const params = { source: "table", type: layout, $table: $xeTable, $grid: $xeGrid2, $gantt: $xeGantt2, columns: visibleColumn.slice(0), $event: evnt };
             if (columnTargetNode.flag) {
               const cell = columnTargetNode.targetElem;
               const columnNodeRest = $xeTable.getColumnNode(cell);
               const column = columnNodeRest ? columnNodeRest.item : null;
               let typePrefix = `${layout}-`;
               if (column) {
-                Object.assign(params, {
-                  column,
-                  columnIndex: $xeTable.getColumnIndex(column),
-                  cell
-                });
+                Object.assign(params, { column, columnIndex: $xeTable.getColumnIndex(column), cell });
               }
-              if (layout === 'body') {
+              if (layout === "body") {
                 const rowNodeRest = $xeTable.getRowNode(cell.parentNode);
                 const row = rowNodeRest ? rowNodeRest.item : null;
-                typePrefix = '';
+                typePrefix = "";
                 if (row) {
                   params.row = row;
                   params.rowIndex = $xeTable.getRowIndex(row);
@@ -300,8 +239,8 @@ hooks.add('tableMenuModule', {
               handleOpenMenuEvent(evnt, layout, params);
               $xeTable.dispatchEvent(eventType, params, evnt);
               return;
-            } else if ((0, _dom.getEventTargetNode)(evnt, el, `vxe-table--${layout}-wrapper`, target => target.getAttribute('xid') === xID).flag || layout === 'body' && (0, _dom.getEventTargetNode)(evnt, el, 'vxe-table--empty-place-wrapper', target => target.getAttribute('xid') === xID).flag) {
-              if (menuOpts.trigger === 'cell') {
+            } else if ((0, import_dom.getEventTargetNode)(evnt, el, `vxe-table--${layout}-wrapper`, (target) => target.getAttribute("xid") === xID).flag || layout === "body" && (0, import_dom.getEventTargetNode)(evnt, el, "vxe-table--empty-place-wrapper", (target) => target.getAttribute("xid") === xID).flag) {
+              if (menuOpts.trigger === "cell") {
                 evnt.preventDefault();
               } else {
                 handleOpenMenuEvent(evnt, layout, params);
@@ -310,47 +249,38 @@ hooks.add('tableMenuModule', {
             }
           }
         }
-        if (tableFilter && !(0, _dom.getEventTargetNode)(evnt, tableFilter.getRefMaps().refElem.value).flag) {
+        if (tableFilter && !(0, import_dom.getEventTargetNode)(evnt, tableFilter.getRefMaps().refElem.value).flag) {
           $xeTable.closeFilter();
         }
         menuMethods.closeMenu();
       },
       ctxMenuMouseoverEvent(evnt, item, child) {
         const menuElem = evnt.currentTarget;
-        const {
-          ctxMenuStore
-        } = reactData;
+        const { ctxMenuStore } = reactData;
         evnt.preventDefault();
         evnt.stopPropagation();
         ctxMenuStore.selected = item;
         ctxMenuStore.selectChild = child;
         if (!child) {
-          ctxMenuStore.showChild = (0, _utils.hasChildrenList)(item);
+          ctxMenuStore.showChild = (0, import_utils.hasChildrenList)(item);
           if (ctxMenuStore.showChild) {
-            (0, _vue.nextTick)(() => {
+            (0, import_vue.nextTick)(() => {
               const childWrapperElem = menuElem.nextElementSibling;
               if (childWrapperElem) {
-                const {
-                  boundingTop,
-                  boundingLeft,
-                  visibleHeight,
-                  visibleWidth
-                } = (0, _dom.getAbsolutePos)(menuElem);
+                const { boundingTop, boundingLeft, visibleHeight, visibleWidth } = (0, import_dom.getAbsolutePos)(menuElem);
                 const posTop = boundingTop + menuElem.offsetHeight;
                 const posLeft = boundingLeft + menuElem.offsetWidth;
-                let left = '';
-                let right = '';
-                // 是否超出右侧
+                let left = "";
+                let right = "";
                 if (posLeft + childWrapperElem.offsetWidth > visibleWidth - 10) {
-                  left = 'auto';
+                  left = "auto";
                   right = `${menuElem.offsetWidth}px`;
                 }
-                // 是否超出底部
-                let top = '';
-                let bottom = '';
+                let top = "";
+                let bottom = "";
                 if (posTop + childWrapperElem.offsetHeight > visibleHeight - 10) {
-                  top = 'auto';
-                  bottom = '0';
+                  top = "auto";
+                  bottom = "0";
                 }
                 childWrapperElem.style.left = left;
                 childWrapperElem.style.right = right;
@@ -362,9 +292,7 @@ hooks.add('tableMenuModule', {
         }
       },
       ctxMenuMouseoutEvent(evnt, item) {
-        const {
-          ctxMenuStore
-        } = reactData;
+        const { ctxMenuStore } = reactData;
         if (!item.children) {
           ctxMenuStore.selected = null;
         }
@@ -374,28 +302,21 @@ hooks.add('tableMenuModule', {
        * 快捷菜单点击事件
        */
       ctxMenuLinkEvent(evnt, menu) {
-        const $xeGrid = $xeTable.xeGrid;
-        const $xeGantt = $xeTable.xeGantt;
-        // 如果一级菜单有配置 code 则允许点击，否则不能点击
+        const $xeGrid2 = $xeTable.xeGrid;
+        const $xeGantt2 = $xeTable.xeGantt;
         if (!menu.loading && !menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
           const gMenuOpts = menus.get(menu.code);
-          const params = Object.assign({}, internalData._currMenuParams, {
-            menu,
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            $event: evnt
-          });
+          const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid2, $gantt: $xeGantt2, $event: evnt });
           const tmMethod = gMenuOpts ? gMenuOpts.tableMenuMethod || gMenuOpts.menuMethod : null;
           if (tmMethod) {
             tmMethod(params, evnt);
           }
-          $xeTable.dispatchEvent('menu-click', params, evnt);
+          $xeTable.dispatchEvent("menu-click", params, evnt);
           menuMethods.closeMenu();
         }
       }
     };
-    return Object.assign(Object.assign({}, menuMethods), menuPrivateMethods);
+    return { ...menuMethods, ...menuPrivateMethods };
   },
   setupGrid($xeGrid) {
     return $xeGrid.extendTableMethods(tableMenuMethodKeys);
@@ -403,4 +324,4 @@ hooks.add('tableMenuModule', {
   setupGantt($xeGantt) {
     return $xeGantt.extendTableMethods(tableMenuMethodKeys);
   }
-});
+});