element-plus 2.8.7 → 2.8.8

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.7 */
+/*! Element Plus v2.8.8 */
 
 import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -766,9 +766,6 @@ const isPromise = (val) => {
 };
 const objectToString$1 = Object.prototype.toString;
 const toTypeString = (value) => objectToString$1.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
 const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
 const cacheStringFunction = (fn) => {
   const cache = /* @__PURE__ */ Object.create(null);
@@ -8744,13 +8741,12 @@ const flattedChildren = (children) => {
     var _a;
     if (isArray$1(child)) {
       result.push(...flattedChildren(child));
+    } else if (isVNode(child) && ((_a = child.component) == null ? void 0 : _a.subTree)) {
+      result.push(child, ...flattedChildren(child.component.subTree));
     } else if (isVNode(child) && isArray$1(child.children)) {
       result.push(...flattedChildren(child.children));
     } else {
       result.push(child);
-      if (isVNode(child) && ((_a = child.component) == null ? void 0 : _a.subTree)) {
-        result.push(...flattedChildren(child.component.subTree));
-      }
     }
   });
   return result;
@@ -9531,23 +9527,39 @@ const useTeleport = (contentRenderer, appendToBody) => {
 const useThrottleRender = (loading, throttle = 0) => {
   if (throttle === 0)
     return loading;
-  const throttled = ref(false);
+  const initVal = isObject$1(throttle) && Boolean(throttle.initVal);
+  const throttled = ref(initVal);
   let timeoutHandle = null;
-  const dispatchThrottling = () => {
+  const dispatchThrottling = (timer) => {
+    if (isUndefined(timer)) {
+      throttled.value = loading.value;
+      return;
+    }
     if (timeoutHandle) {
       clearTimeout(timeoutHandle);
     }
     timeoutHandle = setTimeout(() => {
       throttled.value = loading.value;
-    }, throttle);
+    }, timer);
   };
-  onMounted(dispatchThrottling);
-  watch(() => loading.value, (val) => {
-    if (val) {
-      dispatchThrottling();
+  const dispatcher = (type) => {
+    if (type === "leading") {
+      if (isNumber(throttle)) {
+        dispatchThrottling(throttle);
+      } else {
+        dispatchThrottling(throttle.leading);
+      }
     } else {
-      throttled.value = val;
+      if (isObject$1(throttle)) {
+        dispatchThrottling(throttle.trailing);
+      } else {
+        throttled.value = false;
+      }
     }
+  };
+  onMounted(() => dispatcher("leading"));
+  watch(() => loading.value, (val) => {
+    dispatcher(val ? "leading" : "trailing");
   });
   return throttled;
 };
@@ -9642,9 +9654,8 @@ const useId = (deterministicId) => {
 };
 
 let registeredEscapeHandlers = [];
-const cachedHandler = (e) => {
-  const event = e;
-  if (event.key === EVENT_CODE.esc) {
+const cachedHandler = (event) => {
+  if (event.code === EVENT_CODE.esc) {
     registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
   }
 };
@@ -11552,7 +11563,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.8.7";
+const version$1 = "2.8.8";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -15209,9 +15220,9 @@ const _sfc_main$2k = defineComponent({
         return;
       if (focusLayer.paused)
         return;
-      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { code, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
       const { loop } = props;
-      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const isTabbing = code === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
       const currentFocusingEl = document.activeElement;
       if (isTabbing && currentFocusingEl) {
         const container = currentTarget;
@@ -15861,7 +15872,7 @@ const useTooltipTriggerProps = buildProps({
   },
   triggerKeys: {
     type: definePropType(Array),
-    default: () => [EVENT_CODE.enter, EVENT_CODE.space]
+    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
   }
 });
 
@@ -18319,31 +18330,34 @@ var dayjs_min = {exports: {}};
   !function(t, e) {
     module.exports = e() ;
   }(commonjsGlobal, function() {
-    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", $ = "Invalid Date", l = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_") }, m = function(t2, e2, n2) {
+    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+    } }, m = function(t2, e2, n2) {
       var r2 = String(t2);
       return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
-    }, g = { s: m, z: function(t2) {
+    }, v = { s: m, z: function(t2) {
       var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
       return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
     }, m: function t2(e2, n2) {
       if (e2.date() < n2.date())
         return -t2(n2, e2);
-      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, f), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), f);
+      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
       return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
     }, a: function(t2) {
       return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
     }, p: function(t2) {
-      return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
     }, u: function(t2) {
       return t2 === void 0;
-    } }, v = "en", D = {};
-    D[v] = M;
-    var p = function(t2) {
-      return t2 instanceof _;
-    }, S = function t2(e2, n2, r2) {
+    } }, g = "en", D = {};
+    D[g] = M;
+    var p = "$isDayjsObject", S = function(t2) {
+      return t2 instanceof _ || !(!t2 || !t2[p]);
+    }, w = function t2(e2, n2, r2) {
       var i2;
       if (!e2)
-        return v;
+        return g;
       if (typeof e2 == "string") {
         var s2 = e2.toLowerCase();
         D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
@@ -18354,19 +18368,19 @@ var dayjs_min = {exports: {}};
         var a2 = e2.name;
         D[a2] = e2, i2 = a2;
       }
-      return !r2 && i2 && (v = i2), i2 || !r2 && v;
-    }, w = function(t2, e2) {
-      if (p(t2))
+      return !r2 && i2 && (g = i2), i2 || !r2 && g;
+    }, O = function(t2, e2) {
+      if (S(t2))
         return t2.clone();
       var n2 = typeof e2 == "object" ? e2 : {};
       return n2.date = t2, n2.args = arguments, new _(n2);
-    }, O = g;
-    O.l = S, O.i = p, O.w = function(t2, e2) {
-      return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+    }, b = v;
+    b.l = w, b.i = S, b.w = function(t2, e2) {
+      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
     };
     var _ = function() {
       function M2(t2) {
-        this.$L = S(t2.locale, null, true), this.parse(t2);
+        this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
       }
       var m2 = M2.prototype;
       return m2.parse = function(t2) {
@@ -18374,130 +18388,212 @@ var dayjs_min = {exports: {}};
           var e2 = t3.date, n2 = t3.utc;
           if (e2 === null)
             return new Date(NaN);
-          if (O.u(e2))
+          if (b.u(e2))
             return new Date();
           if (e2 instanceof Date)
             return new Date(e2);
           if (typeof e2 == "string" && !/Z$/i.test(e2)) {
-            var r2 = e2.match(l);
+            var r2 = e2.match($);
             if (r2) {
               var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
               return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
             }
           }
           return new Date(e2);
-        }(t2), this.$x = t2.x || {}, this.init();
+        }(t2), this.init();
       }, m2.init = function() {
         var t2 = this.$d;
         this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
       }, m2.$utils = function() {
-        return O;
+        return b;
       }, m2.isValid = function() {
-        return !(this.$d.toString() === $);
+        return !(this.$d.toString() === l);
       }, m2.isSame = function(t2, e2) {
-        var n2 = w(t2);
+        var n2 = O(t2);
         return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
       }, m2.isAfter = function(t2, e2) {
-        return w(t2) < this.startOf(e2);
+        return O(t2) < this.startOf(e2);
       }, m2.isBefore = function(t2, e2) {
-        return this.endOf(e2) < w(t2);
+        return this.endOf(e2) < O(t2);
       }, m2.$g = function(t2, e2, n2) {
-        return O.u(t2) ? this[e2] : this.set(n2, t2);
+        return b.u(t2) ? this[e2] : this.set(n2, t2);
       }, m2.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, m2.valueOf = function() {
         return this.$d.getTime();
       }, m2.startOf = function(t2, e2) {
-        var n2 = this, r2 = !!O.u(e2) || e2, h2 = O.p(t2), $2 = function(t3, e3) {
-          var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+        var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+          var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
           return r2 ? i2 : i2.endOf(a);
-        }, l2 = function(t3, e3) {
-          return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
-        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, g2 = "set" + (this.$u ? "UTC" : "");
-        switch (h2) {
+        }, $2 = function(t3, e3) {
+          return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f2) {
+          case h:
+            return r2 ? l2(1, 0) : l2(31, 11);
           case c:
-            return r2 ? $2(1, 0) : $2(31, 11);
-          case f:
-            return r2 ? $2(1, M3) : $2(0, M3 + 1);
+            return r2 ? l2(1, M3) : l2(0, M3 + 1);
           case o:
-            var v2 = this.$locale().weekStart || 0, D2 = (y2 < v2 ? y2 + 7 : y2) - v2;
-            return $2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
           case a:
           case d:
-            return l2(g2 + "Hours", 0);
+            return $2(v2 + "Hours", 0);
           case u:
-            return l2(g2 + "Minutes", 1);
+            return $2(v2 + "Minutes", 1);
           case s:
-            return l2(g2 + "Seconds", 2);
+            return $2(v2 + "Seconds", 2);
           case i:
-            return l2(g2 + "Milliseconds", 3);
+            return $2(v2 + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, m2.endOf = function(t2) {
         return this.startOf(t2, false);
       }, m2.$set = function(t2, e2) {
-        var n2, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), $2 = (n2 = {}, n2[a] = h2 + "Date", n2[d] = h2 + "Date", n2[f] = h2 + "Month", n2[c] = h2 + "FullYear", n2[u] = h2 + "Hours", n2[s] = h2 + "Minutes", n2[i] = h2 + "Seconds", n2[r] = h2 + "Milliseconds", n2)[o2], l2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-        if (o2 === f || o2 === c) {
+        var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+        if (o2 === c || o2 === h) {
           var y2 = this.clone().set(d, 1);
-          y2.$d[$2](l2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
         } else
-          $2 && this.$d[$2](l2);
+          l2 && this.$d[l2]($2);
         return this.init(), this;
       }, m2.set = function(t2, e2) {
         return this.clone().$set(t2, e2);
       }, m2.get = function(t2) {
-        return this[O.p(t2)]();
-      }, m2.add = function(r2, h2) {
-        var d2, $2 = this;
+        return this[b.p(t2)]();
+      }, m2.add = function(r2, f2) {
+        var d2, l2 = this;
         r2 = Number(r2);
-        var l2 = O.p(h2), y2 = function(t2) {
-          var e2 = w($2);
-          return O.w(e2.date(e2.date() + Math.round(t2 * r2)), $2);
+        var $2 = b.p(f2), y2 = function(t2) {
+          var e2 = O(l2);
+          return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
         };
-        if (l2 === f)
-          return this.set(f, this.$M + r2);
-        if (l2 === c)
-          return this.set(c, this.$y + r2);
-        if (l2 === a)
+        if ($2 === c)
+          return this.set(c, this.$M + r2);
+        if ($2 === h)
+          return this.set(h, this.$y + r2);
+        if ($2 === a)
           return y2(1);
-        if (l2 === o)
+        if ($2 === o)
           return y2(7);
-        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[l2] || 1, m3 = this.$d.getTime() + r2 * M3;
-        return O.w(m3, this);
+        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+        return b.w(m3, this);
       }, m2.subtract = function(t2, e2) {
         return this.add(-1 * t2, e2);
       }, m2.format = function(t2) {
         var e2 = this, n2 = this.$locale();
         if (!this.isValid())
-          return n2.invalidDate || $;
-        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, f2 = n2.months, h2 = function(t3, n3, i3, s3) {
+          return n2.invalidDate || l;
+        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
           return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
-        }, c2 = function(t3) {
-          return O.s(s2 % 12 || 12, t3, "0");
-        }, d2 = n2.meridiem || function(t3, e3, n3) {
+        }, d2 = function(t3) {
+          return b.s(s2 % 12 || 12, t3, "0");
+        }, $2 = f2 || function(t3, e3, n3) {
           var r3 = t3 < 12 ? "AM" : "PM";
           return n3 ? r3.toLowerCase() : r3;
-        }, l2 = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
-        return r2.replace(y, function(t3, e3) {
-          return e3 || l2[t3] || i2.replace(":", "");
+        };
+        return r2.replace(y, function(t3, r3) {
+          return r3 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e2.$y).slice(-2);
+              case "YYYY":
+                return b.s(e2.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return b.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n2.monthsShort, a2, c2, 3);
+              case "MMMM":
+                return h2(c2, a2);
+              case "D":
+                return e2.$D;
+              case "DD":
+                return b.s(e2.$D, 2, "0");
+              case "d":
+                return String(e2.$W);
+              case "dd":
+                return h2(n2.weekdaysMin, e2.$W, o2, 2);
+              case "ddd":
+                return h2(n2.weekdaysShort, e2.$W, o2, 3);
+              case "dddd":
+                return o2[e2.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return b.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, true);
+              case "A":
+                return $2(s2, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e2.$s);
+              case "ss":
+                return b.s(e2.$s, 2, "0");
+              case "SSS":
+                return b.s(e2.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t3) || i2.replace(":", "");
         });
       }, m2.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m2.diff = function(r2, d2, $2) {
-        var l2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e, g2 = this - M3, v2 = O.m(this, M3);
-        return v2 = (l2 = {}, l2[c] = v2 / 12, l2[f] = v2, l2[h] = v2 / 3, l2[o] = (g2 - m3) / 6048e5, l2[a] = (g2 - m3) / 864e5, l2[u] = g2 / n, l2[s] = g2 / e, l2[i] = g2 / t, l2)[y2] || g2, $2 ? v2 : O.a(v2);
+      }, m2.diff = function(r2, d2, l2) {
+        var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+          return b.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n;
+            break;
+          case s:
+            $2 = g2 / e;
+            break;
+          case i:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : b.a($2);
       }, m2.daysInMonth = function() {
-        return this.endOf(f).$D;
+        return this.endOf(c).$D;
       }, m2.$locale = function() {
         return D[this.$L];
       }, m2.locale = function(t2, e2) {
         if (!t2)
           return this.$L;
-        var n2 = this.clone(), r2 = S(t2, e2, true);
+        var n2 = this.clone(), r2 = w(t2, e2, true);
         return r2 && (n2.$L = r2), n2;
       }, m2.clone = function() {
-        return O.w(this.$d, this);
+        return b.w(this.$d, this);
       }, m2.toDate = function() {
         return new Date(this.valueOf());
       }, m2.toJSON = function() {
@@ -18507,16 +18603,16 @@ var dayjs_min = {exports: {}};
       }, m2.toString = function() {
         return this.$d.toUTCString();
       }, M2;
-    }(), T = _.prototype;
-    return w.prototype = T, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
-      T[t2[1]] = function(e2) {
+    }(), k = _.prototype;
+    return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      k[t2[1]] = function(e2) {
         return this.$g(e2, t2[0], t2[1]);
       };
-    }), w.extend = function(t2, e2) {
-      return t2.$i || (t2(e2, _, w), t2.$i = true), w;
-    }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
-      return w(1e3 * t2);
-    }, w.en = D[v], w.Ls = D, w.p = {}, w;
+    }), O.extend = function(t2, e2) {
+      return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+      return O(1e3 * t2);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
   });
 })(dayjs_min);
 var dayjs = dayjs_min.exports;
