vxe-pc-ui 4.12.0 → 4.12.2

package/lib/index.umd.js

@@ -3661,14 +3661,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.12.0"}`;
+const log_version = `ui v${"4.12.2"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.12.0";
+const ui_version = "4.12.2";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4647,6 +4647,10 @@ setIcon({
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '¥'
     },
@@ -8494,6 +8498,13 @@ const checkWeekOfsetYear = (W, M) => {
 
 
 
+
+
+const {
+  menus: calendar_menus,
+  getConfig: calendar_getConfig,
+  getI18n: calendar_getI18n
+} = index_esm_VxeUI;
 /* harmony default export */ var calendar = (defineVxeComponent({
   name: 'VxeCalendar',
   props: {
@@ -8505,7 +8516,7 @@ const checkWeekOfsetYear = (W, M) => {
     className: String,
     size: {
       type: String,
-      default: () => getConfig().calendar.size || getConfig().size
+      default: () => calendar_getConfig().calendar.size || calendar_getConfig().size
     },
     multiple: Boolean,
     width: [String, Number],
@@ -8513,34 +8524,35 @@ const checkWeekOfsetYear = (W, M) => {
     // date、week、month、quarter、year
     minDate: {
       type: [String, Number, Date],
-      default: () => getConfig().calendar.minDate
+      default: () => calendar_getConfig().calendar.minDate
     },
     maxDate: {
       type: [String, Number, Date],
-      default: () => getConfig().calendar.maxDate
+      default: () => calendar_getConfig().calendar.maxDate
     },
     startDay: {
       type: [String, Number],
-      default: () => getConfig().calendar.startDay
+      default: () => calendar_getConfig().calendar.startDay
     },
     labelFormat: String,
     valueFormat: String,
     festivalMethod: {
       type: Function,
-      default: () => getConfig().calendar.festivalMethod
+      default: () => calendar_getConfig().calendar.festivalMethod
     },
     disabledMethod: {
       type: Function,
-      default: () => getConfig().calendar.disabledMethod
+      default: () => calendar_getConfig().calendar.disabledMethod
     },
-    cellStyle: Function,
+    cellStyle: [Object, Function],
+    menuConfig: Object,
     // week
     selectDay: {
       type: [String, Number],
-      default: () => getConfig().calendar.selectDay
+      default: () => calendar_getConfig().calendar.selectDay
     }
   },
-  emits: ['update:modelValue', 'change', 'click', 'date-prev', 'date-today', 'date-next', 'view-change'],
+  emits: ['update:modelValue', 'change', 'cell-click', 'date-prev', 'date-today', 'date-next', 'view-change', 'cell-menu', 'menu-click'],
   setup(props, context) {
     const {
       emit
@@ -8604,6 +8616,9 @@ const checkWeekOfsetYear = (W, M) => {
     const computeSupportMultiples = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return ['date', 'week', 'month', 'quarter', 'year'].indexOf(props.type) > -1;
     });
+    const computeMenuOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, calendar_getConfig().calendar.menuConfig, props.menuConfig);
+    });
     const computeDateListValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         multiple
@@ -8689,7 +8704,7 @@ const checkWeekOfsetYear = (W, M) => {
       const isCalendarType = computeIsCalendarType.value;
       const dateValueFormat = computeDateValueFormat.value;
       if (isCalendarType) {
-        return labelFormat || dateValueFormat || getI18n(`vxe.input.date.labelFormat.${props.type}`);
+        return labelFormat || dateValueFormat || calendar_getI18n(`vxe.input.date.labelFormat.${props.type}`);
       }
       return null;
     });
@@ -8743,11 +8758,11 @@ const checkWeekOfsetYear = (W, M) => {
           y = yearList.length ? `${yearList[0].year} - ${yearList[yearList.length - 1].year}` : '';
         } else {
           y = `${year}`;
-          m = month ? getI18n(`vxe.input.date.m${month}`) : '-';
+          m = month ? calendar_getI18n('vxe.calendar.monthLabel', [month]) : '-';
         }
       }
       return {
-        y,
+        y: calendar_getI18n('vxe.calendar.yearLabel', [y]),
         m
       };
     });
@@ -8781,7 +8796,7 @@ const checkWeekOfsetYear = (W, M) => {
         return weekDatas.map(day => {
           return {
             value: day,
-            label: getI18n(`vxe.input.date.weeks.w${day}`)
+            label: calendar_getI18n(`vxe.input.date.weeks.w${day}`)
           };
         });
       }
@@ -8792,7 +8807,7 @@ const checkWeekOfsetYear = (W, M) => {
       if (isCalendarType) {
         const dateHeaders = computeDateHeaders.value;
         return [{
-          label: getI18n('vxe.input.date.weeks.w')
+          label: calendar_getI18n('vxe.input.date.weeks.w')
         }].concat(dateHeaders);
       }
       return [];
@@ -9235,10 +9250,84 @@ const checkWeekOfsetYear = (W, M) => {
         }
       }
     };
-    const dateSelectEvent = item => {
+    const dateClickEvent = (evnt, item) => {
+      const {
+        type
+      } = props;
+      const {
+        datePanelType
+      } = reactData;
+      const {
+        date
+      } = item;
       if (!isDateDisabled(item)) {
-        dateSelectItem(item.date);
+        dateSelectItem(date);
+        dispatchEvent('cell-click', {
+          date,
+          type,
+          viewType: datePanelType
+        }, evnt);
+      }
+    };
+    const datContextmenuEvent = (evnt, item) => {
+      const {
+        type
+      } = props;
+      const {
+        datePanelType
+      } = reactData;
+      const {
+        menuConfig
+      } = props;
+      const menuOpts = computeMenuOpts.value;
+      if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
+        const {
+          options,
+          visibleMethod
+        } = menuOpts;
+        const {
+          date
+        } = item;
+        if (!visibleMethod || visibleMethod({
+          $calendar: $xeCalendar,
+          options,
+          date,
+          type,
+          viewType: datePanelType
+        })) {
+          if (index_esm_VxeUI.contextMenu) {
+            index_esm_VxeUI.contextMenu.openByEvent(evnt, {
+              options,
+              events: {
+                optionClick(eventParams) {
+                  const {
+                    option
+                  } = eventParams;
+                  const gMenuOpts = calendar_menus.get(option.code);
+                  const cmMethod = gMenuOpts ? gMenuOpts.calendarMenuMethod : null;
+                  const params = {
+                    menu: option,
+                    date,
+                    type,
+                    viewType: datePanelType,
+                    $event: evnt,
+                    $calendar: $xeCalendar
+                  };
+                  if (cmMethod) {
+                    cmMethod(params, evnt);
+                  }
+                  dispatchEvent('menu-click', params, eventParams.$event);
+                }
+              }
+            });
+          }
+        }
       }
+      dispatchEvent('cell-menu', {
+        date: item.date,
+        type,
+        viewType: datePanelType
+      }, evnt);
     };
     const dateMoveDay = offsetDay => {
       if (!isDateDisabled({
@@ -9300,6 +9389,9 @@ const checkWeekOfsetYear = (W, M) => {
         }
       }
     };
+    const dateMouseleaveEvent = () => {
+      reactData.datePanelValue = null;
+    };
     const dateConfirmEvent = () => {};
     const dateOpenPanel = () => {
       const {
@@ -9340,11 +9432,13 @@ const checkWeekOfsetYear = (W, M) => {
           label: festivalItem.extra
         } : festivalItem.extra : null;
         const labels = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-calendar--date-label', {
+          class: ['vxe-calendar--label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', `${label || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-calendar--date-label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
+        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: 'vxe-calendar--label--number'
+        }, `${label || ''}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-calendar--label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
         }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : [`${label || ''}`])];
         const festivalLabel = festivalItem.label;
@@ -9352,12 +9446,12 @@ const checkWeekOfsetYear = (W, M) => {
           // 默认最多支持3个节日重叠
           const festivalLabels = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(festivalLabel).split(',');
           labels.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-            class: ['vxe-calendar--date-festival', festivalItem.important ? 'is-important' : '', festivalItem.className],
+            class: ['vxe-calendar--festival', festivalItem.important ? 'is-important' : '', festivalItem.className],
             style: festivalItem.style
           }, [festivalLabels.length > 1 ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-            class: ['vxe-calendar--date-festival--overlap', `overlap--${festivalLabels.length}`]
+            class: ['vxe-calendar--festival--overlap', `overlap--${festivalLabels.length}`]
           }, festivalLabels.map(label => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', label.substring(0, 3)))) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-            class: 'vxe-calendar--date-festival--label'
+            class: 'vxe-calendar--festival--label'
           }, festivalLabels[0].substring(0, 3))]));
         }
         return labels;
@@ -9378,25 +9472,44 @@ const checkWeekOfsetYear = (W, M) => {
       const dayDatas = computeDayDatas.value;
       const dateListValue = computeDateListValue.value;
       const matchFormat = 'yyyyMMdd';
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
-        class: `vxe-calendar--date-${datePanelType}-view`,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', dateHeaders.map(item => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('th', {
-          class: 'vxe-calendar--view-th'
-        }, item.label);
-      })), ...dayDatas.map(rows => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            class: ['vxe-calendar--view-td', {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-calendar--view-wrapper', `type--${datePanelType}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-header',
+        style: {
+          height: `${100 / (dayDatas.length + 1)}%`
+        }
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-row'
+      }, dateHeaders.map(item => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item',
+          style: {
+            width: `${100 / dateHeaders.length}%`
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item-inner'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item-label'
+        }, item.label)])]);
+      }))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-body'
+      }, dayDatas.map(rows => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-row',
+          style: {
+            height: `${100 / dayDatas.length}%`
+          }
+        }, rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: ['vxe-calendar--view-item', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': isSelected,
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             }],
             style: Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle({
@@ -9404,12 +9517,18 @@ const checkWeekOfsetYear = (W, M) => {
               viewType: datePanelType,
               date: item.date,
               $calendar: $xeCalendar
-            }) : cellStyle),
-            onClick: () => dateSelectEvent(item),
-            onMouseenter: () => dateMouseenterEvent(item)
-          }, renderDateLabel(item, item.label));
+            }) : cellStyle, {
+              width: `${100 / rows.length}%`
+            }),
+            onClick: evnt => dateClickEvent(evnt, item),
+            onContextmenu: evnt => datContextmenuEvent(evnt, item),
+            onMouseenter: () => dateMouseenterEvent(item),
+            onMouseleave: dateMouseleaveEvent
+          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: 'vxe-calendar--view-item-inner'
+          }, renderDateLabel(item, item.label))]);
         }));
