@element-plus/nightly 0.0.20260407 → 0.0.20260408

package/lib/components/index.js

@@ -104,146 +104,146 @@ const require_index$30 = require('./color-picker-panel/index.js');
 const require_color_picker = require('./color-picker/src/color-picker.js');
 const require_index$31 = require('./color-picker/index.js');
 const require_index$32 = require('./container/index.js');
-const require_countdown = require('./countdown/src/countdown.js');
-const require_statistic = require('./statistic/src/statistic.js');
-const require_index$33 = require('./statistic/index.js');
-const require_index$34 = require('./countdown/index.js');
 const require_date_picker_panel = require('./date-picker-panel/src/props/date-picker-panel.js');
 const require_constants$14 = require('./date-picker-panel/src/constants.js');
-const require_index$35 = require('./date-picker-panel/index.js');
+const require_index$33 = require('./date-picker-panel/index.js');
 const require_props$1 = require('./date-picker/src/props.js');
-const require_index$36 = require('./date-picker/index.js');
+const require_index$34 = require('./date-picker/index.js');
 const require_description = require('./descriptions/src/description.js');
 const require_description_item = require('./descriptions/src/description-item.js');
-const require_index$37 = require('./descriptions/index.js');
+const require_index$35 = require('./descriptions/index.js');
 const require_dialog = require('./dialog/src/dialog.js');
 const require_overlay = require('./overlay/src/overlay.js');
-const require_index$38 = require('./overlay/index.js');
+const require_index$36 = require('./overlay/index.js');
 const require_constants$15 = require('./dialog/src/constants.js');
 const require_use_dialog = require('./dialog/src/use-dialog.js');
-const require_index$39 = require('./dialog/index.js');
+const require_index$37 = require('./dialog/index.js');
 const require_divider = require('./divider/src/divider.js');
-const require_index$40 = require('./divider/index.js');
+const require_index$38 = require('./divider/index.js');
 const require_drawer = require('./drawer/src/drawer.js');
-const require_index$41 = require('./drawer/index.js');
+const require_index$39 = require('./drawer/index.js');
 const require_dropdown = require('./dropdown/src/dropdown.js');
 const require_tokens = require('./dropdown/src/tokens.js');
-const require_index$42 = require('./dropdown/index.js');
+const require_index$40 = require('./dropdown/index.js');
 const require_empty = require('./empty/src/empty.js');
-const require_index$43 = require('./empty/index.js');
+const require_index$41 = require('./empty/index.js');
 const require_image = require('./image/src/image.js');
 const require_image_viewer = require('./image-viewer/src/image-viewer.js');
-const require_index$44 = require('./image-viewer/index.js');
-const require_index$45 = require('./image/index.js');
+const require_index$42 = require('./image-viewer/index.js');
+const require_index$43 = require('./image/index.js');
 const require_input_number = require('./input-number/src/input-number.js');
-const require_index$46 = require('./input-number/index.js');
+const require_index$44 = require('./input-number/index.js');
 const require_input_tag = require('./input-tag/src/input-tag.js');
-const require_index$47 = require('./input-tag/index.js');
+const require_index$45 = require('./input-tag/index.js');
 const require_link = require('./link/src/link.js');
-const require_index$48 = require('./link/index.js');
+const require_index$46 = require('./link/index.js');
 const require_tokens$1 = require('./menu/src/tokens.js');
 const require_sub_menu = require('./menu/src/sub-menu.js');
 const require_menu = require('./menu/src/menu.js');
 const require_menu_item = require('./menu/src/menu-item.js');
 const require_menu_item_group = require('./menu/src/menu-item-group.js');
-const require_index$49 = require('./menu/index.js');
+const require_index$47 = require('./menu/index.js');
 const require_page_header = require('./page-header/src/page-header.js');
-const require_index$50 = require('./page-header/index.js');
+const require_index$48 = require('./page-header/index.js');
 const require_constants$16 = require('./pagination/src/constants.js');
 const require_pagination = require('./pagination/src/pagination.js');
-const require_index$51 = require('./pagination/index.js');
+const require_index$49 = require('./pagination/index.js');
 const require_popconfirm = require('./popconfirm/src/popconfirm.js');
-const require_index$52 = require('./popconfirm/index.js');
+const require_index$50 = require('./popconfirm/index.js');
+const require_popover = require('./popover/src/popover.js');
+const require_index$51 = require('./popover/index.js');
 const require_progress = require('./progress/src/progress.js');
-const require_index$53 = require('./progress/index.js');
+const require_index$52 = require('./progress/index.js');
 const require_rate = require('./rate/src/rate.js');
-const require_index$54 = require('./rate/index.js');
+const require_index$53 = require('./rate/index.js');
 const require_result = require('./result/src/result.js');
