@element-plus/nightly 0.0.20250528 → 0.0.20250529

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250528 */
+/*! Element Plus v0.0.20250529 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11729,7 +11729,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250528";
+  const version$1 = "0.0.20250529";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14532,6 +14532,7 @@
       const visible = vue.ref(false);
       let cursorDown = false;
       let cursorLeave = false;
+      let baseScrollHeight = 0;
       let originalOnSelectStart = isClient ? document.onselectstart : null;
       const bar = vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
       const thumbStyle = vue.computed(() => renderThumbStyle$1({
@@ -14563,6 +14564,7 @@
       const startDrag = (e) => {
         e.stopImmediatePropagation();
         cursorDown = true;
+        baseScrollHeight = scrollbar.wrapElement.scrollHeight;
         document.addEventListener("mousemove", mouseMoveDocumentHandler);
         document.addEventListener("mouseup", mouseUpDocumentHandler);
         originalOnSelectStart = document.onselectstart;
@@ -14579,7 +14581,7 @@
         const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
         const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
         const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
+        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
       };
       const mouseUpDocumentHandler = () => {
         cursorDown = false;
@@ -14759,6 +14761,7 @@
     ...useAriaProps(["ariaLabel", "ariaOrientation"])
   });
   const scrollbarEmits = {
+    "end-reached": (direction) => ["left", "right", "top", "bottom"].includes(direction),
     scroll: ({
       scrollTop,
       scrollLeft
@@ -14780,6 +14783,7 @@
       let stopResizeListener = void 0;
       let wrapScrollTop = 0;
       let wrapScrollLeft = 0;
+      let direction = "";
       const scrollbarRef = vue.ref();
       const wrapRef = vue.ref();
       const resizeRef = vue.ref();
@@ -14806,12 +14810,28 @@
         var _a;
         if (wrapRef.value) {
           (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
+          const prevTop = wrapScrollTop;
+          const prevLeft = wrapScrollLeft;
           wrapScrollTop = wrapRef.value.scrollTop;
           wrapScrollLeft = wrapRef.value.scrollLeft;
+          const arrivedStates = {
+            bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight,
+            top: wrapScrollTop <= 0 && prevTop !== 0,
+            right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,
+            left: wrapScrollLeft <= 0 && prevLeft !== 0
+          };
+          if (prevTop !== wrapScrollTop) {
+            direction = wrapScrollTop > prevTop ? "bottom" : "top";
+          }
+          if (prevLeft !== wrapScrollLeft) {
+            direction = wrapScrollLeft > prevLeft ? "right" : "left";
+          }
           emit("scroll", {
-            scrollTop: wrapRef.value.scrollTop,
-            scrollLeft: wrapRef.value.scrollLeft
+            scrollTop: wrapScrollTop,
+            scrollLeft: wrapScrollLeft
           });
+          if (arrivedStates[direction])
+            emit("end-reached", direction);
         }
       };
       function scrollTo(arg1, arg2) {
@@ -26716,10 +26736,6 @@
               onFocus: vue.unref(handleFocus),
               onBlur: vue.unref(handleBlur)
             }), [
-              vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).be("picker", "mask"))
-              }, null, 2)) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("picker", "trigger")),
                 onClick: handleTrigger
@@ -33965,7 +33981,7 @@
       const handleBlur = (event) => {
         var _a, _b;
         data.userInput = null;
-        if (isFirefox() && data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
+        if (data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
           input.value.input.value = "";
         }
         emit("blur", event);
@@ -41831,7 +41847,9 @@
         expanded.value = true;
       }
       createNewOption(states.inputValue);
-      handleQueryChange(states.inputValue);
+      vue.nextTick(() => {
+        handleQueryChange(states.inputValue);
+      });
     };
     const debouncedOnInputChange = debounce(onInputChange, debounce$1.value);
     const handleQueryChange = (val) => {