-      })])];
+      }))])];
     };
     const renderDateWeekTable = () => {
       const {
@@ -9425,24 +9544,43 @@ const checkWeekOfsetYear = (W, M) => {
       const weekDates = computeWeekDates.value;
       const dateListValue = computeDateListValue.value;
       const matchFormat = 'yyyyMMdd';
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
-        class: `vxe-calendar--date-${datePanelType}-view`,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', weekHeaders.map(item => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-          class: 'vxe-calendar--view-th'
-        }, item.label);
-      })), ...weekDates.map(rows => {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-calendar--view-wrapper', `type--${datePanelType}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-header',
+        style: {
+          height: `${100 / (weekDates.length + 1)}%`
+        }
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-row'
+      }, weekHeaders.map((item, rIndex) => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item',
+          style: {
+            width: `${rIndex ? 13 : 9}%`
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item-inner'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-item-label'
+        }, item.label)])]);
+      }))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-body'
+      }, weekDates.map(rows => {
         const isSelected = multiple ? rows.some(item => dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat))) : rows.some(item => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat));
         const isHover = rows.some(item => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat));
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            class: ['vxe-calendar--view-td', {
+        const isNowWeek = rows.some(item => item.isNow);
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-row',
+          style: {
+            height: `${100 / weekDates.length}%`
+          }
+        }, rows.map((item, rIndex) => {
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: ['vxe-calendar--view-item', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
-              'is--now': item.isNow,
+              'is--now': rIndex ? item.isNow : isNowWeek,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
@@ -9453,13 +9591,18 @@ const checkWeekOfsetYear = (W, M) => {
               viewType: datePanelType,
               date: item.date,
               $calendar: $xeCalendar
-            }) : cellStyle),
-            // event
-            onClick: () => dateSelectEvent(item),
-            onMouseenter: () => dateMouseenterEvent(item)
-          }, renderDateLabel(item, item.label));
+            }) : cellStyle, {
+              width: `${rIndex ? 13 : 9}%`
+            }),
+            onClick: evnt => dateClickEvent(evnt, item),
+            onContextmenu: evnt => datContextmenuEvent(evnt, item),
+            onMouseenter: () => dateMouseenterEvent(item),
+            onMouseleave: dateMouseleaveEvent
+          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: 'vxe-calendar--view-item-inner'
+          }, renderDateLabel(item, item.label))]);
         }));
