vxe-pc-ui 4.12.0 → 4.12.2

package/es/language/en-US.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0}',
+            monthLabel: '{0}'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/es-ES.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/fr-FR.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/hu-HU.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/hy-AM.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/id-ID.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/it-IT.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/ja-JP.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/ko-KR.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/ms-MY.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/nb-NO.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/pt-BR.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/ru-RU.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/th-TH.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/ug-CN.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/uk-UA.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/uz-UZ.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '¥'
         },

package/es/language/vi-VN.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '$'
         },

package/es/language/zh-CHT.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '¥'
         },

package/es/language/zh-CN.js

@@ -333,6 +333,10 @@ export default {
                 }
             }
         },
+        calendar: {
+            yearLabel: '{0} 年',
+            monthLabel: '{0} 月'
+        },
         numberInput: {
             currencySymbol: '¥'
         },

package/es/menu/src/menu.js

@@ -1,11 +1,13 @@
 import { ref, h, reactive, inject, resolveComponent, watch, computed, nextTick, onBeforeUnmount, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getConfig, getIcon, createEvent, permission, useSize, globalEvents, renderEmptyElement } from '../../ui';
+import { VxeUI, createEvent, permission, useSize, globalEvents, renderEmptyElement } from '../../ui';
 import { toCssUnit } from '../../ui/src/dom';
-import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
+import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
 import { getSlotVNs } from '../../ui/src/vn';
-import VxeLoadingComponent from '../../loading/src/loading';
+import { errLog } from '../../ui/src/log';
+import VxeLoadingComponent from '../../loading';
+const { menus, getConfig, getIcon } = VxeUI;
 export default defineVxeComponent({
     name: 'VxeMenu',
     props: {
@@ -28,11 +30,14 @@ export default defineVxeComponent({
         size: {
             type: String,
             default: () => getConfig().menu.size || getConfig().size
-        }
+        },
+        menuConfig: Object
     },
     emits: [
         'update:modelValue',
-        'click'
+        'click',
+        'option-menu',
+        'menu-click'
     ],
     setup(props, context) {
         const { emit, slots } = context;
@@ -53,6 +58,9 @@ export default defineVxeComponent({
         const refMaps = {
             refElem
         };
+        const computeMenuOpts = computed(() => {
+            return Object.assign({}, getConfig().menu.menuConfig, props.menuConfig);
+        });
         const computeIsCollapsed = computed(() => {
             const { collapsed } = props;
             if (XEUtils.isBoolean(collapsed)) {
@@ -187,6 +195,33 @@ export default defineVxeComponent({
             reactData.activeName = value;
             emit('update:modelValue', value);
         };
+        const handleContextmenuEvent = (evnt, item) => {
+            const { menuConfig } = props;
+            const menuOpts = computeMenuOpts.value;
+            if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
+                const { options, visibleMethod } = menuOpts;
+                if (!visibleMethod || visibleMethod({ $menu: $xeMenu, options, currentMenu: item })) {
+                    if (VxeUI.contextMenu) {
+                        VxeUI.contextMenu.openByEvent(evnt, {
+                            options,
+                            events: {
+                                optionClick(eventParams) {
+                                    const { option } = eventParams;
+                                    const gMenuOpts = menus.get(option.code);
+                                    const mmMethod = gMenuOpts ? gMenuOpts.menuMenuMethod : null;
+                                    const params = { menu: option, currentMenu: item, $event: evnt, $menu: $xeMenu };
+                                    if (mmMethod) {
+                                        mmMethod(params, evnt);
+                                    }
+                                    dispatchEvent('menu-click', params, eventParams.$event);
+                                }
+                            }
+                        });
+                    }
+                }
+            }
+            dispatchEvent('option-menu', { currentMenu: item }, evnt);
+        };
         const handleClickMenu = (evnt, item, itemList) => {
             const { itemKey, routerLink, hasChild } = item;
             if (routerLink) {
@@ -202,7 +237,12 @@ export default defineVxeComponent({
                     handleMenuMouseleave();
                 }
             }
-            dispatchEvent('click', { menu: item }, evnt);
+            const params = {
+                currentMenu: item,
+                // 已废弃
+                menu: item
+            };
+            dispatchEvent('click', params, evnt);
         };
         const handleMenuMouseenter = () => {
             const { collapseStyle } = reactData;
@@ -254,8 +294,10 @@ export default defineVxeComponent({
             const title = getMenuTitle(item);
             const isCollapsed = computeIsCollapsed.value;
             const params = {
-                option: item,
-                collapsed: isCollapsed
+                currentMenu: item,
+                collapsed: isCollapsed,
+                // 已废弃
+                option: item
             };
             return [
                 optionSlot
@@ -312,6 +354,9 @@ export default defineVxeComponent({
                     ? h(resolveComponent('router-link'), {
                         class: 'vxe-menu--item-link',
                         to: routerLink,
+                        onContextmenu(evnt) {
+                            handleContextmenuEvent(evnt, item);
+                        },
                         onClick(evnt) {
                             handleClickMenu(evnt, item, itemList);
                         }
@@ -320,6 +365,9 @@ export default defineVxeComponent({
                     })
                     : h('div', {
                         class: 'vxe-menu--item-link',
+                        onContextmenu(evnt) {
+                            handleContextmenuEvent(evnt, item);
+                        },
                         onClick(evnt) {
                             handleClickMenu(evnt, item, itemList);
                         }
@@ -349,6 +397,9 @@ export default defineVxeComponent({
                     ? h(resolveComponent('router-link'), {
                         class: 'vxe-menu--item-link',
                         to: routerLink,
+                        onContextmenu(evnt) {
+                            handleContextmenuEvent(evnt, item);
+                        },
                         onClick(evnt) {
                             handleClickMenu(evnt, item, itemList);
                         }
@@ -357,6 +408,9 @@ export default defineVxeComponent({
                     })
                     : h('div', {
                         class: 'vxe-menu--item-link',
+                        onContextmenu(evnt) {
+                            handleContextmenuEvent(evnt, item);
+                        },
                         onClick(evnt) {
                             handleClickMenu(evnt, item, itemList);
                         }
@@ -436,6 +490,11 @@ export default defineVxeComponent({
             handleCollapseMenu();
         });
         onMounted(() => {
+            const { menuConfig } = props;
+            const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
+            if (menuConfig && !VxeUIContextMenu) {
+                errLog('vxe.error.reqComp', ['vxe-context-menu']);
+            }
             globalEvents.on($xeMenu, 'resize', updateCollapseStyle);
             updateCollapseStyle();
         });