-const require_index$55 = require('./result/index.js');
+const require_index$54 = require('./result/index.js');
 const require_props$2 = require('./virtual-list/src/props.js');
 const require_fixed_size_list = require('./virtual-list/src/components/fixed-size-list.js');
 const require_dynamic_size_list = require('./virtual-list/src/components/dynamic-size-list.js');
 const require_fixed_size_grid = require('./virtual-list/src/components/fixed-size-grid.js');
 const require_dynamic_size_grid = require('./virtual-list/src/components/dynamic-size-grid.js');
 const require_token$1 = require('./select-v2/src/token.js');
-const require_index$56 = require('./select-v2/index.js');
+const require_index$55 = require('./select-v2/index.js');
 const require_skeleton = require('./skeleton/src/skeleton.js');
 const require_skeleton_item = require('./skeleton/src/skeleton-item.js');
-const require_index$57 = require('./skeleton/index.js');
+const require_index$56 = require('./skeleton/index.js');
 const require_constants$17 = require('./slider/src/constants.js');
 const require_slider = require('./slider/src/slider.js');
-const require_index$58 = require('./slider/index.js');
+const require_index$57 = require('./slider/index.js');
 const require_item = require('./space/src/item.js');
 const require_use_space = require('./space/src/use-space.js');
 const require_space = require('./space/src/space.js');
-const require_index$59 = require('./space/index.js');
+const require_index$58 = require('./space/index.js');
+const require_statistic = require('./statistic/src/statistic.js');
+const require_index$59 = require('./statistic/index.js');
+const require_countdown = require('./countdown/src/countdown.js');
+const require_index$60 = require('./countdown/index.js');
 const require_steps = require('./steps/src/steps.js');
 const require_tokens$2 = require('./steps/src/tokens.js');
 const require_item$1 = require('./steps/src/item.js');
-const require_index$60 = require('./steps/index.js');
+const require_index$61 = require('./steps/index.js');
 const require_switch = require('./switch/src/switch.js');
-const require_index$61 = require('./switch/index.js');
-const require_index$62 = require('./table/index.js');
+const require_index$62 = require('./switch/index.js');
+const require_index$63 = require('./table/index.js');
 const require_constants$18 = require('./table-v2/src/constants.js');
 const require_private = require('./table-v2/src/private.js');
 const require_row$1 = require('./table-v2/src/row.js');
 const require_table = require('./table-v2/src/table.js');
 const require_table_v2 = require('./table-v2/src/table-v2.js');
 const require_auto_resizer = require('./table-v2/src/auto-resizer.js');
-const require_index$63 = require('./table-v2/index.js');
+const require_index$64 = require('./table-v2/index.js');
 const require_constants$19 = require('./tabs/src/constants.js');
 const require_tab_bar = require('./tabs/src/tab-bar.js');
 const require_tab_nav = require('./tabs/src/tab-nav.js');
 const require_tabs = require('./tabs/src/tabs.js');
 const require_tab_pane = require('./tabs/src/tab-pane.js');
-const require_index$64 = require('./tabs/index.js');
+const require_index$65 = require('./tabs/index.js');
 const require_text = require('./text/src/text.js');
-const require_index$65 = require('./text/index.js');
+const require_index$66 = require('./text/index.js');
 const require_time_select = require('./time-select/src/time-select.js');
-const require_index$66 = require('./time-select/index.js');
+const require_index$67 = require('./time-select/index.js');
 const require_tokens$3 = require('./timeline/src/tokens.js');
 const require_timeline = require('./timeline/src/timeline.js');
 const require_timeline_item = require('./timeline/src/timeline-item.js');
-const require_index$67 = require('./timeline/index.js');
+const require_index$68 = require('./timeline/index.js');
 const require_transfer = require('./transfer/src/transfer.js');
-const require_index$68 = require('./transfer/index.js');
+const require_index$69 = require('./transfer/index.js');
 const require_tokens$4 = require('./tree/src/tokens.js');
 const require_tree = require('./tree/src/tree.js');
-const require_index$69 = require('./tree/index.js');
-const require_index$70 = require('./tree-select/index.js');
-const require_index$71 = require('./tree-v2/index.js');
+const require_index$70 = require('./tree/index.js');
+const require_index$71 = require('./tree-select/index.js');
+const require_index$72 = require('./tree-v2/index.js');
 const require_upload = require('./upload/src/upload.js');
 const require_constants$20 = require('./upload/src/constants.js');
 const require_upload_list = require('./upload/src/upload-list.js');
 const require_upload_content = require('./upload/src/upload-content.js');
 const require_upload_dragger = require('./upload/src/upload-dragger.js');
-const require_index$72 = require('./upload/index.js');
+const require_index$73 = require('./upload/index.js');
 const require_watermark = require('./watermark/src/watermark.js');
-const require_index$73 = require('./watermark/index.js');
+const require_index$74 = require('./watermark/index.js');
 const require_content$3 = require('./tour/src/content.js');
 const require_tour = require('./tour/src/tour.js');
 const require_step = require('./tour/src/step.js');