-      })])];
+      }))])];
     };
     const renderDateMonthTable = () => {
       const {
@@ -9474,21 +9617,26 @@ const checkWeekOfsetYear = (W, M) => {
       const monthDatas = computeMonthDatas.value;
       const dateListValue = computeDateListValue.value;
       const matchFormat = 'yyyyMM';
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
-        class: `vxe-calendar--date-${datePanelType}-view`,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', monthDatas.map(rows => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            class: ['vxe-calendar--view-td', {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-calendar--view-wrapper', `type--${datePanelType}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-body'
+      }, monthDatas.map(rows => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-row',
+          style: {
+            height: `${100 / monthDatas.length}%`
+          }
+        }, rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: ['vxe-calendar--view-item', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': isSelected,
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             }],
             style: Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle({
@@ -9496,10 +9644,16 @@ const checkWeekOfsetYear = (W, M) => {
               viewType: datePanelType,
               date: item.date,
               $calendar: $xeCalendar
-            }) : cellStyle),
-            onClick: () => dateSelectEvent(item),
-            onMouseenter: () => dateMouseenterEvent(item)
-          }, renderDateLabel(item, getI18n(`vxe.input.date.months.m${item.month}`)));
+            }) : cellStyle, {
+              width: `${100 / rows.length}%`
+            }),
+            onClick: evnt => dateClickEvent(evnt, item),
+            onContextmenu: evnt => datContextmenuEvent(evnt, item),
+            onMouseenter: () => dateMouseenterEvent(item),
+            onMouseleave: dateMouseleaveEvent
+          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: 'vxe-calendar--view-item-inner'
+          }, renderDateLabel(item, calendar_getI18n(`vxe.input.date.months.m${item.month}`)))]);
         }));
       }))])];
     };
@@ -9516,21 +9670,26 @@ const checkWeekOfsetYear = (W, M) => {
       const quarterDatas = computeQuarterDatas.value;
       const dateListValue = computeDateListValue.value;
       const matchFormat = 'yyyyq';
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
-        class: `vxe-calendar--date-${datePanelType}-view`,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', quarterDatas.map(rows => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            class: ['vxe-calendar--view-td', {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-calendar--view-wrapper', `type--${datePanelType}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-body'
+      }, quarterDatas.map(rows => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-row',
+          style: {
+            height: `${100 / quarterDatas.length}%`
+          }
+        }, rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: ['vxe-calendar--view-item', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': isSelected,
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             }],
             style: Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle({
@@ -9538,10 +9697,16 @@ const checkWeekOfsetYear = (W, M) => {
               viewType: datePanelType,
               date: item.date,
               $calendar: $xeCalendar
-            }) : cellStyle),
-            onClick: () => dateSelectEvent(item),
-            onMouseenter: () => dateMouseenterEvent(item)
-          }, renderDateLabel(item, getI18n(`vxe.input.date.quarters.q${item.quarter}`)));
+            }) : cellStyle, {
+              width: `${100 / rows.length}%`
+            }),
+            onClick: evnt => dateClickEvent(evnt, item),
+            onContextmenu: evnt => datContextmenuEvent(evnt, item),
+            onMouseenter: () => dateMouseenterEvent(item),
+            onMouseleave: dateMouseleaveEvent
+          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: 'vxe-calendar--view-item-inner'
+          }, renderDateLabel(item, calendar_getI18n(`vxe.input.date.quarters.q${item.quarter}`)))]);
         }));
       }))])];
     };