@@ -18527,14 +18623,14 @@ var customParseFormat$1 = {exports: {}};
   !function(e, t) {
     module.exports = t() ;
   }(commonjsGlobal, function() {
-    var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d\d/, r = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, o = {}, s = function(e2) {
+    var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
       return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
     };
-    var a = function(e2) {
+    var f = function(e2) {
       return function(t2) {
         this[e2] = +t2;
       };
-    }, f = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
+    }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
       (this.zone || (this.zone = {})).offset = function(e3) {
         if (!e3)
           return 0;
@@ -18543,11 +18639,11 @@ var customParseFormat$1 = {exports: {}};
         var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
         return n2 === 0 ? 0 : t2[0] === "+" ? -n2 : n2;
       }(e2);
-    }], h = function(e2) {
-      var t2 = o[e2];
+    }], u = function(e2) {
+      var t2 = s[e2];
       return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
-    }, u = function(e2, t2) {
-      var n2, r2 = o.meridiem;
+    }, d = function(e2, t2) {
+      var n2, r2 = s.meridiem;
       if (r2) {
         for (var i2 = 1; i2 <= 24; i2 += 1)
           if (e2.indexOf(r2(i2, 0, t2)) > -1) {
@@ -18557,55 +18653,57 @@ var customParseFormat$1 = {exports: {}};
       } else
         n2 = e2 === (t2 ? "pm" : "PM");
       return n2;
-    }, d = { A: [i, function(e2) {
-      this.afternoon = u(e2, false);
-    }], a: [i, function(e2) {
-      this.afternoon = u(e2, true);
-    }], S: [/\d/, function(e2) {
+    }, c = { A: [o, function(e2) {
+      this.afternoon = d(e2, false);
+    }], a: [o, function(e2) {
+      this.afternoon = d(e2, true);
+    }], Q: [n, function(e2) {
+      this.month = 3 * (e2 - 1) + 1;
+    }], S: [n, function(e2) {
       this.milliseconds = 100 * +e2;
-    }], SS: [n, function(e2) {
+    }], SS: [r, function(e2) {
       this.milliseconds = 10 * +e2;
     }], SSS: [/\d{3}/, function(e2) {
       this.milliseconds = +e2;
-    }], s: [r, a("seconds")], ss: [r, a("seconds")], m: [r, a("minutes")], mm: [r, a("minutes")], H: [r, a("hours")], h: [r, a("hours")], HH: [r, a("hours")], hh: [r, a("hours")], D: [r, a("day")], DD: [n, a("day")], Do: [i, function(e2) {
-      var t2 = o.ordinal, n2 = e2.match(/\d+/);
+    }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r, f("day")], Do: [o, function(e2) {
+      var t2 = s.ordinal, n2 = e2.match(/\d+/);
       if (this.day = n2[0], t2)
         for (var r2 = 1; r2 <= 31; r2 += 1)
           t2(r2).replace(/\[|\]/g, "") === e2 && (this.day = r2);
-    }], M: [r, a("month")], MM: [n, a("month")], MMM: [i, function(e2) {
-      var t2 = h("months"), n2 = (h("monthsShort") || t2.map(function(e3) {
+    }], w: [i, f("week")], ww: [r, f("week")], M: [i, f("month")], MM: [r, f("month")], MMM: [o, function(e2) {
+      var t2 = u("months"), n2 = (u("monthsShort") || t2.map(function(e3) {
         return e3.slice(0, 3);
       })).indexOf(e2) + 1;
       if (n2 < 1)
         throw new Error();
       this.month = n2 % 12 || n2;
-    }], MMMM: [i, function(e2) {
-      var t2 = h("months").indexOf(e2) + 1;
+    }], MMMM: [o, function(e2) {
+      var t2 = u("months").indexOf(e2) + 1;
       if (t2 < 1)
         throw new Error();
       this.month = t2 % 12 || t2;
-    }], Y: [/[+-]?\d+/, a("year")], YY: [n, function(e2) {
-      this.year = s(e2);
-    }], YYYY: [/\d{4}/, a("year")], Z: f, ZZ: f };
-    function c(n2) {
+    }], Y: [/[+-]?\d+/, f("year")], YY: [r, function(e2) {
+      this.year = a(e2);
+    }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+    function l(n2) {
       var r2, i2;
-      r2 = n2, i2 = o && o.formats;
-      for (var s2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t2, n3, r3) {
-        var o2 = r3 && r3.toUpperCase();
-        return n3 || i2[r3] || e[r3] || i2[o2].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e2, t3, n4) {
+      r2 = n2, i2 = s && s.formats;
+      for (var o2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t2, n3, r3) {
+        var o3 = r3 && r3.toUpperCase();
+        return n3 || i2[r3] || e[r3] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e2, t3, n4) {
           return t3 || n4.slice(1);
         });
-      })).match(t), a2 = s2.length, f2 = 0; f2 < a2; f2 += 1) {
-        var h2 = s2[f2], u2 = d[h2], c2 = u2 && u2[0], l = u2 && u2[1];
-        s2[f2] = l ? { regex: c2, parser: l } : h2.replace(/^\[|\]$/g, "");
+      })).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
+        var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
+        o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
       }
       return function(e2) {
         for (var t2 = {}, n3 = 0, r3 = 0; n3 < a2; n3 += 1) {
-          var i3 = s2[n3];
+          var i3 = o2[n3];
           if (typeof i3 == "string")
             r3 += i3.length;
           else {
-            var o2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = o2.exec(h3)[0];
+            var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = s2.exec(h3)[0];
             f3.call(t2, u3), e2 = e2.replace(u3, "");
           }
         }
@@ -18619,35 +18717,35 @@ var customParseFormat$1 = {exports: {}};
       };
     }
     return function(e2, t2, n2) {
-      n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (s = e2.parseTwoDigitYear);
+      n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
       var r2 = t2.prototype, i2 = r2.parse;
       r2.parse = function(e3) {
-        var t3 = e3.date, r3 = e3.utc, s2 = e3.args;
+        var t3 = e3.date, r3 = e3.utc, o2 = e3.args;
         this.$u = r3;
-        var a2 = s2[1];
+        var a2 = o2[1];
         if (typeof a2 == "string") {
-          var f2 = s2[2] === true, h2 = s2[3] === true, u2 = f2 || h2, d2 = s2[2];
-          h2 && (d2 = s2[2]), o = this.$locale(), !f2 && d2 && (o = n2.Ls[d2]), this.$d = function(e4, t4, n3) {
+          var f2 = o2[2] === true, h2 = o2[3] === true, u2 = f2 || h2, d2 = o2[2];
+          h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = function(e4, t4, n3, r4) {
             try {
               if (["x", "X"].indexOf(t4) > -1)
                 return new Date((t4 === "X" ? 1e3 : 1) * e4);
-              var r4 = c(t4)(e4), i3 = r4.year, o2 = r4.month, s3 = r4.day, a3 = r4.hours, f3 = r4.minutes, h3 = r4.seconds, u3 = r4.milliseconds, d3 = r4.zone, l2 = new Date(), m2 = s3 || (i3 || o2 ? 1 : l2.getDate()), M2 = i3 || l2.getFullYear(), Y = 0;
-              i3 && !o2 || (Y = o2 > 0 ? o2 - 1 : l2.getMonth());
-              var p = a3 || 0, v = f3 || 0, D = h3 || 0, g = u3 || 0;
-              return d3 ? new Date(Date.UTC(M2, Y, m2, p, v, D, g + 60 * d3.offset * 1e3)) : n3 ? new Date(Date.UTC(M2, Y, m2, p, v, D, g)) : new Date(M2, Y, m2, p, v, D, g);
+              var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
+              o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
+              var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
+              return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r4(D).week(m2).toDate()), D);
             } catch (e5) {
               return new Date("");
             }
-          }(t3, a2, r3), this.init(), d2 && d2 !== true && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = new Date("")), o = {};
+          }(t3, a2, r3, n2), this.init(), d2 && d2 !== true && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = new Date("")), s = {};
         } else if (a2 instanceof Array)
