@element-plus/nightly 0.0.20251106 → 0.0.20251107

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251106 */
+/*! Element Plus v0.0.20251107 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12551,7 +12551,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251106";
+  const version$1 = "0.0.20251107";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15363,6 +15363,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               ref: textarea,
               class: [vue.unref(nsTextarea).e("inner"), vue.unref(nsInput).is("focus", vue.unref(isFocused))]
             }, vue.unref(attrs), {
+              name: _ctx.name,
               minlength: _ctx.minlength,
               maxlength: _ctx.maxlength,
               tabindex: _ctx.tabindex,
@@ -15384,7 +15385,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               onBlur: vue.unref(handleBlur),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
+            }), null, 16, ["id", "name", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -17827,6 +17828,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             highlight(highlightedIndex.value + 1);
             break;
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
             e.preventDefault();
             handleKeyEnter();
             break;
@@ -38742,6 +38744,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           navigateOptions("next");
           break;
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
           selectOption();
           break;
         case EVENT_CODE.esc:
@@ -42407,6 +42410,53 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     };
   };
 
+  const useGridTouch = (windowRef, states, scrollTo, estimatedTotalWidth, estimatedTotalHeight, parsedWidth, parsedHeight) => {
+    const touchStartX = vue.ref(0);
+    const touchStartY = vue.ref(0);
+    let frameHandle;
+    let deltaX = 0;
+    let deltaY = 0;
+    const handleTouchStart = (event) => {
+      cAF(frameHandle);
+      touchStartX.value = event.touches[0].clientX;
+      touchStartY.value = event.touches[0].clientY;
+      deltaX = 0;
+      deltaY = 0;
+    };
+    const handleTouchMove = (event) => {
+      event.preventDefault();
+      cAF(frameHandle);
+      deltaX += touchStartX.value - event.touches[0].clientX;
+      deltaY += touchStartY.value - event.touches[0].clientY;
+      touchStartX.value = event.touches[0].clientX;
+      touchStartY.value = event.touches[0].clientY;
+      frameHandle = rAF(() => {
+        const maxScrollLeft = estimatedTotalWidth.value - vue.unref(parsedWidth);
+        const maxScrollTop = estimatedTotalHeight.value - vue.unref(parsedHeight);
+        const safeScrollLeft = Math.min(states.value.scrollLeft + deltaX, maxScrollLeft);
+        const safeScrollTop = Math.min(states.value.scrollTop + deltaY, maxScrollTop);
+        scrollTo({
+          scrollLeft: safeScrollLeft,
+          scrollTop: safeScrollTop
+        });
+        deltaX = 0;
+        deltaY = 0;
+      });
+    };
+    useEventListener(windowRef, "touchstart", handleTouchStart, {
+      passive: true
+    });
+    useEventListener(windowRef, "touchmove", handleTouchMove, {
+      passive: false
+    });
+    return {
+      touchStartX,
+      touchStartY,
+      handleTouchStart,
+      handleTouchMove
+    };
+  };
+
   const createGrid = ({
     name,
     clearCache,
@@ -42437,7 +42487,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         const windowRef = vue.ref();
         const hScrollbar = vue.ref();
         const vScrollbar = vue.ref();
-        const innerRef = vue.ref(null);
+        const innerRef = vue.ref();
         const states = vue.ref({
           isScrolling: false,
           scrollLeft: isNumber(props.initScrollLeft) ? props.initScrollLeft : 0,
@@ -42639,6 +42689,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           onUpdated();
           emitEvents();
         };
+        const { touchStartX, touchStartY, handleTouchStart, handleTouchMove } = useGridTouch(windowRef, states, scrollTo, estimatedTotalWidth, estimatedTotalHeight, parsedWidth, parsedHeight);
         const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = AUTO_ALIGNMENT) => {
           const _states = vue.unref(states);
           columnIdx = Math.max(0, Math.min(columnIdx, props.totalColumn - 1));
@@ -42728,6 +42779,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           windowRef,
           innerRef,
           getItemStyleCache,
+          touchStartX,
+          touchStartY,
+          handleTouchStart,
+          handleTouchMove,
           scrollTo,
           scrollToItem,
           states,