@@ -9558,21 +9723,26 @@ const checkWeekOfsetYear = (W, M) => {
       const yearDatas = computeYearDatas.value;
       const dateListValue = computeDateListValue.value;
       const matchFormat = 'yyyy';
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
-        class: `vxe-calendar--date-${datePanelType}-view`,
-        cellspacing: 0,
-        cellpadding: 0,
-        border: 0
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', yearDatas.map(rows => {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
-            class: ['vxe-calendar--view-td', {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-calendar--view-wrapper', `type--${datePanelType}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-calendar--view-body'
+      }, yearDatas.map(rows => {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-calendar--view-row',
+          style: {
+            height: `${100 / yearDatas.length}%`
+          }
+        }, rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: ['vxe-calendar--view-item', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
+              'is--selected': isSelected,
               'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             }],
             style: Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle({
@@ -9580,10 +9750,16 @@ const checkWeekOfsetYear = (W, M) => {
               viewType: datePanelType,
               date: item.date,
               $calendar: $xeCalendar
-            }) : cellStyle),
-            onClick: () => dateSelectEvent(item),
-            onMouseenter: () => dateMouseenterEvent(item)
-          }, renderDateLabel(item, item.year));
+            }) : cellStyle, {
+              width: `${100 / rows.length}%`
+            }),
+            onClick: evnt => dateClickEvent(evnt, item),
+            onContextmenu: evnt => datContextmenuEvent(evnt, item),
+            onMouseenter: () => dateMouseenterEvent(item),
+            onMouseleave: dateMouseleaveEvent
+          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            class: 'vxe-calendar--view-item-inner'
+          }, renderDateLabel(item, item.year))]);
         }));
       }))])];
     };