-const require_index$74 = require('./tour/index.js');
+const require_index$75 = require('./tour/index.js');
 const require_anchor = require('./anchor/src/anchor.js');
-const require_index$75 = require('./anchor/index.js');
+const require_index$76 = require('./anchor/index.js');
 const require_segmented = require('./segmented/src/segmented.js');
-const require_index$76 = require('./segmented/index.js');
+const require_index$77 = require('./segmented/index.js');
 const require_mention = require('./mention/src/mention.js');
-const require_index$77 = require('./mention/index.js');
+const require_index$78 = require('./mention/index.js');
 const require_splitter = require('./splitter/src/splitter.js');
 const require_split_panel = require('./splitter/src/split-panel.js');
-const require_index$78 = require('./splitter/index.js');
-const require_index$79 = require('./infinite-scroll/index.js');
+const require_index$79 = require('./splitter/index.js');
+const require_index$80 = require('./infinite-scroll/index.js');
 const require_service = require('./loading/src/service.js');
 const require_directive = require('./loading/src/directive.js');
-const require_index$80 = require('./loading/index.js');
+const require_index$81 = require('./loading/index.js');
 const require_message = require('./message/src/message.js');
-const require_index$81 = require('./message/index.js');
-const require_index$82 = require('./message-box/index.js');
+const require_index$82 = require('./message/index.js');
+const require_index$83 = require('./message-box/index.js');
 const require_notification = require('./notification/src/notification.js');
-const require_index$83 = require('./notification/index.js');
-const require_popover = require('./popover/src/popover.js');
-const require_index$84 = require('./popover/index.js');
+const require_index$84 = require('./notification/index.js');
 
 exports.BAR_MAP = require_util.BAR_MAP;
 exports.CAROUSEL_ITEM_NAME = require_constants$9.CAROUSEL_ITEM_NAME;
@@ -263,10 +263,10 @@ exports.DynamicSizeList = require_dynamic_size_list.default;
 exports.Effect = require_popper.Effect;
 exports.ElAffix = require_index.ElAffix;
 exports.ElAlert = require_index$2.ElAlert;
-exports.ElAnchor = require_index$75.ElAnchor;
-exports.ElAnchorLink = require_index$75.ElAnchorLink;
+exports.ElAnchor = require_index$76.ElAnchor;
+exports.ElAnchorLink = require_index$76.ElAnchorLink;
 exports.ElAside = require_index$32.ElAside;
-exports.ElAutoResizer = require_index$63.ElAutoResizer;
+exports.ElAutoResizer = require_index$64.ElAutoResizer;
 exports.ElAutocomplete = require_index$8.ElAutocomplete;
 exports.ElAvatar = require_index$9.ElAvatar;
 exports.ElAvatarGroup = require_index$9.ElAvatarGroup;
@@ -294,96 +294,96 @@ exports.ElColorPicker = require_index$31.ElColorPicker;
 exports.ElColorPickerPanel = require_index$30.ElColorPickerPanel;
 exports.ElConfigProvider = require_index$13.ElConfigProvider;
 exports.ElContainer = require_index$32.ElContainer;
-exports.ElCountdown = require_index$34.ElCountdown;
-exports.ElDatePicker = require_index$36.ElDatePicker;
-exports.ElDatePickerPanel = require_index$35.ElDatePickerPanel;
-exports.ElDescriptions = require_index$37.ElDescriptions;
-exports.ElDescriptionsItem = require_index$37.ElDescriptionsItem;
-exports.ElDialog = require_index$39.ElDialog;
-exports.ElDivider = require_index$40.ElDivider;
-exports.ElDrawer = require_index$41.ElDrawer;
-exports.ElDropdown = require_index$42.ElDropdown;
-exports.ElDropdownItem = require_index$42.ElDropdownItem;
-exports.ElDropdownMenu = require_index$42.ElDropdownMenu;
-exports.ElEmpty = require_index$43.ElEmpty;
+exports.ElCountdown = require_index$60.ElCountdown;
+exports.ElDatePicker = require_index$34.ElDatePicker;
+exports.ElDatePickerPanel = require_index$33.ElDatePickerPanel;
+exports.ElDescriptions = require_index$35.ElDescriptions;
+exports.ElDescriptionsItem = require_index$35.ElDescriptionsItem;
+exports.ElDialog = require_index$37.ElDialog;
+exports.ElDivider = require_index$38.ElDivider;
+exports.ElDrawer = require_index$39.ElDrawer;
+exports.ElDropdown = require_index$40.ElDropdown;
+exports.ElDropdownItem = require_index$40.ElDropdownItem;
+exports.ElDropdownMenu = require_index$40.ElDropdownMenu;
+exports.ElEmpty = require_index$41.ElEmpty;
 exports.ElFooter = require_index$32.ElFooter;
 exports.ElForm = require_index$3.ElForm;
 exports.ElFormItem = require_index$3.ElFormItem;
 exports.ElHeader = require_index$32.ElHeader;
 exports.ElIcon = require_index$1.ElIcon;