-          for (var l = a2.length, m = 1; m <= l; m += 1) {
-            s2[1] = a2[m - 1];
-            var M = n2.apply(this, s2);
+          for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
+            o2[1] = a2[m - 1];
+            var M = n2.apply(this, o2);
             if (M.isValid()) {
               this.$d = M.$d, this.$L = M.$L, this.init();
               break;
             }
-            m === l && (this.$d = new Date(""));
+            m === c2 && (this.$d = new Date(""));
           }
         else
           i2.call(this, e3);
@@ -19012,7 +19110,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     let hasJustTabExitedInput = false;
     const { isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
       beforeFocus() {
-        return !props.editable || props.readonly || pickerDisabled.value;
+        return props.readonly || pickerDisabled.value;
       },
       afterFocus() {
         pickerVisible.value = true;
@@ -19895,6 +19993,8 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   emits: ["change", "select-range", "set-option"],
   setup(__props, { emit }) {
     const props = __props;
+    const pickerBase = inject("EP_PICKER_BASE");
+    const { isRange } = pickerBase.props;
     const ns = useNamespace("time");
     const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(props.disabledHours, props.disabledMinutes, props.disabledSeconds);
     let isScrolling = false;
@@ -19919,10 +20019,12 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     });
     const timeList = computed(() => {
       const { hours, minutes } = unref(timePartials);
+      const { role, spinnerDate } = props;
+      const compare = !isRange ? spinnerDate : void 0;
       return {
-        hours: getHoursList(props.role),
-        minutes: getMinutesList(hours, props.role),
-        seconds: getSecondsList(hours, minutes, props.role)
+        hours: getHoursList(role, compare),
+        minutes: getMinutesList(hours, role, compare),
+        seconds: getSecondsList(hours, minutes, role, compare)
       };
     });
     const arrowControlTimeList = computed(() => {
@@ -23654,6 +23756,7 @@ const _sfc_main$1Q = defineComponent({
           break;
         }
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
           checkNode(target);
           break;
       }
@@ -24171,6 +24274,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
         return;
       switch (e.code) {
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
           togglePopperVisible();
           break;
         case EVENT_CODE.down:
@@ -24225,6 +24329,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
           break;
         }
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
           target.click();
           break;
       }
@@ -26106,6 +26211,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     function handleKeyDown(event) {
       switch (event.code) {
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
         case EVENT_CODE.space:
           event.preventDefault();
           event.stopPropagation();
@@ -26494,16 +26600,13 @@ var advancedFormat$1 = {exports: {}};
   !function(e, t) {
     module.exports = t() ;
   }(commonjsGlobal, function() {
-    return function(e, t, r) {
-      var n = t.prototype, s = n.format;
-      r.en.ordinal = function(e2) {
-        var t2 = ["th", "st", "nd", "rd"], r2 = e2 % 100;
-        return "[" + e2 + (t2[(r2 - 20) % 10] || t2[r2] || t2[0]) + "]";
-      }, n.format = function(e2) {
+    return function(e, t) {
+      var r = t.prototype, n = r.format;
+      r.format = function(e2) {
         var t2 = this, r2 = this.$locale();
         if (!this.isValid())
-          return s.bind(this)(e2);
-        var n2 = this.$utils(), a = (e2 || "YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g, function(e3) {
+          return n.bind(this)(e2);
+        var s = this.$utils(), a = (e2 || "YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g, function(e3) {
           switch (e3) {
             case "Q":
               return Math.ceil((t2.$M + 1) / 3);
@@ -26517,13 +26620,13 @@ var advancedFormat$1 = {exports: {}};
               return r2.ordinal(t2.week(), "W");
             case "w":
             case "ww":
-              return n2.s(t2.week(), e3 === "w" ? 1 : 2, "0");
+              return s.s(t2.week(), e3 === "w" ? 1 : 2, "0");
             case "W":
             case "WW":
-              return n2.s(t2.isoWeek(), e3 === "W" ? 1 : 2, "0");
+              return s.s(t2.isoWeek(), e3 === "W" ? 1 : 2, "0");
             case "k":
             case "kk":
-              return n2.s(String(t2.$H === 0 ? 24 : t2.$H), e3 === "k" ? 1 : 2, "0");
+              return s.s(String(t2.$H === 0 ? 24 : t2.$H), e3 === "k" ? 1 : 2, "0");
             case "X":
               return Math.floor(t2.$d.getTime() / 1e3);
             case "x":
@@ -26536,7 +26639,7 @@ var advancedFormat$1 = {exports: {}};
               return e3;
           }
         });
-        return s.bind(this)(a);
+        return n.bind(this)(a);
       };
     };
   });
@@ -29930,8 +30033,9 @@ var ElDescriptionsCell = defineComponent({
     const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : align;
     const className = item.className;
     const labelClassName = item.labelClassName;
+    const width = this.type === "label" ? item.labelWidth || this.descriptions.labelWidth || item.width : item.width;
     const style = {
-      width: addUnit(item.width),
+      width: addUnit(width),
       minWidth: addUnit(item.minWidth)
     };
     const ns = useNamespace("descriptions");
@@ -30070,6 +30174,10 @@ const descriptionProps = buildProps({
   extra: {
     type: String,
     default: ""
+  },
+  labelWidth: {
+    type: [String, Number],
+    default: ""
   }
 });
 
@@ -30214,6 +30322,10 @@ const descriptionItemProps = buildProps({
     type: [String, Number],
     default: ""
   },
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
   align: {
     type: String,
     default: "left"
@@ -31170,7 +31282,7 @@ const getDirectionAwareKey = (key, dir) => {
   }
 };
 const getFocusIntent = (event, orientation, dir) => {
-  const key = getDirectionAwareKey(event.key, dir);
+  const key = getDirectionAwareKey(event.code, dir);
   if (orientation === "vertical" && [EVENT_CODE.left, EVENT_CODE.right].includes(key))
     return void 0;
   if (orientation === "horizontal" && [EVENT_CODE.up, EVENT_CODE.down].includes(key))
@@ -31343,8 +31455,8 @@ const _sfc_main$1g = defineComponent({
     const handleKeydown = composeEventHandlers((e) => {
       emit("keydown", e);
     }, (e) => {
-      const { key, shiftKey, target, currentTarget } = e;
-      if (key === EVENT_CODE.tab && shiftKey) {
+      const { code, shiftKey, target, currentTarget } = e;
+      if (code === EVENT_CODE.tab && shiftKey) {
         onItemShiftTab();
         return;
       }
@@ -31525,7 +31637,12 @@ const _sfc_main$1f = defineComponent({
     const scrollbar = ref(null);
     const currentTabId = ref(null);
     const isUsingKeyboard = ref(false);
-    const triggerKeys = [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.down];
+    const triggerKeys = [
+      EVENT_CODE.enter,
+      EVENT_CODE.numpadEnter,
+      EVENT_CODE.space,
+      EVENT_CODE.down
+    ];
     const wrapStyle = computed(() => ({
       maxHeight: addUnit(props.maxHeight)
     }));
@@ -31813,8 +31930,7 @@ const _sfc_main$1e = defineComponent({
       return "button";
     });
     const handleKeydown = composeEventHandlers((e) => {
-      const { code } = e;
-      if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {
+      if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(e.code)) {
         e.preventDefault();
         e.stopImmediatePropagation();
         emit("clickimpl", e);
@@ -33489,6 +33605,7 @@ class SubMenu$1 {
             break;
           }
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
           case EVENT_CODE.space: {
             prevDef = true;
             event.currentTarget.click();
@@ -33542,6 +33659,7 @@ class MenuItem$1 {
           break;
         }
         case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
         case EVENT_CODE.space: {
           prevDef = true;
           event.currentTarget.click();
@@ -34802,13 +34920,13 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     role: "option",
     "aria-disabled": _ctx.isDisabled || void 0,
     "aria-selected": _ctx.itemSelected,
-    onMouseenter: _ctx.hoverItem,
+    onMousemove: _ctx.hoverItem,
     onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
+  ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
     [vShow, _ctx.visible]
   ]);
 }
@@ -34873,7 +34991,6 @@ const useSelect$3 = (props, emit) => {
     inputValue: "",
     options: /* @__PURE__ */ new Map(),
     cachedOptions: /* @__PURE__ */ new Map(),
-    disabledOptions: /* @__PURE__ */ new Map(),
     optionValues: [],
     selected: [],
     selectionWidth: 0,
@@ -34936,6 +35053,10 @@ const useSelect$3 = (props, emit) => {
   const hasModelValue = computed(() => {
     return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
+  const needStatusIcon = computed(() => {
+    var _a;
+    return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+  });
   const showClose = computed(() => {
     return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
   });
@@ -35110,9 +35231,7 @@ const useSelect$3 = (props, emit) => {
   };
   const getOption = (value) => {
     let option;
-    const isObjectValue = toRawType(value).toLowerCase() === "object";
-    const isNull = toRawType(value).toLowerCase() === "null";
-    const isUndefined2 = toRawType(value).toLowerCase() === "undefined";
+    const isObjectValue = isPlainObject$1(value);
     for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
       const cachedOption = cachedOptionsArray.value[i];
       const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
@@ -35129,7 +35248,7 @@ const useSelect$3 = (props, emit) => {
     }
     if (option)
       return option;
-    const label = isObjectValue ? value.label : !isNull && !isUndefined2 ? value : "";
+    const label = isObjectValue ? value.label : value != null ? value : "";
     const newOption = {
       value,
       currentLabel: label
@@ -35178,7 +35297,10 @@ const useSelect$3 = (props, emit) => {
       emit(CHANGE_EVENT, val);
     }
   };
-  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => !states.disabledOptions.has(it));
+  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => {
+    const option = states.cachedOptions.get(it);
+    return option && !option.disabled && !option.states.groupDisabled;
+  });
   const deletePrevTag = (e) => {
     if (!props.multiple)
       return;
@@ -35255,7 +35377,9 @@ const useSelect$3 = (props, emit) => {
     });
   };
   const getValueIndex = (arr = [], option) => {
-    if (!isObject$1(option == null ? void 0 : option.value))
+    if (isUndefined(option))
+      return -1;
+    if (!isObject$1(option.value))
       return arr.indexOf(option.value);
     return arr.findIndex((item) => {
       return isEqual$1(get(item, props.valueKey), getValueKey(option));
@@ -35282,7 +35406,6 @@ const useSelect$3 = (props, emit) => {
   const onOptionCreate = (vm) => {
     states.options.set(vm.value, vm);
     states.cachedOptions.set(vm.value, vm);
-    vm.disabled && states.disabledOptions.set(vm.value, vm);
   };
   const onOptionDestroy = (key, vm) => {
     if (states.options.get(key) === vm) {
@@ -35345,8 +35468,9 @@ const useSelect$3 = (props, emit) => {
     if (!expanded.value) {
       toggleMenu();
     } else {
-      if (optionsArray.value[states.hoveringIndex]) {
-        handleOptionSelect(optionsArray.value[states.hoveringIndex]);
+      const option = optionsArray.value[states.hoveringIndex];
+      if (option && !option.disabled && !option.states.groupDisabled) {
+        handleOptionSelect(option);
       }
     }
   };
@@ -35444,6 +35568,7 @@ const useSelect$3 = (props, emit) => {
     shouldShowPlaceholder,
     currentPlaceholder,
     mouseEnterEventName,
+    needStatusIcon,
     showClose,
     iconComponent,
     iconReverse,
@@ -35611,6 +35736,14 @@ const SelectProps$1 = buildProps({
     default: true
   },
   remoteShowSuffix: Boolean,
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
   placement: {
     type: definePropType(String),
     values: Ee,
@@ -35717,6 +35850,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       "gpu-acceleration": false,
       persistent: _ctx.persistent,
       "append-to": _ctx.appendTo,
+      "show-arrow": _ctx.showArrow,
+      offset: _ctx.offset,
       onBeforeShow: _ctx.handleMenuEnter,
       onHide: ($event) => _ctx.states.isBeforeHide = false
     }, {
@@ -35944,7 +36079,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-              _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
                 key: 2,
                 class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
               }, {
@@ -36022,7 +36157,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         }, 512)
       ]),
       _: 3
-    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "onBeforeShow", "onHide"])
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
   ], 16, ["onMouseleave"])), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
@@ -39756,6 +39891,14 @@ const SelectProps = buildProps({
     type: Boolean,
     default: true
   },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
   placement: {
     type: definePropType(String),
     values: Ee,
@@ -39767,6 +39910,7 @@ const SelectProps = buildProps({
   },
   tagType: { ...tagProps.type, default: "info" },
   tagEffect: { ...tagProps.effect, default: "light" },
+  appendTo: String,
   ...useEmptyValuesProps,
   ...useAriaProps(["ariaLabel"])
 });
@@ -39826,7 +39970,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.ns.is("created", _ctx.created),
       _ctx.ns.is("hovering", _ctx.hovering)
     ]),
-    onMouseenter: _ctx.hoverItem,
+    onMousemove: _ctx.hoverItem,
     onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
   }, [
     renderSlot(_ctx.$slots, "default", {
@@ -39836,7 +39980,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [
       createElementVNode("span", null, toDisplayString(_ctx.getLabel(_ctx.item)), 1)
     ])
-  ], 46, ["aria-selected", "onMouseenter", "onClick"]);
+  ], 46, ["aria-selected", "onMousemove", "onClick"]);
 }
 var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
@@ -40005,7 +40149,8 @@ var ElSelectMenu = defineComponent({
         esc,
         down,
         up,
-        enter
+        enter,
+        numpadEnter
       } = EVENT_CODE;
       if (code !== tab) {
         e.preventDefault();
@@ -40013,21 +40158,18 @@ var ElSelectMenu = defineComponent({
       }
       switch (code) {
         case tab:
-        case esc: {
+        case esc:
           break;
-        }
-        case down: {
+        case down:
           onForward();
           break;
-        }
-        case up: {
+        case up:
           onBackward();
           break;
-        }
-        case enter: {
+        case enter:
+        case numpadEnter:
           onKeyboardSelect();
           break;
-        }
       }
     };
     return () => {
@@ -40208,6 +40350,10 @@ const useSelect$1 = (props, emit) => {
   const filteredOptions = ref([]);
   const expanded = ref(false);
   const selectDisabled = computed(() => props.disabled || (elForm == null ? void 0 : elForm.disabled));
+  const needStatusIcon = computed(() => {
+    var _a;
+    return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
+  });
   const popupHeight = computed(() => {
     const totalHeight = filteredOptions.value.length * props.itemHeight;
     return totalHeight > props.height ? props.height : totalHeight;
@@ -40707,7 +40853,8 @@ const useSelect$1 = (props, emit) => {
   });
   watch(() => props.modelValue, (val, oldVal) => {
     var _a;
-    if (!val || props.multiple && val.toString() !== states.previousValue || !props.multiple && getValueKey(val) !== getValueKey(states.previousValue)) {
+    const isValEmpty = !val || isArray$1(val) && val.length === 0;
+    if (isValEmpty || props.multiple && !isEqual$1(val.toString(), states.previousValue) || !props.multiple && getValueKey(val) !== getValueKey(states.previousValue)) {
       initStates(true);
     }
     if (!isEqual$1(val, oldVal) && props.validateEvent) {
@@ -40780,6 +40927,7 @@ const useSelect$1 = (props, emit) => {
     shouldShowPlaceholder,
     selectDisabled,
     selectSize,
+    needStatusIcon,
     showClearBtn,
     states,
     isFocused,
@@ -40912,6 +41060,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       transition: `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
       trigger: "click",
       persistent: _ctx.persistent,
+      "append-to": _ctx.appendTo,
+      "show-arrow": _ctx.showArrow,
+      offset: _ctx.offset,
       onBeforeShow: _ctx.handleMenuEnter,
       onHide: ($event) => _ctx.states.isBeforeHide = false
     }, {
@@ -41138,7 +41289,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-            _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+            _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
               key: 2,
               class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
             }, {
@@ -41207,7 +41358,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "onBeforeShow", "onHide"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
   ], 42, ["onMouseenter", "onMouseleave"])), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
@@ -41234,7 +41385,7 @@ const skeletonProps = buildProps({
     default: true
   },
   throttle: {
-    type: Number
+    type: definePropType([Number, Object])
   }
 });
 
@@ -41295,7 +41446,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       }, _ctx.$attrs), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
           return openBlock(), createElementBlock(Fragment, { key: i }, [
-            _ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
+            unref(uiLoading) ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
               createVNode(SkeletonItem, {
                 class: normalizeClass(unref(ns).is("first")),
                 variant: "p"
@@ -41593,7 +41744,6 @@ const useSlide = (props, initData, emit) => {
   };
 };
 
-const { left, down, right, up, home, end, pageUp, pageDown } = EVENT_CODE;
 const useTooltip = (props, formatTooltip, showTooltip) => {
   const tooltip = ref();
   const tooltipVisible = ref(false);
@@ -41694,20 +41844,30 @@ const useSliderButton = (props, initData, emit) => {
   };
   const onKeyDown = (event) => {
     let isPreventDefault = true;
-    if ([left, down].includes(event.key)) {
-      onLeftKeyDown();
-    } else if ([right, up].includes(event.key)) {
-      onRightKeyDown();
-    } else if (event.key === home) {
-      onHomeKeyDown();
-    } else if (event.key === end) {
-      onEndKeyDown();
-    } else if (event.key === pageDown) {
-      onPageDownKeyDown();
-    } else if (event.key === pageUp) {
-      onPageUpKeyDown();
-    } else {
-      isPreventDefault = false;
+    switch (event.code) {
+      case EVENT_CODE.left:
+      case EVENT_CODE.down:
+        onLeftKeyDown();
+        break;
+      case EVENT_CODE.right:
+      case EVENT_CODE.up:
+        onRightKeyDown();
+        break;
+      case EVENT_CODE.home:
+        onHomeKeyDown();
+        break;
+      case EVENT_CODE.end:
+        onEndKeyDown();
+        break;
+      case EVENT_CODE.pageDown:
+        onPageDownKeyDown();
+        break;
+      case EVENT_CODE.pageUp:
+        onPageUpKeyDown();
+        break;
+      default:
+        isPreventDefault = false;
+        break;
     }
     isPreventDefault && event.preventDefault();
   };
@@ -43479,20 +43639,26 @@ function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren
     }
   });
 }
+const getTableOverflowTooltipProps = (props, content) => {
+  return {
+    content,
+    ...props,
+    popperOptions: {
+      strategy: "fixed",
+      ...props.popperOptions
+    }
+  };
+};
 let removePopper = null;
 function createTablePopper(props, popperContent, trigger, table) {
   if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
+    merge(removePopper.vm.component.props, getTableOverflowTooltipProps(props, popperContent));
     return;
   }
   removePopper == null ? void 0 : removePopper();
   const parentNode = table == null ? void 0 : table.refs.tableWrapper;
   const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-  const popperOptions = {
-    strategy: "fixed",
-    ...props.popperOptions
-  };
   const vm = createVNode(ElTooltip, {
-    content: popperContent,
     virtualTriggering: true,
     virtualRef: trigger,
     appendTo: parentNode,
@@ -43500,11 +43666,7 @@ function createTablePopper(props, popperContent, trigger, table) {
     transition: "none",
     offset: 0,
     hideAfter: 0,
-    ...props,
-    popperOptions,
-    onHide: () => {
-      removePopper == null ? void 0 : removePopper();
-    }
+    ...getTableOverflowTooltipProps(props, popperContent)
   });
   vm.appContext = { ...table.appContext, ...table };
   const container = document.createElement("div");
@@ -43517,6 +43679,7 @@ function createTablePopper(props, popperContent, trigger, table) {
     removePopper = null;
   };
   removePopper.trigger = trigger;
+  removePopper.vm = vm;
   scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
 }
 function getCurrentColumns(column) {
@@ -43991,7 +44154,16 @@ function useWatcher$1() {
   const sortProp = ref(null);
   const sortOrder = ref(null);
   const hoverRow = ref(null);
-  watch(data, () => instance.state && scheduleLayout(false), {
+  watch(data, () => {
+    var _a2;
+    if (instance.state) {
+      scheduleLayout(false);
+      const needUpdateFixed = instance.props.tableLayout === "auto";
+      if (needUpdateFixed) {
+        (_a2 = instance.refs.tableHeaderRef) == null ? void 0 : _a2.updateFixedColumnStyle();
+      }
+    }
+  }, {
     deep: true
   });
   const assertRowKey = () => {
@@ -45520,11 +45692,29 @@ var TableHeader = defineComponent({
     const ns = useNamespace("table");
     const filterPanels = ref({});
     const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
+    const isTableLayoutAuto = (parent == null ? void 0 : parent.props.tableLayout) === "auto";
+    const saveIndexSelection = /* @__PURE__ */ new Map();
+    const theadRef = ref();
+    const updateFixedColumnStyle = () => {
+      setTimeout(() => {
+        if (saveIndexSelection.size > 0) {
+          saveIndexSelection.forEach((column, key) => {
+            const el = theadRef.value.querySelector(`.${key.replace(/\s/g, ".")}`);
+            if (el) {
+              const width = el.getBoundingClientRect().width;
+              column.width = width;
+            }
+          });
+          saveIndexSelection.clear();
+        }
+      });
+    };
     onMounted(async () => {
       await nextTick();
       await nextTick();
       const { prop, order } = props.defaultSort;
       parent == null ? void 0 : parent.store.commit("sort", { prop, order, init: true });
+      updateFixedColumnStyle();
     });
     const {
       handleHeaderClick,
@@ -45565,7 +45755,11 @@ var TableHeader = defineComponent({
       handleSortClick,
       handleFilterClick,
       isGroup,
-      toggleAllSelection
+      toggleAllSelection,
+      saveIndexSelection,
+      isTableLayoutAuto,
+      theadRef,
+      updateFixedColumnStyle
     };
   },
   render() {
@@ -45584,10 +45778,13 @@ var TableHeader = defineComponent({
       handleSortClick,
       handleMouseOut,
       store,
-      $parent
+      $parent,
+      saveIndexSelection,
+      isTableLayoutAuto
     } = this;
     let rowSpan = 1;
     return h$1("thead", {
+      ref: "theadRef",
       class: { [ns.is("group")]: isGroup }
     }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
       class: getHeaderRowClass(rowIndex),
@@ -45597,8 +45794,12 @@ var TableHeader = defineComponent({
       if (column.rowSpan > rowSpan) {
         rowSpan = column.rowSpan;
       }
+      const _class = getHeaderCellClass(rowIndex, cellIndex, subColumns, column);
+      if (isTableLayoutAuto && column.fixed) {
+        saveIndexSelection.set(_class, column);
+      }
       return h$1("th", {
-        class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+        class: _class,
         colspan: column.colSpan,
         key: `${column.id}-thead`,
         rowspan: column.rowSpan,
@@ -46643,19 +46844,6 @@ function useStyle(props, layout, store, table) {
       height
     };
   });
-  const tableInnerStyle = computed(() => {
-    if (props.height) {
-      return {
-        height: !Number.isNaN(Number(props.height)) ? `${props.height}px` : props.height
-      };
-    }
-    if (props.maxHeight) {
-      return {
-        maxHeight: !Number.isNaN(Number(props.maxHeight)) ? `${props.maxHeight}px` : props.maxHeight
-      };
-    }
-    return {};
-  });
   const scrollbarStyle = computed(() => {
     if (props.height) {
       return {
@@ -46707,7 +46895,6 @@ function useStyle(props, layout, store, table) {
     tableBodyStyles,
     tableLayout,
     scrollbarViewStyle,
-    tableInnerStyle,
     scrollbarStyle
   };
 }
@@ -46944,7 +47131,6 @@ const _sfc_main$A = defineComponent({
       tableBodyStyles,
       tableLayout,
       scrollbarViewStyle,
-      tableInnerStyle,
       scrollbarStyle
     } = useStyle(props, layout, store, table);
     const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
@@ -47010,7 +47196,6 @@ const _sfc_main$A = defineComponent({
       computedEmptyText,
       tableLayout,
       scrollbarViewStyle,
-      tableInnerStyle,
       scrollbarStyle,
       scrollBarRef,
       scrollTo,
@@ -47052,8 +47237,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _ctx.handleMouseLeave
   }, [
     createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("inner-wrapper")),
-      style: normalizeStyle(_ctx.tableInnerStyle)
+      class: normalizeClass(_ctx.ns.e("inner-wrapper"))
     }, [
       createElementVNode("div", {
         ref: "hiddenColumns",
@@ -47204,7 +47388,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         key: 2,
         class: normalizeClass(_ctx.ns.e("border-left-patch"))
       }, null, 2)) : createCommentVNode("v-if", true)
-    ], 6),
+    ], 2),
     withDirectives(createElementVNode("div", {
       ref: "resizeProxy",
       class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -50206,31 +50390,27 @@ const TabNav = defineComponent({
         }
       }
     };
-    const changeTab = (e) => {
-      const code = e.code;
-      const {
-        up,
-        down,
-        left,
-        right
-      } = EVENT_CODE;
-      if (![up, down, left, right].includes(code))
-        return;
-      const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
-      const currentIndex = tabList.indexOf(e.target);
-      let nextIndex;
-      if (code === left || code === up) {
-        if (currentIndex === 0) {
-          nextIndex = tabList.length - 1;
-        } else {
-          nextIndex = currentIndex - 1;
-        }
-      } else {
-        if (currentIndex < tabList.length - 1) {
-          nextIndex = currentIndex + 1;
-        } else {
-          nextIndex = 0;
-        }
+    const changeTab = (event) => {
+      let step = 0;
+      switch (event.code) {
+        case EVENT_CODE.left:
+        case EVENT_CODE.up:
+          step = -1;
+          break;
+        case EVENT_CODE.right:
+        case EVENT_CODE.down:
+          step = 1;
+          break;
+        default:
+          return;
+      }
+      const tabList = Array.from(event.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
+      const currentIndex = tabList.indexOf(event.target);
+      let nextIndex = currentIndex + step;
+      if (nextIndex < 0) {
+        nextIndex = tabList.length - 1;
+      } else if (nextIndex >= tabList.length) {
+        nextIndex = 0;
       }
       tabList[nextIndex].focus({
         preventScroll: true
@@ -50448,7 +50628,7 @@ const Tabs = defineComponent({
         "tabindex": "0",
         "onClick": handleTabAdd,
         "onKeydown": (ev) => {
-          if (ev.code === EVENT_CODE.enter)
+          if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(ev.code))
             handleTabAdd();
         }
       }, [addSlot ? renderSlot(slots, "add-icon") : createVNode(ElIcon, {
@@ -53385,7 +53565,7 @@ function useKeydown({ el$ }, store) {
       currentItem.click();
     }
     const hasInput = currentItem.querySelector('[type="checkbox"]');
-    if ([EVENT_CODE.enter, EVENT_CODE.space].includes(code) && hasInput) {
+    if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(code) && hasInput) {
       ev.preventDefault();
       hasInput.click();
     }
@@ -57494,6 +57674,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
       if (!selectedItem || !selectedItemInput) {
         state.width = 0;
+        state.height = 0;
         state.translateX = 0;
         state.translateY = 0;
         state.focusVisible = false;
@@ -57929,12 +58110,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ref_for: true,
                 ref_key: "optionRefs",
                 ref: optionRefs,
-                key: item.value,
+                key: index,
                 class: normalizeClass(optionkls(item, index)),
                 role: "option",
                 "aria-disabled": item.disabled || _ctx.disabled || void 0,
                 "aria-selected": hoveringIndex.value === index,
-                onMouseenter: ($event) => handleMouseEnter(index),
+                onMousemove: ($event) => handleMouseEnter(index),
                 onClick: withModifiers(($event) => handleSelect(item), ["stop"])
               }, [
                 renderSlot(_ctx.$slots, "label", {
@@ -57946,7 +58127,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", null, toDisplayString((_a = item.label) != null ? _a : item.value), 1)
                   ];
                 })
-              ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"]);
+              ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"]);
             }), 128))
           ]),
           _: 3
@@ -58012,55 +58193,60 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
       syncAfterCursorMove();
     };
-    const handleInputKeyDown = (e) => {
+    const handleInputKeyDown = (event) => {
       var _a, _b, _c, _d;
-      if (!("key" in e))
-        return;
-      if ((_a = elInputRef.value) == null ? void 0 : _a.isComposing)
+      if (!("code" in event) || ((_a = elInputRef.value) == null ? void 0 : _a.isComposing))
         return;
-      if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-        syncAfterCursorMove();
-      } else if (["ArrowUp", "ArrowDown"].includes(e.key)) {
-        if (!visible.value)
-          return;
-        e.preventDefault();
-        const direction = e.key === "ArrowUp" ? "prev" : "next";
-        (_b = dropdownRef.value) == null ? void 0 : _b.navigateOptions(direction);
-      } else if (["Enter"].includes(e.key)) {
-        if (!visible.value)
-          return;
-        e.preventDefault();
-        if ((_c = dropdownRef.value) == null ? void 0 : _c.hoverOption) {
-          (_d = dropdownRef.value) == null ? void 0 : _d.selectHoverOption();
-        } else {
-          visible.value = false;
-        }
-      } else if (["Escape"].includes(e.key)) {
-        if (!visible.value)
-          return;
-        e.preventDefault();
-        visible.value = false;
-      } else if (["Backspace"].includes(e.key)) {
-        if (props.whole && mentionCtx.value) {
-          const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } = mentionCtx.value;
-          const inputEl = getInputEl();
-          if (!inputEl)
+      switch (event.code) {
+        case EVENT_CODE.left:
+        case EVENT_CODE.right:
+          syncAfterCursorMove();
+          break;
+        case EVENT_CODE.up:
+        case EVENT_CODE.down:
+          if (!visible.value)
             return;
-          const inputValue = inputEl.value;
-          const matchOption = props.options.find((item) => item.value === pattern);
-          const isWhole = isFunction$1(props.checkIsWhole) ? props.checkIsWhole(pattern, prefix) : matchOption;
-          if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {
-            e.preventDefault();
-            const newValue = inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1);
-            emit(UPDATE_MODEL_EVENT, newValue);
-            const newSelectionEnd = prefixIndex;
-            nextTick(() => {
-              inputEl.selectionStart = newSelectionEnd;
-              inputEl.selectionEnd = newSelectionEnd;
-              syncDropdownVisible();
-            });
+          event.preventDefault();
+          (_b = dropdownRef.value) == null ? void 0 : _b.navigateOptions(event.code === EVENT_CODE.up ? "prev" : "next");
+          break;
+        case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
+          if (!visible.value)
+            return;
+          event.preventDefault();
+          if ((_c = dropdownRef.value) == null ? void 0 : _c.hoverOption) {
+            (_d = dropdownRef.value) == null ? void 0 : _d.selectHoverOption();
+          } else {
+            visible.value = false;
+          }
+          break;
+        case EVENT_CODE.esc:
+          if (!visible.value)
+            return;
+          event.preventDefault();
+          visible.value = false;
+          break;
+        case EVENT_CODE.backspace:
+          if (props.whole && mentionCtx.value) {
+            const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } = mentionCtx.value;
+            const inputEl = getInputEl();
+            if (!inputEl)
+              return;
+            const inputValue = inputEl.value;
+            const matchOption = props.options.find((item) => item.value === pattern);
+            const isWhole = isFunction$1(props.checkIsWhole) ? props.checkIsWhole(pattern, prefix) : matchOption;
+            if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {
+              event.preventDefault();
+              const newValue = inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1);
+              emit(UPDATE_MODEL_EVENT, newValue);
+              const newSelectionEnd = prefixIndex;
+              nextTick(() => {
+                inputEl.selectionStart = newSelectionEnd;
+                inputEl.selectionEnd = newSelectionEnd;
+                syncDropdownVisible();
+              });
+            }
           }
-        }
       }
     };
     const { wrapperRef } = useFocusController(elInputRef, {