@element-plus/nightly 0.0.20240908 → 0.0.20240910

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240908 */
+/*! Element Plus v0.0.20240910 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240908";
+  const version$1 = "0.0.20240910";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14559,6 +14559,10 @@
       type: Number,
       default: 20
     },
+    tabindex: {
+      type: [String, Number],
+      default: void 0
+    },
     id: String,
     role: String,
     ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -14695,6 +14699,7 @@
             ref: wrapRef,
             class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(wrapStyle)),
+            tabindex: _ctx.tabindex,
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -14712,7 +14717,7 @@
               ]),
               _: 3
             }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-          ], 38),
+          ], 46, ["tabindex"]),
           !_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
             key: 0,
             ref_key: "barRef",
@@ -16052,9 +16057,10 @@
         var _a;
         return (_a = props.style) != null ? _a : {};
       });
-      const ariaHidden = vue.computed(() => !vue.unref(open));
+      const ariaHidden = vue.ref(true);
       const onTransitionLeave = () => {
         onHide();
+        ariaHidden.value = true;
       };
       const stopWhenControlled = () => {
         if (vue.unref(controlled))
@@ -16100,6 +16106,8 @@
       vue.watch(() => vue.unref(open), (val) => {
         if (!val) {
           stopHandle == null ? void 0 : stopHandle();
+        } else {
+          ariaHidden.value = false;
         }
       }, {
         flush: "post"
@@ -16132,7 +16140,7 @@
                   ref: contentRef
                 }, _ctx.$attrs, {
                   "aria-label": _ctx.ariaLabel,
-                  "aria-hidden": vue.unref(ariaHidden),
+                  "aria-hidden": ariaHidden.value,
                   "boundaries-padding": _ctx.boundariesPadding,
                   "fallback-placements": _ctx.fallbackPlacements,
                   "gpu-acceleration": _ctx.gpuAcceleration,
@@ -40448,12 +40456,18 @@
     const scrollToItem = (index) => {
       menuRef.value.scrollToItem(index);
     };
-    const getOption = (value) => {
+    const getOption = (value, cachedOptions) => {
       const selectValue = getValueKey(value);
       if (allOptionsValueMap.value.has(selectValue)) {
         const { option } = allOptionsValueMap.value.get(selectValue);
         return option;
       }
+      if (cachedOptions && cachedOptions.length) {
+        const option = cachedOptions.find((option2) => getValueKey(getValue(option2)) === selectValue);
+        if (option) {
+          return option;
+        }
+      }
       return {
         [aliasProps.value.value]: value,
         [aliasProps.value.label]: value
@@ -40462,10 +40476,11 @@
     const initStates = () => {
       if (props.multiple) {
         if (props.modelValue.length > 0) {
+          const cachedOptions = states.cachedOptions.slice();
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
           for (const value of props.modelValue) {
-            const option = getOption(value);
+            const option = getOption(value, cachedOptions);
             states.cachedOptions.push(option);
           }
         } else {
@@ -46530,7 +46545,11 @@
     },
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
-    showOverflowTooltip: [Boolean, Object]
+    showOverflowTooltip: [Boolean, Object],
+    scrollbarTabindex: {
+      type: [Number, String],
+      default: void 0
+    }
   };
 
   function hColgroup(props) {
@@ -46810,7 +46829,8 @@
             ref: "scrollBarRef",
             "view-style": _ctx.scrollbarViewStyle,
             "wrap-style": _ctx.scrollbarStyle,
-            always: _ctx.scrollbarAlwaysOn
+            always: _ctx.scrollbarAlwaysOn,
+            tabindex: _ctx.scrollbarTabindex
           }, {
             default: vue.withCtx(() => [
               vue.createElementVNode("table", {
@@ -46880,7 +46900,7 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always"])
+          }, 8, ["view-style", "wrap-style", "always", "tabindex"])
         ], 2),
         _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,