@@ -9650,7 +9826,7 @@ const checkWeekOfsetYear = (W, M) => {
         class: 'vxe-calendar--confirm',
         type: 'button',
         onClick: dateConfirmEvent
-      }, getI18n('vxe.button.confirm'))]) : null])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, calendar_getI18n('vxe.button.confirm'))]) : null])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-calendar--body'
       }, renderDateTable())];
     };
@@ -9707,6 +9883,13 @@ const checkWeekOfsetYear = (W, M) => {
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const {
+        menuConfig
+      } = props;
+      const VxeUIContextMenu = index_esm_VxeUI.getComponent('VxeContextMenu');
+      if (menuConfig && !VxeUIContextMenu) {
+        errLog('vxe.error.reqComp', ['vxe-context-menu']);
+      }
       dateOpenPanel();
     });
     initValue();
@@ -19955,7 +20138,9 @@ const Countdown = VxeCountdown;
           class: ['vxe-date-panel--label', {
             'is-notice': festivalItem.notice
           }]
-        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', `${label}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        }, extraItem && extraItem.label ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-date-panel--label--number'
+        }, `${label}`), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: ['vxe-date-panel--label--extra', extraItem.important ? 'is-important' : '', extraItem.className],
           style: extraItem.style
         }, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(extraItem.label))] : `${label}`));
@@ -29235,6 +29420,12 @@ const List = VxeList;
 
 
 
