@element-plus/nightly 0.0.20251028 → 0.0.20251029

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251028 */
+/*! Element Plus v0.0.20251029 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12529,7 +12529,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251028";
+  const version$1 = "0.0.20251029";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -26798,7 +26798,8 @@
             "aria-expanded": vue.unref(isActive),
             "aria-controls": vue.unref(scopedContentId),
             "aria-describedby": vue.unref(scopedContentId),
-            tabindex: _ctx.disabled ? -1 : 0,
+            tabindex: _ctx.disabled ? void 0 : 0,
+            "aria-disabled": _ctx.disabled,
             role: "button",
             onClick: vue.unref(handleHeaderClick),
             onKeydown: vue.withKeys(vue.withModifiers(vue.unref(handleEnterClick), ["stop"]), ["space", "enter"]),
@@ -26822,7 +26823,7 @@
                 _: 1
               }, 8, ["class"])
             ])
-          ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
+          ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled", "onClick", "onKeydown", "onFocus", "onBlur"]),
           vue.createVNode(vue.unref(ElCollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -38652,6 +38653,78 @@
         vue.nextTick(() => scrollToOption(hoverOption.value));
       }
     };
+    const findFocusableIndex = (arr, start, step, len) => {
+      for (let i = start; i >= 0 && i < len; i += step) {
+        const obj = arr[i];
+        if (!(obj == null ? void 0 : obj.isDisabled) && (obj == null ? void 0 : obj.visible)) {
+          return i;
+        }
+      }
+      return null;
+    };
+    const focusOption = (targetIndex, mode) => {
+      var _a;
+      const len = states.options.size;
+      if (len === 0)
+        return;
+      const start = clamp$1(targetIndex, 0, len - 1);
+      const options = optionsArray.value;
+      const direction = mode === "up" ? -1 : 1;
+      const newIndex = (_a = findFocusableIndex(options, start, direction, len)) != null ? _a : findFocusableIndex(options, start - direction, -direction, len);
+      if (newIndex != null) {
+        states.hoveringIndex = newIndex;
+        vue.nextTick(() => scrollToOption(hoverOption.value));
+      }
+    };
+    const handleKeydown = (e) => {
+      const code = getEventCode(e);
+      let isPreventDefault = true;
+      switch (code) {
+        case EVENT_CODE.up:
+          navigateOptions("prev");
+          break;
+        case EVENT_CODE.down:
+          navigateOptions("next");
+          break;
+        case EVENT_CODE.enter:
+          selectOption();
+          break;
+        case EVENT_CODE.esc:
+          handleEsc();
+          break;
+        case EVENT_CODE.backspace:
+          isPreventDefault = false;
+          deletePrevTag(e);
+          return;
+        case EVENT_CODE.home:
+          if (!expanded.value)
+            return;
+          focusOption(0, "down");
+          break;
+        case EVENT_CODE.end:
+          if (!expanded.value)
+            return;
+          focusOption(states.options.size - 1, "up");
+          break;
+        case EVENT_CODE.pageUp:
+          if (!expanded.value)
+            return;
+          focusOption(states.hoveringIndex - 10, "up");
+          break;
+        case EVENT_CODE.pageDown:
+          if (!expanded.value)
+            return;
+          focusOption(states.hoveringIndex + 10, "down");
+          break;
+        default:
+          isPreventDefault = false;
+          break;
+      }
+      if (isPreventDefault) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    };
     const getGapWidth = () => {
       if (!selectionRef.value)
         return 0;
@@ -38726,6 +38799,7 @@
       handleCompositionStart,
       handleCompositionUpdate,
       handleCompositionEnd,
+      handleKeydown,
       onOptionCreate,
       onOptionDestroy,
       handleMenuEnter,
@@ -39349,13 +39423,7 @@
                     "aria-label": _ctx.ariaLabel,
                     "aria-autocomplete": "none",
                     "aria-haspopup": "listbox",
-                    onKeydown: [
-                      vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"]),
-                      vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"]),
-                      vue.withKeys(vue.withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
-                      vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
-                      vue.withKeys(vue.withModifiers(_ctx.deletePrevTag, ["stop"]), ["delete"])
-                    ],
+                    onKeydown: _ctx.handleKeydown,
                     onCompositionstart: _ctx.handleCompositionStart,
                     onCompositionupdate: _ctx.handleCompositionUpdate,
                     onCompositionend: _ctx.handleCompositionEnd,
@@ -45577,7 +45645,7 @@
           ref: button,
           class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
           style: vue.normalizeStyle(vue.unref(wrapperStyle)),
-          tabindex: vue.unref(disabled) ? -1 : 0,
+          tabindex: vue.unref(disabled) ? void 0 : 0,
           onMouseenter: vue.unref(handleMouseEnter),
           onMouseleave: vue.unref(handleMouseLeave),
           onMousedown: vue.unref(onButtonDown),
@@ -58647,7 +58715,9 @@
                   vue.unref(nsUpload).is(file.status),
                   { focusing: focusing.value }
                 ]),
-                tabindex: "0",
+                tabindex: vue.unref(disabled) ? void 0 : 0,
+                "aria-disabled": vue.unref(disabled),
+                role: "button",
                 onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
                 onFocus: ($event) => focusing.value = true,
                 onBlur: ($event) => focusing.value = false,
@@ -58764,7 +58834,7 @@
                     ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
                   ], 2)) : vue.createCommentVNode("v-if", true)
                 ])
-              ], 42, ["onKeydown", "onFocus", "onBlur", "onClick"]);
+              ], 42, ["tabindex", "aria-disabled", "onKeydown", "onFocus", "onBlur", "onClick"]);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "append")
           ]),
@@ -59024,7 +59094,9 @@
             vue.unref(ns).is("drag", _ctx.drag),
             vue.unref(ns).is("disabled", vue.unref(disabled))
           ]),
-          tabindex: vue.unref(disabled) ? "-1" : "0",
+          tabindex: vue.unref(disabled) ? void 0 : 0,
+          "aria-disabled": vue.unref(disabled),
+          role: "button",
           onClick: handleClick,
           onKeydown: vue.withKeys(vue.withModifiers(handleKeydown, ["self"]), ["enter", "space"])
         }, [
@@ -59051,7 +59123,7 @@
             onClick: vue.withModifiers(() => {
             }, ["stop"])
           }, null, 42, ["name", "disabled", "multiple", "accept", "onClick"])
-        ], 42, ["tabindex", "onKeydown"]);
+        ], 42, ["tabindex", "aria-disabled", "onKeydown"]);
       };
     }
   });