-exports.ElImage = require_index$45.ElImage;
-exports.ElImageViewer = require_index$44.ElImageViewer;
-exports.ElInfiniteScroll = require_index$79.ElInfiniteScroll;
+exports.ElImage = require_index$43.ElImage;
+exports.ElImageViewer = require_index$42.ElImageViewer;
+exports.ElInfiniteScroll = require_index$80.ElInfiniteScroll;
 exports.ElInput = require_index$6.ElInput;
-exports.ElInputNumber = require_index$46.ElInputNumber;
-exports.ElInputTag = require_index$47.ElInputTag;
-exports.ElLink = require_index$48.ElLink;
-exports.ElLoading = require_index$80.ElLoading;
+exports.ElInputNumber = require_index$44.ElInputNumber;
+exports.ElInputTag = require_index$45.ElInputTag;
+exports.ElLink = require_index$46.ElLink;
+exports.ElLoading = require_index$81.ElLoading;
 exports.ElLoadingDirective = require_directive.default;
 exports.vLoading = require_directive.default;
 exports.ElLoadingService = require_service.default;
 exports.ElMain = require_index$32.ElMain;
-exports.ElMention = require_index$77.ElMention;
-exports.ElMenu = require_index$49.ElMenu;
-exports.ElMenuItem = require_index$49.ElMenuItem;
-exports.ElMenuItemGroup = require_index$49.ElMenuItemGroup;
-exports.ElMessage = require_index$81.ElMessage;
-exports.ElMessageBox = require_index$82.ElMessageBox;
-exports.ElNotification = require_index$83.ElNotification;
+exports.ElMention = require_index$78.ElMention;
+exports.ElMenu = require_index$47.ElMenu;
+exports.ElMenuItem = require_index$47.ElMenuItem;
+exports.ElMenuItemGroup = require_index$47.ElMenuItemGroup;
+exports.ElMessage = require_index$82.ElMessage;
+exports.ElMessageBox = require_index$83.ElMessageBox;
+exports.ElNotification = require_index$84.ElNotification;
 exports.ElOption = require_index$17.ElOption;
 exports.ElOptionGroup = require_index$17.ElOptionGroup;
-exports.ElOverlay = require_index$38.ElOverlay;
-exports.ElPageHeader = require_index$50.ElPageHeader;
-exports.ElPagination = require_index$51.ElPagination;
-exports.ElPopconfirm = require_index$52.ElPopconfirm;
-exports.ElPopover = require_index$84.ElPopover;
-exports.ElPopoverDirective = require_index$84.ElPopoverDirective;
+exports.ElOverlay = require_index$36.ElOverlay;
+exports.ElPageHeader = require_index$48.ElPageHeader;
+exports.ElPagination = require_index$49.ElPagination;
+exports.ElPopconfirm = require_index$50.ElPopconfirm;
+exports.ElPopover = require_index$51.ElPopover;
+exports.ElPopoverDirective = require_index$51.ElPopoverDirective;
 exports.ElPopper = require_index$4.ElPopper;
 exports.ElPopperArrow = require_arrow.default;
 exports.ElPopperContent = require_content$1.default;
 exports.ElPopperTrigger = require_trigger$1.default;
-exports.ElProgress = require_index$53.ElProgress;
+exports.ElProgress = require_index$52.ElProgress;
 exports.ElRadio = require_index$22.ElRadio;
 exports.ElRadioButton = require_index$22.ElRadioButton;
 exports.ElRadioGroup = require_index$22.ElRadioGroup;
-exports.ElRate = require_index$54.ElRate;
-exports.ElResult = require_index$55.ElResult;
+exports.ElRate = require_index$53.ElRate;
+exports.ElResult = require_index$54.ElResult;
 exports.ElRow = require_index$26.ElRow;
 exports.ElScrollbar = require_index$7.ElScrollbar;
-exports.ElSegmented = require_index$76.ElSegmented;
+exports.ElSegmented = require_index$77.ElSegmented;
 exports.ElSelect = require_index$17.ElSelect;