+
+const {
+  menus: menu_menus,
+  getConfig: menu_getConfig,
+  getIcon: menu_getIcon
+} = index_esm_VxeUI;
 /* harmony default export */ var menu = (defineVxeComponent({
   name: 'VxeMenu',
   props: {
@@ -29242,7 +29433,7 @@ const List = VxeList;
     expandAll: Boolean,
     accordion: {
       type: Boolean,
-      default: () => getConfig().menu.accordion
+      default: () => menu_getConfig().menu.accordion
     },
     collapsed: {
       type: Boolean,
@@ -29256,10 +29447,11 @@ const List = VxeList;
     },
     size: {
       type: String,
-      default: () => getConfig().menu.size || getConfig().size
-    }
+      default: () => menu_getConfig().menu.size || menu_getConfig().size
+    },
+    menuConfig: Object
   },
-  emits: ['update:modelValue', 'click'],
+  emits: ['update:modelValue', 'click', 'option-menu', 'menu-click'],
   setup(props, context) {
     const {
       emit,
@@ -29284,6 +29476,9 @@ const List = VxeList;
     const refMaps = {
       refElem
     };
+    const computeMenuOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, menu_getConfig().menu.menuConfig, props.menuConfig);
+    });
     const computeIsCollapsed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         collapsed
@@ -29449,6 +29644,51 @@ const List = VxeList;
       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 (index_esm_VxeUI.contextMenu) {
+            index_esm_VxeUI.contextMenu.openByEvent(evnt, {
+              options,
+              events: {
+                optionClick(eventParams) {
+                  const {
+                    option
+                  } = eventParams;
+                  const gMenuOpts = menu_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,
@@ -29466,9 +29706,12 @@ const List = VxeList;
           handleMenuMouseleave();
         }
       }
-      dispatchEvent('click', {
+      const params = {
+        currentMenu: item,
+        // 已废弃
         menu: item
-      }, evnt);
+      };
+      dispatchEvent('click', params, evnt);
     };
     const handleMenuMouseenter = () => {
       const {
@@ -29532,8 +29775,10 @@ const List = VxeList;
       const title = getMenuTitle(item);
       const isCollapsed = computeIsCollapsed.value;
       const params = {
-        option: item,
-        collapsed: isCollapsed
+        currentMenu: item,
+        collapsed: isCollapsed,
+        // 已废弃
+        option: item
       };
       return [optionSlot ? renderEmptyElement($xeMenu) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-menu--item-link-icon'
@@ -29550,7 +29795,7 @@ const List = VxeList;
           handleClickIconCollapse(evnt, item, itemList);
         }
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-        class: isExpand ? getIcon().MENU_ITEM_EXPAND_OPEN : getIcon().MENU_ITEM_EXPAND_CLOSE
+        class: isExpand ? menu_getIcon().MENU_ITEM_EXPAND_OPEN : menu_getIcon().MENU_ITEM_EXPAND_CLOSE
       })]) : renderEmptyElement($xeMenu)];
     };
     const renderDefaultChildren = (item, itemList) => {
@@ -29583,6 +29828,9 @@ const List = VxeList;
       }, [routerLink ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
         class: 'vxe-menu--item-link',
         to: routerLink,
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
         onClick(evnt) {
           handleClickMenu(evnt, item, itemList);
         }
@@ -29590,6 +29838,9 @@ const List = VxeList;
         default: () => renderMenuTitle(item, itemList)
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-menu--item-link',
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
         onClick(evnt) {
           handleClickMenu(evnt, item, itemList);
         }
@@ -29621,6 +29872,9 @@ const List = VxeList;
       }, [routerLink ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('router-link'), {
         class: 'vxe-menu--item-link',
         to: routerLink,
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
         onClick(evnt) {
           handleClickMenu(evnt, item, itemList);
         }
@@ -29628,6 +29882,9 @@ const List = VxeList;
         default: () => renderMenuTitle(item, itemList)
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-menu--item-link',
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
         onClick(evnt) {
           handleClickMenu(evnt, item, itemList);
         }
@@ -29681,7 +29938,7 @@ const List = VxeList;
       /**
        * 加载中
        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_loading, {
         class: 'vxe-list-view--loading',
         modelValue: loading
       })]);
@@ -29707,6 +29964,13 @@ const List = VxeList;
       handleCollapseMenu();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const {
+        menuConfig
+      } = props;
+      const VxeUIContextMenu = index_esm_VxeUI.getComponent('VxeContextMenu');
+      if (menuConfig && !VxeUIContextMenu) {
+        errLog('vxe.error.reqComp', ['vxe-context-menu']);
+      }
       globalEvents.on($xeMenu, 'resize', updateCollapseStyle);
       updateCollapseStyle();
     });
@@ -41957,6 +42221,12 @@ function clearColAnimate(elem, clss) {
 
 
 
+const {
+  menus: tree_menus,
+  getConfig: tree_getConfig,
+  getI18n: tree_getI18n,
+  getIcon: tree_getIcon
+} = index_esm_VxeUI;
 /**
  * 生成节点的唯一主键
  */
@@ -42019,50 +42289,50 @@ function tree_createReactData() {
     data: Array,
     autoResize: {
       type: Boolean,
-      default: () => getConfig().tree.autoResize
+      default: () => tree_getConfig().tree.autoResize
     },
     height: [String, Number],
     maxHeight: {
       type: [String, Number],
-      default: () => getConfig().tree.maxHeight
+      default: () => tree_getConfig().tree.maxHeight
     },
     minHeight: {
       type: [String, Number],
-      default: () => getConfig().tree.minHeight
+      default: () => tree_getConfig().tree.minHeight
     },
     loading: Boolean,
     loadingConfig: Object,
     accordion: {
       type: Boolean,
-      default: () => getConfig().tree.accordion
+      default: () => tree_getConfig().tree.accordion
     },
     childrenField: {
       type: String,
-      default: () => getConfig().tree.childrenField
+      default: () => tree_getConfig().tree.childrenField
     },
     valueField: {
       type: String,
-      default: () => getConfig().tree.valueField
+      default: () => tree_getConfig().tree.valueField
     },
     keyField: {
       type: String,
-      default: () => getConfig().tree.keyField
+      default: () => tree_getConfig().tree.keyField
     },
     parentField: {
       type: String,
-      default: () => getConfig().tree.parentField
+      default: () => tree_getConfig().tree.parentField
     },
     titleField: {
       type: String,
-      default: () => getConfig().tree.titleField
+      default: () => tree_getConfig().tree.titleField
     },
     hasChildField: {
       type: String,
-      default: () => getConfig().tree.hasChildField
+      default: () => tree_getConfig().tree.hasChildField
     },
     mapChildrenField: {
       type: String,
-      default: () => getConfig().tree.mapChildrenField
+      default: () => tree_getConfig().tree.mapChildrenField
     },
     transform: Boolean,
     // 已废弃
@@ -42073,29 +42343,29 @@ function tree_createReactData() {
     expandNodeKeys: Array,
     showLine: {
       type: Boolean,
-      default: () => getConfig().tree.showLine
+      default: () => tree_getConfig().tree.showLine
     },
     trigger: String,
     indent: {
       type: Number,
-      default: () => getConfig().tree.indent
+      default: () => tree_getConfig().tree.indent
     },
     showRadio: {
       type: Boolean,
-      default: () => getConfig().tree.showRadio
+      default: () => tree_getConfig().tree.showRadio
     },
     checkNodeKey: {
       type: [String, Number],
-      default: () => getConfig().tree.checkNodeKey
+      default: () => tree_getConfig().tree.checkNodeKey
     },
     radioConfig: Object,
     showCheckbox: {
       type: Boolean,
-      default: () => getConfig().tree.showCheckbox
+      default: () => tree_getConfig().tree.showCheckbox
     },
     checkNodeKeys: {
       type: Array,
-      default: () => getConfig().tree.checkNodeKeys
+      default: () => tree_getConfig().tree.checkNodeKeys
     },
     checkboxConfig: Object,
     nodeConfig: Object,
@@ -42104,7 +42374,7 @@ function tree_createReactData() {
     loadMethod: Function,
     drag: {
       type: Boolean,
-      default: () => getConfig().tree.drag
+      default: () => tree_getConfig().tree.drag
     },
     dragConfig: Object,
     menuConfig: Object,
@@ -42114,21 +42384,21 @@ function tree_createReactData() {
     },
     iconOpen: {
       type: String,
-      default: () => getConfig().tree.iconOpen
+      default: () => tree_getConfig().tree.iconOpen
     },
     iconClose: {
       type: String,
-      default: () => getConfig().tree.iconClose
+      default: () => tree_getConfig().tree.iconClose
     },
     iconLoaded: {
       type: String,
-      default: () => getConfig().tree.iconLoaded
+      default: () => tree_getConfig().tree.iconLoaded
     },
     filterValue: [String, Number],
     filterConfig: Object,
     size: {
       type: String,
-      default: () => getConfig().tree.size || getConfig().size
+      default: () => tree_getConfig().tree.size || tree_getConfig().size
     },
     virtualYConfig: Object
   },
@@ -42178,7 +42448,7 @@ function tree_createReactData() {
       return props.hasChildField || 'hasChild';
     });
     const computeVirtualYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.virtualYConfig, props.virtualYConfig);
+      return Object.assign({}, tree_getConfig().tree.virtualYConfig, props.virtualYConfig);
     });
     const computeIsRowCurrent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const nodeOpts = computeNodeOpts.value;
