@element-plus/nightly 0.0.20260415 → 0.0.20260417

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260415 */
+/*! Element Plus v0.0.20260417 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -10770,7 +10770,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260415";
+	const version$1 = "0.0.20260417";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -21749,6 +21749,9 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		const popupScroll = (data) => {
 			emit("popup-scroll", data);
 		};
+		const endReached = (direction) => {
+			emit("end-reached", direction);
+		};
 		useResizeObserver(selectionRef, resetSelectionWidth);
 		useResizeObserver(wrapperRef, updateTooltip);
 		useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -21823,6 +21826,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			collapseTagList,
 			popupScroll,
 			getOption,
+			endReached,
 			tagStyle,
 			collapseTagStyle,
 			popperRef,
@@ -22013,6 +22017,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		[UPDATE_MODEL_EVENT]: (val) => true,
 		[CHANGE_EVENT]: (val) => true,
 		"popup-scroll": scrollbarEmits.scroll,
+		"end-reached": scrollbarEmits["end-reached"],
 		"remove-tag": (val) => true,
 		"visible-change": (visible) => true,
 		focus: (evt) => evt instanceof FocusEvent,
@@ -22128,7 +22133,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			"visible-change",
 			"focus",
 			"blur",
-			"popup-scroll"
+			"popup-scroll",
+			"end-reached"
 		],
 		setup(props, { emit, slots }) {
 			const instance = (0, vue.getCurrentInstance)();
@@ -22522,7 +22528,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						role: "listbox",
 						"aria-label": _ctx.ariaLabel,
 						"aria-orientation": "vertical",
-						onScroll: _ctx.popupScroll
+						onScroll: _ctx.popupScroll,
+						onEndReached: _ctx.endReached
 					}, {
 						default: (0, vue.withCtx)(() => [_ctx.showNewOption ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_el_option, {
 							key: 0,
@@ -22553,7 +22560,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						"view-class",
 						"class",
 						"aria-label",
-						"onScroll"
+						"onScroll",
+						"onEndReached"
 					]), [[vue.vShow, _ctx.states.options.size > 0 && !_ctx.loading]]),
 					_ctx.$slots.loading && _ctx.loading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,
@@ -36033,10 +36041,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			this.parent = parent;
 			this.domNode = domNode;
 			this.subIndex = 0;
-			this.subIndex = 0;
-			this.init();
-		}
-		init() {
 			this.subMenuItems = this.domNode.querySelectorAll("li");
 			this.addListeners();
 		}
@@ -36048,7 +36052,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		}
 		addListeners() {
 			const parentNode = this.parent.domNode;
-			Array.prototype.forEach.call(this.subMenuItems, (el) => {
+			this.subMenuItems.forEach((el) => {
 				el.addEventListener("keydown", (event) => {
 					const code = getEventCode(event);
 					let prevDef = false;
@@ -36087,7 +36091,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		constructor(domNode, namespace) {
 			this.domNode = domNode;
 			this.submenu = null;
-			this.submenu = null;
 			this.init(namespace);
 		}
 		init(namespace) {
@@ -36103,12 +36106,12 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				switch (code) {
 					case EVENT_CODE.down:
 						triggerEvent(event.currentTarget, "mouseenter");
-						this.submenu && this.submenu.gotoSubIndex(0);
+						this.submenu?.gotoSubIndex(0);
 						prevDef = true;
 						break;
 					case EVENT_CODE.up:
 						triggerEvent(event.currentTarget, "mouseenter");
-						this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
+						this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1);
 						prevDef = true;
 						break;
 					case EVENT_CODE.tab:
@@ -36768,8 +36771,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	*/
 	const menuItemProps = buildProps({
 		index: {
-			type: definePropType([String, null]),
-			default: null
+			type: String,
+			required: true
 		},
 		route: { type: definePropType([String, Object]) },
 		disabled: Boolean
@@ -36787,7 +36790,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
-			isPropAbsent(props.index) && /* @__PURE__ */ debugWarn(COMPONENT_NAME$7, "Missing required prop: \"index\"");
 			const instance = (0, vue.getCurrentInstance)();
 			const rootMenu = (0, vue.inject)(MENU_INJECTION_KEY);
 			const nsMenu = useNamespace("menu");
@@ -38855,6 +38857,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50;
 	const ITEM_RENDER_EVT = "itemRendered";
 	const SCROLL_EVT = "scroll";
+	const END_REACHED_EVT = "end-reached";
 	const FORWARD = "forward";
 	const BACKWARD = "backward";
 	const AUTO_ALIGNMENT = "auto";
@@ -39247,7 +39250,11 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		return (0, vue.defineComponent)({
 			name: name ?? "ElVirtualList",
 			props: virtualizedListProps,
-			emits: [ITEM_RENDER_EVT, SCROLL_EVT],
+			emits: [
+				ITEM_RENDER_EVT,
+				SCROLL_EVT,
+				END_REACHED_EVT
+			],
 			setup(props, { emit, expose }) {
 				validateProps(props);
 				const instance = (0, vue.getCurrentInstance)();
@@ -39259,7 +39266,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				const scrollbarRef = (0, vue.ref)();
 				const states = (0, vue.ref)({
 					isScrolling: false,
-					scrollDir: "forward",
+					scrollDir: FORWARD,
 					scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
 					updateRequested: false,
 					isScrollbarDragging: false
@@ -39312,13 +39319,23 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					};
 				});
 				const clientSize = (0, vue.computed)(() => _isHorizontal.value ? props.width : props.height);
+				const maxOffset = (0, vue.computed)(() => Math.max(0, estimatedTotalSize.value - clientSize.value));
+				const normalizeOffset = (offset) => clamp$2(offset, 0, maxOffset.value);
+				const EDGE_TOLERANCE = 1;
+				const getEdgeState = (normalizedOffset) => ({
+					start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),
+					end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE)
+				});
+				const normalizedScrollOffset = (0, vue.computed)(() => normalizeOffset(states.value.scrollOffset));
+				const currentEdgeState = (0, vue.computed)(() => getEdgeState(normalizedScrollOffset.value));
+				let edgeState = currentEdgeState.value;
 				const { onWheel } = useWheel({
-					atStartEdge: (0, vue.computed)(() => states.value.scrollOffset <= 0),
-					atEndEdge: (0, vue.computed)(() => states.value.scrollOffset >= estimatedTotalSize.value),
+					atStartEdge: (0, vue.computed)(() => currentEdgeState.value.start),
+					atEndEdge: (0, vue.computed)(() => currentEdgeState.value.end),
 					layout: (0, vue.computed)(() => props.layout)
 				}, (offset) => {
 					scrollbarRef.value.onMouseUp?.();
-					scrollTo(Math.min(states.value.scrollOffset + offset, estimatedTotalSize.value - clientSize.value));
+					scrollTo(Math.min(states.value.scrollOffset + offset, maxOffset.value));
 				});
 				useEventListener(windowRef, "wheel", onWheel, { passive: false });
 				const emitEvents = () => {
@@ -39330,24 +39347,40 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					const { scrollDir, scrollOffset, updateRequested } = (0, vue.unref)(states);
 					emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested);
 				};
+				const emitEndReached = (direction, offset) => {
+					const nextEdgeState = getEdgeState(offset);
+					const horizontalEnd = props.direction === RTL ? "left" : "right";
+					const horizontalStart = props.direction === RTL ? "right" : "left";
+					if (direction === FORWARD && nextEdgeState.end && !edgeState.end) emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : "bottom");
+					if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : "top");
+					edgeState = nextEdgeState;
+				};
+				const updateScrollOffset = (offset, { isScrolling, updateRequested }) => {
+					const currentState = (0, vue.unref)(states);
+					const nextOffset = Math.max(offset, 0);
+					if (nextOffset === currentState.scrollOffset) return;
+					const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset);
+					states.value = {
+						...currentState,
+						isScrolling,
+						scrollDir,
+						scrollOffset: nextOffset,
+						updateRequested
+					};
+					emitEndReached(scrollDir, normalizeOffset(nextOffset));
+					(0, vue.nextTick)(resetIsScrolling);
+				};
 				const scrollVertically = (e) => {
 					const { clientHeight, scrollHeight, scrollTop } = e.currentTarget;
-					const _states = (0, vue.unref)(states);
-					if (_states.scrollOffset === scrollTop) return;
-					const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
-					states.value = {
-						..._states,
+					if ((0, vue.unref)(states).scrollOffset === scrollTop) return;
+					updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {
 						isScrolling: true,
-						scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
-						scrollOffset,
 						updateRequested: false
-					};
-					(0, vue.nextTick)(resetIsScrolling);
+					});
 				};
 				const scrollHorizontally = (e) => {
 					const { clientWidth, scrollLeft, scrollWidth } = e.currentTarget;
-					const _states = (0, vue.unref)(states);
-					if (_states.scrollOffset === scrollLeft) return;
+					if ((0, vue.unref)(states).scrollOffset === scrollLeft) return;
 					const { direction } = props;
 					let scrollOffset = scrollLeft;
 					if (direction === RTL) switch (getRTLOffsetType()) {
@@ -39358,34 +39391,24 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							scrollOffset = scrollWidth - clientWidth - scrollLeft;
 							break;
 					}
-					scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
-					states.value = {
-						..._states,
+					updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {
 						isScrolling: true,
-						scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
-						scrollOffset,
 						updateRequested: false
-					};
-					(0, vue.nextTick)(resetIsScrolling);
+					});
 				};
 				const onScroll = (e) => {
 					(0, vue.unref)(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e);
 					emitEvents();
 				};
 				const onScrollbarScroll = (distanceToGo, totalSteps) => {
-					const offset = (estimatedTotalSize.value - clientSize.value) / totalSteps * distanceToGo;
-					scrollTo(Math.min(estimatedTotalSize.value - clientSize.value, offset));
+					const offset = maxOffset.value / totalSteps * distanceToGo;
+					scrollTo(Math.min(maxOffset.value, offset));
 				};
 				const scrollTo = (offset) => {
-					offset = Math.max(offset, 0);
-					if (offset === (0, vue.unref)(states).scrollOffset) return;
-					states.value = {
-						...(0, vue.unref)(states),
-						scrollOffset: offset,
-						scrollDir: getScrollDir((0, vue.unref)(states).scrollOffset, offset),
+					updateScrollOffset(offset, {
+						isScrolling: (0, vue.unref)(states).isScrolling,
 						updateRequested: true
-					};
-					(0, vue.nextTick)(resetIsScrolling);
+					});
 				};
 				const scrollToItem = (idx, alignment = AUTO_ALIGNMENT) => {
 					const { scrollOffset } = (0, vue.unref)(states);
@@ -39455,6 +39478,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				(0, vue.onActivated)(() => {
 					(0, vue.unref)(windowRef).scrollTop = (0, vue.unref)(states).scrollOffset;
 				});
+				(0, vue.watch)(maxOffset, () => {
+					edgeState = currentEdgeState.value;
+				});
 				const api = {
 					ns,
 					clientSize,
@@ -40592,6 +40618,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	const selectV2Emits = {
 		[UPDATE_MODEL_EVENT]: (val) => true,
 		[CHANGE_EVENT]: (val) => true,
+		"end-reached": scrollbarEmits["end-reached"],
 		"remove-tag": (val) => true,
 		"visible-change": (visible) => true,
 		focus: (evt) => evt instanceof FocusEvent,
@@ -40686,7 +40713,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	var select_dropdown_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElSelectDropdown",
 		props,
-		setup(props, { slots, expose }) {
+		emits: { "end-reached": scrollbarEmits["end-reached"] },
+		setup(props, { slots, expose, emit }) {
 			const select = (0, vue.inject)(selectV2InjectionKey);
 			const ns = useNamespace("select");
 			const { getLabel, getValue, getDisabled } = useProps(select.props);
@@ -40807,6 +40835,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						break;
 				}
 			};
+			const onEndReached = (direction) => {
+				emit("end-reached", direction);
+			};
 			return () => {
 				const { data, width } = props;
 				const { height, multiple, scrollbarAlwaysOn } = select.props;
@@ -40831,6 +40862,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							"aria-label": props.ariaLabel,
 							"aria-orientation": "vertical"
 						},
+						"onEndReached": onEndReached,
 						"onKeydown": onKeydown
 					}), { default: (props) => (0, vue.createVNode)(Item, props, null) }),
 					slots.footer?.()