-exports.ElSelectV2 = require_index$56.ElSelectV2;
-exports.ElSkeleton = require_index$57.ElSkeleton;
-exports.ElSkeletonItem = require_index$57.ElSkeletonItem;
-exports.ElSlider = require_index$58.ElSlider;
-exports.ElSpace = require_index$59.ElSpace;
-exports.ElSplitter = require_index$78.ElSplitter;
-exports.ElSplitterPanel = require_index$78.ElSplitterPanel;
-exports.ElStatistic = require_index$33.ElStatistic;
-exports.ElStep = require_index$60.ElStep;
-exports.ElSteps = require_index$60.ElSteps;
-exports.ElSubMenu = require_index$49.ElSubMenu;
-exports.ElSwitch = require_index$61.ElSwitch;
-exports.ElTabPane = require_index$64.ElTabPane;
-exports.ElTable = require_index$62.ElTable;
-exports.ElTableColumn = require_index$62.ElTableColumn;
-exports.ElTableV2 = require_index$63.ElTableV2;
-exports.ElTabs = require_index$64.ElTabs;
+exports.ElSelectV2 = require_index$55.ElSelectV2;
+exports.ElSkeleton = require_index$56.ElSkeleton;
+exports.ElSkeletonItem = require_index$56.ElSkeletonItem;
+exports.ElSlider = require_index$57.ElSlider;
+exports.ElSpace = require_index$58.ElSpace;
+exports.ElSplitter = require_index$79.ElSplitter;
+exports.ElSplitterPanel = require_index$79.ElSplitterPanel;
+exports.ElStatistic = require_index$59.ElStatistic;
+exports.ElStep = require_index$61.ElStep;
+exports.ElSteps = require_index$61.ElSteps;
+exports.ElSubMenu = require_index$47.ElSubMenu;
+exports.ElSwitch = require_index$62.ElSwitch;
+exports.ElTabPane = require_index$65.ElTabPane;
+exports.ElTable = require_index$63.ElTable;
+exports.ElTableColumn = require_index$63.ElTableColumn;
+exports.ElTableV2 = require_index$64.ElTableV2;
+exports.ElTabs = require_index$65.ElTabs;
 exports.ElTag = require_index$16.ElTag;
-exports.ElText = require_index$65.ElText;
+exports.ElText = require_index$66.ElText;
 exports.ElTimePicker = require_index$15.ElTimePicker;
-exports.ElTimeSelect = require_index$66.ElTimeSelect;
-exports.ElTimeline = require_index$67.ElTimeline;
-exports.ElTimelineItem = require_index$67.ElTimelineItem;
+exports.ElTimeSelect = require_index$67.ElTimeSelect;
+exports.ElTimeline = require_index$68.ElTimeline;
+exports.ElTimelineItem = require_index$68.ElTimelineItem;
 exports.ElTooltip = require_index$5.ElTooltip;
-exports.ElTour = require_index$74.ElTour;
-exports.ElTourStep = require_index$74.ElTourStep;
-exports.ElTransfer = require_index$68.ElTransfer;
-exports.ElTree = require_index$69.ElTree;
-exports.ElTreeSelect = require_index$70.ElTreeSelect;
-exports.ElTreeV2 = require_index$71.ElTreeV2;
-exports.ElUpload = require_index$72.ElUpload;
-exports.ElWatermark = require_index$73.ElWatermark;
+exports.ElTour = require_index$75.ElTour;
+exports.ElTourStep = require_index$75.ElTourStep;
+exports.ElTransfer = require_index$69.ElTransfer;
+exports.ElTree = require_index$70.ElTree;
+exports.ElTreeSelect = require_index$71.ElTreeSelect;
+exports.ElTreeV2 = require_index$72.ElTreeV2;
+exports.ElUpload = require_index$73.ElUpload;
+exports.ElWatermark = require_index$74.ElWatermark;
 exports.FIRST_KEYS = require_dropdown.FIRST_KEYS;
 exports.FIRST_LAST_KEYS = require_dropdown.FIRST_LAST_KEYS;
 exports.FixedSizeGrid = require_fixed_size_grid.default;

package/lib/components/menu/src/utils/menu-item.js

@@ -1,6 +1,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-const require_aria = require('../../../../utils/dom/aria.js');
-const require_aria$1 = require('../../../../constants/aria.js');
+const require_aria = require('../../../../constants/aria.js');
+const require_aria$1 = require('../../../../utils/dom/aria.js');
 const require_event = require('../../../../utils/dom/event.js');
 const require_submenu = require('./submenu.js');
 
