@element-plus/nightly 0.0.20251105 → 0.0.20251107

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251105 */
+/*! 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.20251105";
+  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;
@@ -37384,10 +37386,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         return menuItem.offsetWidth + marginLeft + marginRight || 0;
       };
       const calcSliceIndex = () => {
-        var _a, _b;
         if (!menu.value)
           return -1;
-        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
+        const items2 = Array.from(menu.value.childNodes).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
         const computedMenuStyle = getComputedStyle(menu.value);
         const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10);
         const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10);
@@ -38487,7 +38488,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     };
     const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => {
       const option = states.cachedOptions.get(it);
-      return option && !option.disabled && !option.states.groupDisabled;
+      return !(option == null ? void 0 : option.disabled) && !(option == null ? void 0 : option.states.groupDisabled);
     });
     const deletePrevTag = (e) => {
       const code = getEventCode(e);
@@ -38743,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:
@@ -42408,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,
@@ -42438,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,
@@ -42640,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));
@@ -42729,6 +42779,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           windowRef,
           innerRef,
           getItemStyleCache,
+          touchStartX,
+          touchStartY,
+          handleTouchStart,
+          handleTouchMove,
           scrollTo,
           scrollToItem,
           states,
@@ -59521,6 +59575,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   function useClips() {
     function getClips(content, rotate, ratio, width, height, font, gapX, gapY, space) {
       const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
+      let baselineOffset = 0;
       if (content instanceof HTMLImageElement) {
         ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
       } else {
@@ -59539,6 +59594,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         ctx.textAlign = textAlign;
         ctx.textBaseline = textBaseline;
         const contents = isArray$1(content) ? content : [content];
+        if (contents[0]) {
+          const argumentMetrics = ctx.measureText(contents[0]);
+          ctx.textBaseline = "top";
+          const topMetrics = ctx.measureText(contents[0]);
+          baselineOffset = argumentMetrics.actualBoundingBoxAscent - topMetrics.actualBoundingBoxAscent;
+        }
         contents == null ? void 0 : contents.forEach((item, index) => {
           const [alignRatio, spaceRatio] = TEXT_ALIGN_RATIO_MAP[textAlign];
           ctx.fillText(item != null ? item : "", contentWidth * alignRatio + space * spaceRatio, index * (mergedFontSize + font.fontGap * ratio));
@@ -59586,7 +59647,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const filledHeight = cutHeight + realGapY;
       const [fCtx, fCanvas] = prepareCanvas(filledWidth, filledHeight);
       function drawImg(targetX = 0, targetY = 0) {
-        fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY, cutWidth, cutHeight);
+        fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY + baselineOffset, cutWidth, cutHeight);
       }
       drawImg();
       drawImg(cutWidth + realGapX, -cutHeight / 2 - realGapY / 2);