vxe-pc-ui 4.11.33 → 4.11.35

package/es/button/src/button-group.js

@@ -22,7 +22,8 @@ export default defineVxeComponent({
         }
     },
     emits: [
-        'click'
+        'click',
+        'contextmenu'
     ],
     setup(props, context) {
         const { slots, emit } = context;
@@ -38,10 +39,11 @@ export default defineVxeComponent({
         };
         useSize(props);
         const { computePermissionInfo } = usePermission(props);
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $buttonGroup: $xeButtonGroup }, params));
+        };
         const buttonGroupMethods = {
-            dispatchEvent(type, params, evnt) {
-                emit(type, createEvent(evnt, { $buttonGroup: $xeButtonGroup }, params));
-            }
+            dispatchEvent
         };
         const buttonGroupPrivateMethods = {
             handleClick(params, evnt) {
@@ -51,6 +53,9 @@ export default defineVxeComponent({
                 buttonGroupMethods.dispatchEvent('click', Object.assign(Object.assign({}, params), { option }), evnt);
             }
         };
+        const contextmenuEvent = (evnt) => {
+            dispatchEvent('contextmenu', {}, evnt);
+        };
         Object.assign($xeButtonGroup, buttonGroupMethods, buttonGroupPrivateMethods);
         const renderVN = () => {
             const { className, options, vertical } = props;
@@ -62,7 +67,8 @@ export default defineVxeComponent({
             return h('div', {
                 class: ['vxe-button-group', className ? (XEUtils.isFunction(className) ? className({ $buttonGroup: $xeButtonGroup }) : className) : '', {
                         'is--vertical': vertical
-                    }]
+                    }],
+                onContextmenu: contextmenuEvent
             }, defaultSlot
                 ? defaultSlot({})
                 : (options

package/es/button/src/button.js

@@ -113,7 +113,8 @@ const VxeButtonComponent = defineVxeComponent({
         'mouseenter',
         'mouseleave',
         'dropdown-click',
-        'dropdownClick'
+        'dropdownClick',
+        'contextmenu'
     ],
     setup(props, context) {
         const { slots, emit } = context;
@@ -342,6 +343,9 @@ const VxeButtonComponent = defineVxeComponent({
         const mouseleaveEvent = (evnt) => {
             dispatchEvent('mouseleave', {}, evnt);
         };
+        const contextmenuEvent = (evnt) => {
+            dispatchEvent('contextmenu', {}, evnt);
+        };
         const clickTargetEvent = (evnt) => {
             const { loading, trigger } = props;
             const btnDisabled = computeBtnDisabled.value;
@@ -552,7 +556,9 @@ const VxeButtonComponent = defineVxeComponent({
                 return renderEmptyElement($xeButton);
             }
             if (dropdownsSlot || downBtnList.length) {
-                const btnOns = {};
+                const btnOns = {
+                    onContextmenu: contextmenuEvent
+                };
                 const panelOns = {};
                 if (trigger === 'hover') {
                     // hover 触发
@@ -670,7 +676,8 @@ const VxeButtonComponent = defineVxeComponent({
                     to: routerLink,
                     onClick: clickEvent,
                     onMouseenter: mouseenterEvent,
-                    onMouseleave: mouseleaveEvent
+                    onMouseleave: mouseleaveEvent,
+                    onContextmenu: contextmenuEvent
                 }, {
                     default() {
                         return renderContent();
@@ -693,7 +700,8 @@ const VxeButtonComponent = defineVxeComponent({
                 disabled: btnDisabled || loading,
                 onClick: clickEvent,
                 onMouseenter: mouseenterEvent,
-                onMouseleave: mouseleaveEvent
+                onMouseleave: mouseleaveEvent,
+                onContextmenu: contextmenuEvent
             }, renderContent());
         };
         $xeButton.renderVN = renderVN;

package/es/context-menu/index.js

@@ -31,8 +31,8 @@ export const ContextMenuController = {
         evnt.preventDefault();
         evnt.stopPropagation();
         const opts = Object.assign({}, options);
-        const x = evnt.clientX;
-        const y = evnt.clientY;
+        const x = evnt.clientX + 1;
+        const y = evnt.clientY + 1;
         openMenu(opts, x, y);
     },
     close() {

package/es/context-menu/src/context-menu.js

@@ -1,9 +1,9 @@
 import { ref, h, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getConfig, getIcon, getI18n, createEvent, useSize, globalEvents, renderEmptyElement } from '../../ui';
+import { getConfig, getIcon, getI18n, createEvent, useSize, globalEvents, renderEmptyElement, GLOBAL_EVENT_KEYS } from '../../ui';
 import { getLastZIndex, nextSubZIndex, nextZIndex, getFuncText } from '../../ui/src/utils';
-import { getEventTargetNode, toCssUnit } from '../../ui/src/dom';
+import { getDomNode, getEventTargetNode, toCssUnit } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
 function createInternalData() {
     return {};
@@ -18,7 +18,7 @@ function createReactData() {
             left: '',
             zIndex: 0
         },
-        childPos: ''
+        childOffsetX: 0
     };
 }
 export default defineVxeComponent({
@@ -33,6 +33,10 @@ export default defineVxeComponent({
         options: Array,
         x: [Number, String],
         y: [Number, String],
+        autoLocate: {
+            type: Boolean,
+            default: () => getConfig().contextMenu.autoLocate
+        },
         zIndex: [Number, String],
         position: {
             type: String,
@@ -68,6 +72,20 @@ export default defineVxeComponent({
             const { options } = props;
             return options || [];
         });
+        const computeAllFirstMenuList = computed(() => {
+            const menuGroups = computeMenuGroups.value;
+            const firstList = [];
+            for (let i = 0; i < menuGroups.length; i++) {
+                const list = menuGroups[i];
+                for (let j = 0; j < list.length; j++) {
+                    const firstItem = list[j];
+                    if (hasValidItem(firstItem)) {
+                        firstList.push(firstItem);
+                    }
+                }
+            }
+            return firstList;
+        });
         const computeTopAndLeft = computed(() => {
             const { x, y } = props;
             return `${x}${y}`;
@@ -92,7 +110,7 @@ export default defineVxeComponent({
             const { visible } = reactData;
             const value = true;
             reactData.visible = value;
-            updateLocate();
+            handleLocate();
             updateZindex();
             if (modelValue !== value) {
                 emitModel(value);
@@ -101,7 +119,9 @@ export default defineVxeComponent({
             if (visible !== value) {
                 dispatchEvent('show', { visible: value }, null);
             }
-            return nextTick();
+            return nextTick().then(() => {
+                updateLocate();
+            });
         };
         const close = () => {
             const { modelValue } = props;
@@ -117,11 +137,12 @@ export default defineVxeComponent({
             }
             return nextTick();
         };
-        const updateLocate = () => {
+        const handleLocate = () => {
             const { x, y } = props;
             const { popupStyle } = reactData;
             popupStyle.left = toCssUnit(x || 0);
             popupStyle.top = toCssUnit(y || 0);
+            updateLocate();
         };
         const updateZindex = () => {
             const { zIndex, transfer } = props;
@@ -136,6 +157,59 @@ export default defineVxeComponent({
                 }
             }
         };
+        const updateLocate = () => {
+            const { autoLocate, position } = props;
+            const { popupStyle } = reactData;
+            if (autoLocate) {
+                const wrapperEl = refElem.value;
+                if (wrapperEl) {
+                    const { visibleWidth, visibleHeight } = getDomNode();
+                    const wrapperStyle = getComputedStyle(wrapperEl);
+                    const offsetTop = XEUtils.toNumber(wrapperStyle.top);
+                    const offsetLeft = XEUtils.toNumber(wrapperStyle.left);
+                    const wrapperWidth = wrapperEl.offsetWidth;
+                    const wrapperHeight = wrapperEl.offsetHeight;
+                    if (position === 'absolute') {
+                        //
+                    }
+                    else {
+                        if (offsetTop + wrapperHeight > visibleHeight) {
+                            popupStyle.top = `${Math.max(0, offsetTop - wrapperHeight)}px`;
+                        }
+                        if (offsetLeft + wrapperWidth > visibleWidth) {
+                            popupStyle.left = `${Math.max(0, offsetLeft - wrapperWidth)}px`;
+                        }
+                    }
+                }
+            }
+            updateChildLocate();
+        };
+        const updateChildLocate = () => {
+            const wrapperEl = refElem.value;
+            if (wrapperEl) {
+                const { visibleWidth } = getDomNode();
+                const owSize = 2;
+                const handleStyle = () => {
+                    const wrapperStyle = getComputedStyle(wrapperEl);
+                    const offsetLeft = XEUtils.toNumber(wrapperStyle.left);
+                    const wrapperWidth = wrapperEl.offsetWidth;
+                    const childEl = wrapperEl.querySelector('.vxe-context-menu--children-wrapper');
+                    const childWidth = childEl ? childEl.offsetWidth : wrapperWidth;
+                    if ((offsetLeft + wrapperWidth) > (visibleWidth - childWidth)) {
+                        // 往左
+                        reactData.childOffsetX = -childWidth + owSize;
+                    }
+                    else {
+                        // 往右
+                        reactData.childOffsetX = wrapperWidth - owSize;
+                    }
+                };
+                handleStyle();
+                nextTick(() => {
+                    handleStyle();
+                });
+            }
+        };
         const handleVisible = () => {
             const { modelValue } = props;
             if (modelValue) {
@@ -162,12 +236,190 @@ export default defineVxeComponent({
         };
         const handleItemMouseenterEvent = (evnt, item, parentitem) => {
             reactData.activeOption = parentitem || item;
-            reactData.activeChildOption = parentitem ? item : null;
+            if (parentitem) {
+                reactData.activeOption = parentitem;
+                reactData.activeChildOption = item;
+            }
+            else {
+                reactData.activeOption = item;
+                if (hasChildMenu(item)) {
+                    reactData.activeChildOption = findFirstChildItem(item);
+                    nextTick(() => {
+                        updateChildLocate();
+                    });
+                }
+                else {
+                    reactData.activeChildOption = null;
+                }
+            }
         };
         const handleItemMouseleaveEvent = () => {
             reactData.activeOption = null;
             reactData.activeChildOption = null;
         };
+        const hasValidItem = (item) => {
+            return !item.loading && !item.disabled && item.visible !== false;
+        };
+        const findNextFirstItem = (allFirstList, firstItem) => {
+            for (let i = 0; i < allFirstList.length; i++) {
+                const item = allFirstList[i];
+                if (firstItem === item) {
+                    const nextItem = allFirstList[i + 1];
+                    if (nextItem) {
+                        return nextItem;
+                    }
+                }
+            }
+            return XEUtils.first(allFirstList);
+        };
+        const findPrevFirstItem = (allFirstList, firstItem) => {
+            for (let i = 0; i < allFirstList.length; i++) {
+                const item = allFirstList[i];
+                if (firstItem === item) {
+                    if (i > 0) {
+                        return allFirstList[i - 1];
+                    }
+                }
+            }
+            return XEUtils.last(allFirstList);
+        };
+        const findFirstChildItem = (firstItem) => {
+            const { children } = firstItem;
+            if (children) {
+                for (let i = 0; i < children.length; i++) {
+                    const item = children[i];
+                    if (hasValidItem(item)) {
+                        return item;
+                    }
+                }
+            }
+            return null;
+        };
+        const findPrevChildItem = (firstItem, childItem) => {
+            const { children } = firstItem;
+            let prevValidItem = null;
+            if (children) {
+                for (let i = 0; i < children.length; i++) {
+                    const item = children[i];
+                    if (childItem === item) {
+                        break;
+                    }
+                    if (hasValidItem(item)) {
+                        prevValidItem = item;
+                    }
+                }
+                if (!prevValidItem) {
+                    for (let len = children.length - 1; len >= 0; len--) {
+                        const item = children[len];
+                        if (hasValidItem(item)) {
+                            return item;
+                        }
+                    }
+                }
+            }
+            return prevValidItem;
+        };
+        const findNextChildItem = (firstItem, childItem) => {
+            const { children } = firstItem;
+            let firstValidItem = null;
+            if (children) {
+                let isMetch = false;
+                for (let i = 0; i < children.length; i++) {
+                    const item = children[i];
+                    if (!firstValidItem) {
+                        if (hasValidItem(item)) {
+                            firstValidItem = item;
+                        }
+                    }
+                    if (isMetch) {
+                        if (hasValidItem(item)) {
+                            return item;
+                        }
+                    }
+                    else {
+                        isMetch = childItem === item;
+                    }
+                }
+            }
+            return firstValidItem;
+        };
+        const handleGlobalMousewheelEvent = (evnt) => {
+            const { visible } = reactData;
+            if (visible) {
+                const el = refElem.value;
+                if (!getEventTargetNode(evnt, el, '').flag) {
+                    close();
+                }
+            }
+        };
+        const handleGlobalKeydownEvent = (evnt) => {
+            const { visible, activeOption, activeChildOption } = reactData;
+            const allFirstMenuList = computeAllFirstMenuList.value;
+            if (visible) {
+                const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+                const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+                const isLeftArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_LEFT);
+                const isRightArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
+                const isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
+                const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+                if (isEsc) {
+                    close();
+                    return;
+                }
+                // 回车选中
+                if (isEnter) {
+                    if (activeOption || activeChildOption) {
+                        evnt.preventDefault();
+                        evnt.stopPropagation();
+                        if (!activeChildOption && hasChildMenu(activeOption)) {
+                            reactData.activeChildOption = findFirstChildItem(activeOption);
+                            updateChildLocate();
+                            return;
+                        }
+                        handleItemClickEvent(evnt, activeChildOption || activeOption);
+                        return;
+                    }
+                }
+                // 方向键操作
+                if (activeChildOption) {
+                    if (isUpArrow) {
+                        evnt.preventDefault();
+                        reactData.activeChildOption = findPrevChildItem(activeOption, activeChildOption);
+                        updateChildLocate();
+                    }
+                    else if (isDwArrow) {
+                        evnt.preventDefault();
+                        reactData.activeChildOption = findNextChildItem(activeOption, activeChildOption);
+                        updateChildLocate();
+                    }
+                    else if (isLeftArrow) {
+                        evnt.preventDefault();
+                        reactData.activeChildOption = null;
+                    }
+                }
+                else if (activeOption) {
+                    evnt.preventDefault();
+                    if (isUpArrow) {
+                        reactData.activeOption = findPrevFirstItem(allFirstMenuList, activeOption);
+                    }
+                    else if (isDwArrow) {
+                        reactData.activeOption = findNextFirstItem(allFirstMenuList, activeOption);
+                    }
+                    else {
+                        if (hasChildMenu(activeOption)) {
+                            if (isRightArrow) {
+                                reactData.activeChildOption = findFirstChildItem(activeOption);
+                                updateChildLocate();
+                            }
+                        }
+                    }
+                }
+                else {
+                    evnt.preventDefault();
+                    reactData.activeOption = XEUtils.first(allFirstMenuList);
+                }
+            }
+        };
         const handleGlobalMousedownEvent = (evnt) => {
             const { visible } = reactData;
             if (visible) {
@@ -177,6 +429,12 @@ export default defineVxeComponent({
                 }
             }
         };
+        const handleGlobalBlurEvent = () => {
+            const { visible } = reactData;
+            if (visible) {
+                close();
+            }
+        };
         const tagPrivateMethods = {};
         Object.assign($xeContextMenu, tagMethods, tagPrivateMethods);
         const renderMenuItem = (item, parentItem, hasChildMenus) => {
@@ -269,7 +527,7 @@ export default defineVxeComponent({
             ]);
         };
         const renderMenus = () => {
-            const { activeOption, activeChildOption } = reactData;
+            const { activeOption, activeChildOption, childOffsetX } = reactData;
             const menuGroups = computeMenuGroups.value;
             const mgVNs = [];
             menuGroups.forEach((menuList, gIndex) => {
@@ -277,15 +535,21 @@ export default defineVxeComponent({
                 menuList.forEach((firstItem, i) => {
                     const { children } = firstItem;
                     const hasChildMenus = children && children.some((child) => child.visible !== false);
+                    const isActiveFirst = activeOption === firstItem;
+                    const showChild = isActiveFirst && !!activeChildOption;
                     moVNs.push(h('div', {
                         key: `${gIndex}_${i}`,
                         class: ['vxe-context-menu--item-wrapper vxe-context-menu--first-item', firstItem.className || '', {
-                                'is--active': activeOption === firstItem
+                                'is--active': isActiveFirst,
+                                'is--subactive': isActiveFirst && !!activeChildOption
                             }]
                     }, [
-                        hasChildMenus
+                        hasChildMenus && showChild
                             ? h('div', {
-                                class: 'vxe-context-menu--children-wrapper'
+                                class: 'vxe-context-menu--children-wrapper',
+                                style: {
+                                    transform: `translate(${childOffsetX}px, -5px)`
+                                }
                             }, children.map(twoItem => {
                                 return h('div', {
                                     class: ['vxe-context-menu--item-wrapper vxe-context-menu--child-item', twoItem.className || '', {
@@ -308,11 +572,11 @@ export default defineVxeComponent({
         };
         const renderVN = () => {
             const { className, position, destroyOnClose } = props;
-            const { visible, popupStyle, childPos } = reactData;
+            const { visible, popupStyle } = reactData;
             const vSize = computeSize.value;
             return h('div', {
                 ref: refElem,
-                class: ['vxe-context-menu vxe-context-menu--wrapper', position === 'absolute' ? ('is--' + position) : 'is--fixed', `cp--${childPos === 'left' ? childPos : 'right'}`, className || '', {
+                class: ['vxe-context-menu vxe-context-menu--wrapper', position === 'absolute' ? ('is--' + position) : 'is--fixed', className || '', {
                         [`size--${vSize}`]: vSize,
                         'is--visible': visible
                     }],
@@ -320,17 +584,26 @@ export default defineVxeComponent({
             }, (destroyOnClose ? visible : true) ? renderMenus() : []);
         };
         watch(computeTopAndLeft, () => {
-            updateLocate();
+            handleLocate();
+            nextTick(() => {
+                updateLocate();
+            });
         });
         watch(() => props.modelValue, () => {
             handleVisible();
         });
         handleVisible();
         onMounted(() => {
+            globalEvents.on($xeContextMenu, 'mousewheel', handleGlobalMousewheelEvent);
+            globalEvents.on($xeContextMenu, 'keydown', handleGlobalKeydownEvent);
             globalEvents.on($xeContextMenu, 'mousedown', handleGlobalMousedownEvent);
+            globalEvents.on($xeContextMenu, 'blur', handleGlobalBlurEvent);
         });
         onBeforeUnmount(() => {
+            globalEvents.off($xeContextMenu, 'mousewheel');
+            globalEvents.off($xeContextMenu, 'keydown');
             globalEvents.off($xeContextMenu, 'mousedown');
+            globalEvents.off($xeContextMenu, 'blur');
             XEUtils.assign(reactData, createReactData());
             XEUtils.assign(internalData, createInternalData());
         });

package/es/context-menu/style.css

@@ -15,12 +15,6 @@
 .vxe-context-menu.is--absolute {
   position: absolute;
 }
-.vxe-context-menu.cp--left .vxe-context-menu--children-wrapper {
-  left: calc(-100% + 2px);
-}
-.vxe-context-menu.cp--right .vxe-context-menu--children-wrapper {
-  left: calc(100% - 2px);
-}
 
 .vxe-context-menu--group-wrapper {
   border-top: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -43,7 +37,7 @@
 .vxe-context-menu--children-wrapper {
   display: none;
   position: absolute;
-  transform: translateY(-5px);
+  transform: translate(0, -5px);
 }
 
 .vxe-context-menu--item-wrapper {
@@ -58,7 +52,7 @@
   background-color: rgba(0, 0, 0, 0.1);
 }
 
-.vxe-context-menu--first-item.is--active .vxe-context-menu--children-wrapper {
+.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper {
   display: block;
 }
 

package/es/context-menu/style.min.css

@@ -1 +1 @@
-.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu.cp--left .vxe-context-menu--children-wrapper{left:calc(-100% + 2px)}.vxe-context-menu.cp--right .vxe-context-menu--children-wrapper{left:calc(100% - 2px)}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translateY(-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:rgba(0,0,0,.1)}.vxe-context-menu--first-item.is--active .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-context-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translate(0,-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:rgba(0,0,0,.1)}.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-context-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/dynamics/index.js

@@ -42,7 +42,7 @@ const VxeDynamics = defineVxeComponent({
                             optionClick(params);
                         }
                     }
-                });
+                }, { events: undefined });
             }
             return [
                 modals.length