@@ -23,22 +23,22 @@ var MenuItem = class {
 			const code = require_event.getEventCode(event);
 			let prevDef = false;
 			switch (code) {
-				case require_aria$1.EVENT_CODE.down:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.down:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu && this.submenu.gotoSubIndex(0);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.up:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.up:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.tab:
-					require_aria.triggerEvent(event.currentTarget, "mouseleave");
+				case require_aria.EVENT_CODE.tab:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseleave");
 					break;
-				case require_aria$1.EVENT_CODE.enter:
-				case require_aria$1.EVENT_CODE.numpadEnter:
-				case require_aria$1.EVENT_CODE.space:
+				case require_aria.EVENT_CODE.enter:
+				case require_aria.EVENT_CODE.numpadEnter:
+				case require_aria.EVENT_CODE.space:
 					prevDef = true;
 					event.currentTarget.click();
 					break;

package/lib/components/menu/src/utils/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["// @ts-nocheck\nimport { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu && this.submenu.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu &&\n            this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;AAKA,IAAM,WAAN,MAAe;CAEb,YACE,AAAO,SACP,WACA;EAFO;iBAFiB;AAKxB,OAAK,UAAU;AACf,OAAK,KAAK,UAAU;;CAGtB,KAAK,WAAyB;AAC5B,OAAK,QAAQ,aAAa,YAAY,IAAI;EAC1C,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,OAAO;AAClE,MAAI,UACF,MAAK,UAAU,IAAIA,wBAAQ,MAAM,UAAU;AAE7C,OAAK,cAAc;;CAGrB,eAAqB;AACnB,OAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,2BAAa,MAAM;GAChC,IAAI,UAAU;AAEd,WAAQ,MAAR;IACE,KAAKC,0BAAW;AACd,+BAAa,MAAM,eAA8B,aAAa;AAC9D,UAAK,WAAW,KAAK,QAAQ,aAAa,EAAE;AAC5C,eAAU;AACV;IAEF,KAAKA,0BAAW;AACd,+BAAa,MAAM,eAA8B,aAAa;AAC9D,UAAK,WACH,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,SAAS,EAAE;AACjE,eAAU;AACV;IAEF,KAAKA,0BAAW;AACd,+BAAa,MAAM,eAA8B,aAAa;AAC9D;IAEF,KAAKA,0BAAW;IAChB,KAAKA,0BAAW;IAChB,KAAKA,0BAAW;AACd,eAAU;AACT,KAAC,MAAM,cAA8B,OAAO;AAC7C;;AAGJ,OAAI,QACF,OAAM,gBAAgB;IAExB"}
+{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["// @ts-nocheck\nimport { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu && this.submenu.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu &&\n            this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;AAKA,IAAM,WAAN,MAAe;CAEb,YACE,AAAO,SACP,WACA;EAFO;iBAFiB;AAKxB,OAAK,UAAU;AACf,OAAK,KAAK,UAAU;;CAGtB,KAAK,WAAyB;AAC5B,OAAK,QAAQ,aAAa,YAAY,IAAI;EAC1C,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,OAAO;AAClE,MAAI,UACF,MAAK,UAAU,IAAIA,wBAAQ,MAAM,UAAU;AAE7C,OAAK,cAAc;;CAGrB,eAAqB;AACnB,OAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,2BAAa,MAAM;GAChC,IAAI,UAAU;AAEd,WAAQ,MAAR;IACE,KAAKC,wBAAW;AACd,iCAAa,MAAM,eAA8B,aAAa;AAC9D,UAAK,WAAW,KAAK,QAAQ,aAAa,EAAE;AAC5C,eAAU;AACV;IAEF,KAAKA,wBAAW;AACd,iCAAa,MAAM,eAA8B,aAAa;AAC9D,UAAK,WACH,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,SAAS,EAAE;AACjE,eAAU;AACV;IAEF,KAAKA,wBAAW;AACd,iCAAa,MAAM,eAA8B,aAAa;AAC9D;IAEF,KAAKA,wBAAW;IAChB,KAAKA,wBAAW;IAChB,KAAKA,wBAAW;AACd,eAAU;AACT,KAAC,MAAM,cAA8B,OAAO;AAC7C;;AAGJ,OAAI,QACF,OAAM,gBAAgB;IAExB"}

package/lib/components/menu/src/utils/submenu.js

@@ -1,6 +1,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-const require_aria = require('../../../../utils/dom/aria.js');
-const require_aria$1 = require('../../../../constants/aria.js');
+const require_aria = require('../../../../constants/aria.js');
+const require_aria$1 = require('../../../../utils/dom/aria.js');
 const require_event = require('../../../../utils/dom/event.js');
 
 //#region ../../packages/components/menu/src/utils/submenu.ts
@@ -29,20 +29,20 @@ var SubMenu = class {
 				const code = require_event.getEventCode(event);
 				let prevDef = false;
 				switch (code) {
-					case require_aria$1.EVENT_CODE.down:
+					case require_aria.EVENT_CODE.down:
 						this.gotoSubIndex(this.subIndex + 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.up:
+					case require_aria.EVENT_CODE.up:
 						this.gotoSubIndex(this.subIndex - 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.tab:
-						require_aria.triggerEvent(parentNode, "mouseleave");
+					case require_aria.EVENT_CODE.tab:
+						require_aria$1.triggerEvent(parentNode, "mouseleave");
 						break;
-					case require_aria$1.EVENT_CODE.enter:
-					case require_aria$1.EVENT_CODE.numpadEnter:
-					case require_aria$1.EVENT_CODE.space:
+					case require_aria.EVENT_CODE.enter:
+					case require_aria.EVENT_CODE.numpadEnter:
+					case require_aria.EVENT_CODE.space:
 						prevDef = true;
 						event.currentTarget.click();
 						break;

package/lib/components/menu/src/utils/submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["// @ts-nocheck\nimport { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeList\n  public subIndex = 0\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.init()\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    ;(this.subMenuItems[idx] as HTMLElement).focus()\n    this.subIndex = idx\n  }\n\n  addListeners(): void {\n    const parentNode = this.parent.domNode\n    Array.prototype.forEach.call(this.subMenuItems, (el: Element) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode as HTMLElement, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;AAMA,IAAM,UAAN,MAAc;CAGZ,YACE,AAAO,QACP,AAAO,SACP;EAFO;EACA;kBAHS;AAKhB,OAAK,WAAW;AAChB,OAAK,MAAM;;CAGb,OAAa;AACX,OAAK,eAAe,KAAK,QAAQ,iBAAiB,KAAK;AACvD,OAAK,cAAc;;CAGrB,aAAa,KAAmB;AAC9B,MAAI,QAAQ,KAAK,aAAa,OAC5B,OAAM;WACG,MAAM,EACf,OAAM,KAAK,aAAa,SAAS;AAElC,EAAC,KAAK,aAAa,KAAqB,OAAO;AAChD,OAAK,WAAW;;CAGlB,eAAqB;EACnB,MAAM,aAAa,KAAK,OAAO;AAC/B,QAAM,UAAU,QAAQ,KAAK,KAAK,eAAe,OAAgB;AAC/D,MAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,2BAAa,MAAM;IAChC,IAAI,UAAU;AAEd,YAAQ,MAAR;KACE,KAAKC,0BAAW;AACd,WAAK,aAAa,KAAK,WAAW,EAAE;AACpC,gBAAU;AACV;KAEF,KAAKA,0BAAW;AACd,WAAK,aAAa,KAAK,WAAW,EAAE;AACpC,gBAAU;AACV;KAEF,KAAKA,0BAAW;AACd,gCAAa,YAA2B,aAAa;AACrD;KAEF,KAAKA,0BAAW;KAChB,KAAKA,0BAAW;KAChB,KAAKA,0BAAW;AACd,gBAAU;AACT,MAAC,MAAM,cAA8B,OAAO;AAC7C;;AAGJ,QAAI,SAAS;AACX,WAAM,gBAAgB;AACtB,WAAM,iBAAiB;;AAEzB,WAAO;KACP;IACF"}
+{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["// @ts-nocheck\nimport { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeList\n  public subIndex = 0\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.init()\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    ;(this.subMenuItems[idx] as HTMLElement).focus()\n    this.subIndex = idx\n  }\n\n  addListeners(): void {\n    const parentNode = this.parent.domNode\n    Array.prototype.forEach.call(this.subMenuItems, (el: Element) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode as HTMLElement, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;AAMA,IAAM,UAAN,MAAc;CAGZ,YACE,AAAO,QACP,AAAO,SACP;EAFO;EACA;kBAHS;AAKhB,OAAK,WAAW;AAChB,OAAK,MAAM;;CAGb,OAAa;AACX,OAAK,eAAe,KAAK,QAAQ,iBAAiB,KAAK;AACvD,OAAK,cAAc;;CAGrB,aAAa,KAAmB;AAC9B,MAAI,QAAQ,KAAK,aAAa,OAC5B,OAAM;WACG,MAAM,EACf,OAAM,KAAK,aAAa,SAAS;AAElC,EAAC,KAAK,aAAa,KAAqB,OAAO;AAChD,OAAK,WAAW;;CAGlB,eAAqB;EACnB,MAAM,aAAa,KAAK,OAAO;AAC/B,QAAM,UAAU,QAAQ,KAAK,KAAK,eAAe,OAAgB;AAC/D,MAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,2BAAa,MAAM;IAChC,IAAI,UAAU;AAEd,YAAQ,MAAR;KACE,KAAKC,wBAAW;AACd,WAAK,aAAa,KAAK,WAAW,EAAE;AACpC,gBAAU;AACV;KAEF,KAAKA,wBAAW;AACd,WAAK,aAAa,KAAK,WAAW,EAAE;AACpC,gBAAU;AACV;KAEF,KAAKA,wBAAW;AACd,kCAAa,YAA2B,aAAa;AACrD;KAEF,KAAKA,wBAAW;KAChB,KAAKA,wBAAW;KAChB,KAAKA,wBAAW;AACd,gBAAU;AACT,MAAC,MAAM,cAA8B,OAAO;AAC7C;;AAGJ,QAAI,SAAS;AACX,WAAM,gBAAgB;AACtB,WAAM,iBAAiB;;AAEzB,WAAO;KACP;IACF"}

package/lib/components/message/src/message.d.ts

@@ -134,7 +134,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

package/lib/components/message/src/message.vue_vue_type_script_setup_true_lang.js

@@ -38,7 +38,7 @@ var message_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 		const placement = (0, vue.computed)(() => props.placement || require_message.MESSAGE_DEFAULT_PLACEMENT);
 		const lastOffset = (0, vue.computed)(() => require_instance.getLastOffset(props.id, placement.value));
 		const offset = (0, vue.computed)(() => {
-			return require_instance.getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value;
+			return Math.max(require_instance.getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value, props.offset);
 		});
 		const bottom = (0, vue.computed)(() => height.value + offset.value);
 		const horizontalClass = (0, vue.computed)(() => {

package/lib/components/message/src/message.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-enter=\"isStartTransition = true\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type },\n        ns.is('closable', showClose),\n        ns.is('plain', plain),\n        ns.is('bottom', verticalProperty === 'bottom'),\n        horizontalClass,\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <Close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = withDefaults(\n  defineProps<MessageProps>(),\n  omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n  return (\n    getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value\n  )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n  if (placement.value.includes('left')) return ns.is('left')\n  if (placement.value.includes('right')) return ns.is('right')\n  return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n  placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  [verticalProperty.value]: `${offset.value}px`,\n  zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n\n  // if the message has never started a transition, we can destroy it immediately\n  nextTick(() => {\n    if (!isStartTransition.value) {\n      props.onClose?.()\n      emit('destroy')\n    }\n  })\n}\n\nfunction keydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n  visible,\n  bottom,\n  close,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-enter=\"isStartTransition = true\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type },\n        ns.is('closable', showClose),\n        ns.is('plain', plain),\n        ns.is('bottom', verticalProperty === 'bottom'),\n        horizontalClass,\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <Close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = withDefaults(\n  defineProps<MessageProps>(),\n  omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n  return Math.max(\n    getOffsetOrSpace(props.id, props.offset, placement.value) +\n      lastOffset.value,\n    props.offset\n  )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n  if (placement.value.includes('left')) return ns.is('left')\n  if (placement.value.includes('right')) return ns.is('right')\n  return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n  placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  [verticalProperty.value]: `${offset.value}px`,\n  zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n\n  // if the message has never started a transition, we can destroy it immediately\n  nextTick(() => {\n    if (!isStartTransition.value) {\n      props.onClose?.()\n      emit('destroy')\n    }\n  })\n}\n\nfunction keydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n  visible,\n  bottom,\n  close,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/message/src/message2.js.map

@@ -1 +1 @@
-{"version":3,"file":"message2.js","names":[],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-enter=\"isStartTransition = true\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type },\n        ns.is('closable', showClose),\n        ns.is('plain', plain),\n        ns.is('bottom', verticalProperty === 'bottom'),\n        horizontalClass,\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <Close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = withDefaults(\n  defineProps<MessageProps>(),\n  omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n  return (\n    getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value\n  )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n  if (placement.value.includes('left')) return ns.is('left')\n  if (placement.value.includes('right')) return ns.is('right')\n  return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n  placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  [verticalProperty.value]: `${offset.value}px`,\n  zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n\n  // if the message has never started a transition, we can destroy it immediately\n  nextTick(() => {\n    if (!isStartTransition.value) {\n      props.onClose?.()\n      emit('destroy')\n    }\n  })\n}\n\nfunction keydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n  visible,\n  bottom,\n  close,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"message2.js","names":[],"sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-enter=\"isStartTransition = true\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type },\n        ns.is('closable', showClose),\n        ns.is('plain', plain),\n        ns.is('bottom', verticalProperty === 'bottom'),\n        horizontalClass,\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <Close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messageEmits,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\nimport { omit } from 'lodash-unified'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\nimport type { MessageProps } from './message'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = withDefaults(\n  defineProps<MessageProps>(),\n  omit(messageDefaults, 'appendTo')\n)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n  return Math.max(\n    getOffsetOrSpace(props.id, props.offset, placement.value) +\n      lastOffset.value,\n    props.offset\n  )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n  if (placement.value.includes('left')) return ns.is('left')\n  if (placement.value.includes('right')) return ns.is('right')\n  return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n  placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  [verticalProperty.value]: `${offset.value}px`,\n  zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n\n  // if the message has never started a transition, we can destroy it immediately\n  nextTick(() => {\n    if (!isStartTransition.value) {\n      props.onClose?.()\n      emit('destroy')\n    }\n  })\n}\n\nfunction keydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n  visible,\n  bottom,\n  close,\n})\n</script>\n"],"mappings":""}

package/lib/components/notification/src/notification.d.ts

@@ -110,7 +110,7 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;

package/lib/components/select/src/option.vue.d.ts

@@ -54,6 +54,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     hover: boolean;
   };
   hoverItem: () => void;
+  handleMousedown: (event: MouseEvent) => void;
   updateOption: (query: string) => void;
   selectOptionClick: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{