@@ -41192,6 +41224,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const handleResize = () => {
 			calculatePopperSize();
 		};
+		const onEndReached = (direction) => {
+			emit("end-reached", direction);
+		};
 		const resetSelectionWidth = () => {
 			states.selectionWidth = Number.parseFloat(window.getComputedStyle(selectionRef.value).width);
 		};
@@ -41520,6 +41555,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			onInput,
 			onKeyboardNavigate,
 			onKeyboardSelect,
+			onEndReached,
 			onSelect,
 			onHover: onHoverOption,
 			handleCompositionStart,
@@ -41881,7 +41917,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				width: _ctx.popperSize - _ctx.BORDER_HORIZONTAL_WIDTH,
 				"hovering-index": _ctx.states.hoveringIndex,
 				"scrollbar-always-on": _ctx.scrollbarAlwaysOn,
-				"aria-label": _ctx.ariaLabel
+				"aria-label": _ctx.ariaLabel,
+				onEndReached: _ctx.onEndReached
 			}, (0, vue.createSlots)({
 				default: (0, vue.withCtx)((scope) => [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(scope)))]),
 				_: 2
@@ -41917,7 +41954,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				"width",
 				"hovering-index",
 				"scrollbar-always-on",
-				"aria-label"
+				"aria-label",
+				"onEndReached"
 			])]),
 			_: 3
 		}, 8, [