@@ -42203,24 +42473,24 @@ function tree_createReactData() {
     const computeRadioOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({
         showIcon: true
-      }, getConfig().tree.radioConfig, props.radioConfig);
+      }, tree_getConfig().tree.radioConfig, props.radioConfig);
     });
     const computeCheckboxOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({
         showIcon: true
-      }, getConfig().tree.checkboxConfig, props.checkboxConfig);
+      }, tree_getConfig().tree.checkboxConfig, props.checkboxConfig);
     });
     const computeNodeOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.nodeConfig, props.nodeConfig);
+      return Object.assign({}, tree_getConfig().tree.nodeConfig, props.nodeConfig);
     });
     const computeLoadingOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.loadingConfig, props.loadingConfig);
+      return Object.assign({}, tree_getConfig().tree.loadingConfig, props.loadingConfig);
     });
     const computeDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.dragConfig, props.dragConfig);
+      return Object.assign({}, tree_getConfig().tree.dragConfig, props.dragConfig);
     });
     const computeMenuOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.menuConfig, props.menuConfig);
+      return Object.assign({}, tree_getConfig().tree.menuConfig, props.menuConfig);
     });
     const computeTreeStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -42241,7 +42511,7 @@ function tree_createReactData() {
       return stys;
     });
     const computeFilterOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().tree.filterConfig, props.filterConfig);
+      return Object.assign({}, tree_getConfig().tree.filterConfig, props.filterConfig);
     });
     const computeMaps = {
       computeKeyField,
@@ -43017,9 +43287,21 @@ function tree_createReactData() {
               options,
               events: {
                 optionClick(eventParams) {
-                  dispatchEvent('menu-click', Object.assign({
-                    node
-                  }, eventParams), eventParams.$event);
+                  const {
+                    option
+                  } = eventParams;
+                  const gMenuOpts = tree_menus.get(option.code);
+                  const tmMethod = gMenuOpts ? gMenuOpts.treeMenuMethod : null;
+                  const params = {
+                    menu: option,
+                    node,
+                    $event: evnt,
+                    $tree: $xeTree
+                  };
+                  if (tmMethod) {
+                    tmMethod(params, evnt);
+                  }
+                  dispatchEvent('menu-click', params, eventParams.$event);
                 }
               }
             });
@@ -43949,7 +44231,7 @@ function tree_createReactData() {
         };
         tipContent = `${rTooltipMethod(rtParams) || ''}`;
       } else {
-        tipContent = getI18n('vxe.tree.dragTip', [itemEl.textContent || '']);
+        tipContent = tree_getI18n('vxe.tree.dragTip', [itemEl.textContent || '']);
       }
       reactData.dragTipText = tipContent;
     };
@@ -44151,7 +44433,7 @@ function tree_createReactData() {
                     if (index_esm_VxeUI.modal) {
                       index_esm_VxeUI.modal.message({
                         status: 'error',
-                        content: getI18n('vxe.error.treeDragChild')
+                        content: tree_getI18n('vxe.error.treeDragChild')
                       });
                     }
                     clearNodeDragData();
@@ -44180,7 +44462,7 @@ function tree_createReactData() {
                   if (index_esm_VxeUI.modal) {
                     index_esm_VxeUI.modal.message({
                       status: 'error',
-                      content: getI18n('vxe.error.treeDragChild')
+                      content: tree_getI18n('vxe.error.treeDragChild')
                     });
                   }
                   clearNodeDragData();
@@ -44504,7 +44786,7 @@ function tree_createReactData() {
             }],
             ...ons
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-            class: icon || getIcon().TREE_DRAG
+            class: icon || tree_getIcon().TREE_DRAG
           })]);
         }
       }
@@ -44543,7 +44825,7 @@ function tree_createReactData() {
             }
           }
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : getIcon().RADIO_UNCHECKED]
+          class: ['vxe-radio--icon', isChecked ? tree_getIcon().RADIO_CHECKED : tree_getIcon().RADIO_UNCHECKED]
         })]);
       }
       return renderEmptyElement($xeTree);
@@ -44583,7 +44865,7 @@ function tree_createReactData() {
             }
           }
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED]
+          class: ['vxe-checkbox--icon', isIndeterminate ? tree_getIcon().CHECKBOX_INDETERMINATE : isChecked ? tree_getIcon().CHECKBOX_CHECKED : tree_getIcon().CHECKBOX_UNCHECKED]
         })]);
       }
       return renderEmptyElement($xeTree);
@@ -44696,7 +44978,7 @@ function tree_createReactData() {
           toggleExpandEvent(evnt, node);
         }
       }, iconSlot ? vn_getSlotVNs(iconSlot(nParams)) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-        class: isLazyLoading ? iconLoaded || getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || getIcon().TREE_NODE_OPEN : iconClose || getIcon().TREE_NODE_CLOSE
+        class: isLazyLoading ? iconLoaded || tree_getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || tree_getIcon().TREE_NODE_OPEN : iconClose || tree_getIcon().TREE_NODE_CLOSE
       })])] : []), renderDragIcon(node, nodeid), renderRadio(node, nodeid, isRadioChecked), renderCheckbox(node, nodeid, isCheckboxChecked), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-tree--node-item-inner'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -44716,7 +44998,7 @@ function tree_createReactData() {
       if (!treeList.length) {
         return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-tree--empty-placeholder'
-        }, getI18n('vxe.tree.searchEmpty'))];
+        }, tree_getI18n('vxe.tree.searchEmpty'))];
       }
       const nodeVNs = [];
       treeList.forEach(transform ? node => {
@@ -44759,11 +45041,11 @@ function tree_createReactData() {
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-tree--drag-sort-tip-status'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-tree--drag-sort-tip-normal-status', getIcon().TREE_DRAG_STATUS_NODE]
+          class: ['vxe-tree--drag-sort-tip-normal-status', tree_getIcon().TREE_DRAG_STATUS_NODE]
         }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-tree--drag-sort-tip-sub-status', getIcon().TREE_DRAG_STATUS_SUB_NODE]
+          class: ['vxe-tree--drag-sort-tip-sub-status', tree_getIcon().TREE_DRAG_STATUS_SUB_NODE]
         }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-          class: ['vxe-tree--drag-sort-tip-disabled-status', getIcon().TREE_DRAG_DISABLED]
+          class: ['vxe-tree--drag-sort-tip-disabled-status', tree_getIcon().TREE_DRAG_DISABLED]
         })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           class: 'vxe-tree--drag-sort-tip-content'
         }, dragTipText)])]) : renderEmptyElement($xeTree)]);