element-plus 2.8.7 → 2.8.8

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.7 */
+/*! Element Plus v2.8.8 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -770,9 +770,6 @@
   };
   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);
@@ -8748,13 +8745,12 @@
       var _a;
       if (isArray$1(child)) {
         result.push(...flattedChildren(child));
+      } else if (vue.isVNode(child) && ((_a = child.component) == null ? void 0 : _a.subTree)) {
+        result.push(child, ...flattedChildren(child.component.subTree));
       } else if (vue.isVNode(child) && isArray$1(child.children)) {
         result.push(...flattedChildren(child.children));
       } else {
         result.push(child);
-        if (vue.isVNode(child) && ((_a = child.component) == null ? void 0 : _a.subTree)) {
-          result.push(...flattedChildren(child.component.subTree));
-        }
       }
     });
     return result;
@@ -9535,23 +9531,39 @@
   const useThrottleRender = (loading, throttle = 0) => {
     if (throttle === 0)
       return loading;
-    const throttled = vue.ref(false);
+    const initVal = isObject$1(throttle) && Boolean(throttle.initVal);
+    const throttled = vue.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);
     };
-    vue.onMounted(dispatchThrottling);
-    vue.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;
+        }
       }
+    };
+    vue.onMounted(() => dispatcher("leading"));
+    vue.watch(() => loading.value, (val) => {
+      dispatcher(val ? "leading" : "trailing");
     });
     return throttled;
   };
@@ -9646,9 +9658,8 @@
   };
 
   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));
     }
   };
@@ -11556,7 +11567,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.8.7";
+  const version$1 = "2.8.8";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15213,9 +15224,9 @@
           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;
@@ -15865,7 +15876,7 @@
     },
     triggerKeys: {
       type: definePropType(Array),
-      default: () => [EVENT_CODE.enter, EVENT_CODE.space]
+      default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
     }
   });
 
@@ -18323,31 +18334,34 @@
     !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);
@@ -18358,19 +18372,19 @@
           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) {
@@ -18378,130 +18392,212 @@
             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() {
@@ -18511,16 +18607,16 @@
         }, 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;
@@ -18531,14 +18627,14 @@
     !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;
@@ -18547,11 +18643,11 @@
           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) {
@@ -18561,55 +18657,57 @@
         } 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, "");
             }
           }
@@ -18623,35 +18721,35 @@
         };
       }
       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);
@@ -19016,7 +19114,7 @@
       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;
@@ -19899,6 +19997,8 @@
     emits: ["change", "select-range", "set-option"],
     setup(__props, { emit }) {
       const props = __props;
+      const pickerBase = vue.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;
@@ -19923,10 +20023,12 @@
       });
       const timeList = vue.computed(() => {
         const { hours, minutes } = vue.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 = vue.computed(() => {
@@ -23658,6 +23760,7 @@
             break;
           }
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
             checkNode(target);
             break;
         }
@@ -24175,6 +24278,7 @@
           return;
         switch (e.code) {
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
             togglePopperVisible();
             break;
           case EVENT_CODE.down:
@@ -24229,6 +24333,7 @@
             break;
           }
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
             target.click();
             break;
         }
@@ -26110,6 +26215,7 @@
       function handleKeyDown(event) {
         switch (event.code) {
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
           case EVENT_CODE.space:
             event.preventDefault();
             event.stopPropagation();
@@ -26498,16 +26604,13 @@
     !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);
@@ -26521,13 +26624,13 @@
                 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":
@@ -26540,7 +26643,7 @@
                 return e3;
             }
           });
-          return s.bind(this)(a);
+          return n.bind(this)(a);
         };
       };
     });
@@ -29934,8 +30037,9 @@
       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");
@@ -30074,6 +30178,10 @@
     extra: {
       type: String,
       default: ""
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: ""
     }
   });
 
@@ -30218,6 +30326,10 @@
       type: [String, Number],
       default: ""
     },
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
     align: {
       type: String,
       default: "left"
@@ -31174,7 +31286,7 @@
     }
   };
   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))
@@ -31347,8 +31459,8 @@
       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;
         }
@@ -31529,7 +31641,12 @@
       const scrollbar = vue.ref(null);
       const currentTabId = vue.ref(null);
       const isUsingKeyboard = vue.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 = vue.computed(() => ({
         maxHeight: addUnit(props.maxHeight)
       }));
@@ -31817,8 +31934,7 @@
         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);
@@ -33493,6 +33609,7 @@
               break;
             }
             case EVENT_CODE.enter:
+            case EVENT_CODE.numpadEnter:
             case EVENT_CODE.space: {
               prevDef = true;
               event.currentTarget.click();
@@ -33546,6 +33663,7 @@
             break;
           }
           case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
           case EVENT_CODE.space: {
             prevDef = true;
             event.currentTarget.click();
@@ -34806,13 +34924,13 @@
       role: "option",
       "aria-disabled": _ctx.isDisabled || void 0,
       "aria-selected": _ctx.itemSelected,
-      onMouseenter: _ctx.hoverItem,
+      onMousemove: _ctx.hoverItem,
       onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
       ])
-    ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
+    ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
       [vue.vShow, _ctx.visible]
     ]);
   }
@@ -34877,7 +34995,6 @@
       inputValue: "",
       options: /* @__PURE__ */ new Map(),
       cachedOptions: /* @__PURE__ */ new Map(),
-      disabledOptions: /* @__PURE__ */ new Map(),
       optionValues: [],
       selected: [],
       selectionWidth: 0,
@@ -34940,6 +35057,10 @@
     const hasModelValue = vue.computed(() => {
       return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
     });
+    const needStatusIcon = vue.computed(() => {
+      var _a;
+      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+    });
     const showClose = vue.computed(() => {
       return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
     });
@@ -35114,9 +35235,7 @@
     };
     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;
@@ -35133,7 +35252,7 @@
       }
       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
@@ -35182,7 +35301,10 @@
         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;
@@ -35259,7 +35381,9 @@
       });
     };
     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));
@@ -35286,7 +35410,6 @@
     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) {
@@ -35349,8 +35472,9 @@
       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);
         }
       }
     };
@@ -35448,6 +35572,7 @@
       shouldShowPlaceholder,
       currentPlaceholder,
       mouseEnterEventName,
+      needStatusIcon,
       showClose,
       iconComponent,
       iconReverse,
@@ -35615,6 +35740,14 @@
       default: true
     },
     remoteShowSuffix: Boolean,
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    offset: {
+      type: Number,
+      default: 12
+    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -35721,6 +35854,8 @@
         "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
       }, {
@@ -35948,7 +36083,7 @@
                   ]),
                   _: 1
                 }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
-                _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 2,
                   class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
                 }, {
@@ -36026,7 +36161,7 @@
           }, 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]
     ]);
@@ -39760,6 +39895,14 @@
       type: Boolean,
       default: true
     },
+    offset: {
+      type: Number,
+      default: 12
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -39771,6 +39914,7 @@
     },
     tagType: { ...tagProps.type, default: "info" },
     tagEffect: { ...tagProps.effect, default: "light" },
+    appendTo: String,
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -39830,7 +39974,7 @@
         _ctx.ns.is("created", _ctx.created),
         _ctx.ns.is("hovering", _ctx.hovering)
       ]),
-      onMouseenter: _ctx.hoverItem,
+      onMousemove: _ctx.hoverItem,
       onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
     }, [
       vue.renderSlot(_ctx.$slots, "default", {
@@ -39840,7 +39984,7 @@
       }, () => [
         vue.createElementVNode("span", null, vue.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"]]);
 
@@ -40009,7 +40153,8 @@
           esc,
           down,
           up,
-          enter
+          enter,
+          numpadEnter
         } = EVENT_CODE;
         if (code !== tab) {
           e.preventDefault();
@@ -40017,21 +40162,18 @@
         }
         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 () => {
@@ -40212,6 +40354,10 @@
     const filteredOptions = vue.ref([]);
     const expanded = vue.ref(false);
     const selectDisabled = vue.computed(() => props.disabled || (elForm == null ? void 0 : elForm.disabled));
+    const needStatusIcon = vue.computed(() => {
+      var _a;
+      return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
+    });
     const popupHeight = vue.computed(() => {
       const totalHeight = filteredOptions.value.length * props.itemHeight;
       return totalHeight > props.height ? props.height : totalHeight;
@@ -40711,7 +40857,8 @@
     });
     vue.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) {
@@ -40784,6 +40931,7 @@
       shouldShowPlaceholder,
       selectDisabled,
       selectSize,
+      needStatusIcon,
       showClearBtn,
       states,
       isFocused,
@@ -40916,6 +41064,9 @@
         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
       }, {
@@ -41142,7 +41293,7 @@
                 ]),
                 _: 1
               }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
-              _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 2,
                 class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
               }, {
@@ -41211,7 +41362,7 @@
           ]), 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]
     ]);
@@ -41238,7 +41389,7 @@
       default: true
     },
     throttle: {
-      type: Number
+      type: definePropType([Number, Object])
     }
   });
 
@@ -41299,7 +41450,7 @@
         }, _ctx.$attrs), [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
-              _ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
+              vue.unref(uiLoading) ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
                 vue.createVNode(SkeletonItem, {
                   class: vue.normalizeClass(vue.unref(ns).is("first")),
                   variant: "p"
@@ -41597,7 +41748,6 @@
     };
   };
 
-  const { left, down, right, up, home, end, pageUp, pageDown } = EVENT_CODE;
   const useTooltip = (props, formatTooltip, showTooltip) => {
     const tooltip = vue.ref();
     const tooltipVisible = vue.ref(false);
@@ -41698,20 +41848,30 @@
     };
     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();
     };
@@ -43483,20 +43643,26 @@
       }
     });
   }
+  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 = vue.createVNode(ElTooltip, {
-      content: popperContent,
       virtualTriggering: true,
       virtualRef: trigger,
       appendTo: parentNode,
@@ -43504,11 +43670,7 @@
       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");
@@ -43521,6 +43683,7 @@
       removePopper = null;
     };
     removePopper.trigger = trigger;
+    removePopper.vm = vm;
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
   }
   function getCurrentColumns(column) {
@@ -43995,7 +44158,16 @@
     const sortProp = vue.ref(null);
     const sortOrder = vue.ref(null);
     const hoverRow = vue.ref(null);
-    vue.watch(data, () => instance.state && scheduleLayout(false), {
+    vue.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 = () => {
@@ -45524,11 +45696,29 @@
       const ns = useNamespace("table");
       const filterPanels = vue.ref({});
       const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
+      const isTableLayoutAuto = (parent == null ? void 0 : parent.props.tableLayout) === "auto";
+      const saveIndexSelection = /* @__PURE__ */ new Map();
+      const theadRef = vue.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();
+          }
+        });
+      };
       vue.onMounted(async () => {
         await vue.nextTick();
         await vue.nextTick();
         const { prop, order } = props.defaultSort;
         parent == null ? void 0 : parent.store.commit("sort", { prop, order, init: true });
+        updateFixedColumnStyle();
       });
       const {
         handleHeaderClick,
@@ -45569,7 +45759,11 @@
         handleSortClick,
         handleFilterClick,
         isGroup,
-        toggleAllSelection
+        toggleAllSelection,
+        saveIndexSelection,
+        isTableLayoutAuto,
+        theadRef,
+        updateFixedColumnStyle
       };
     },
     render() {
@@ -45588,10 +45782,13 @@
         handleSortClick,
         handleMouseOut,
         store,
-        $parent
+        $parent,
+        saveIndexSelection,
+        isTableLayoutAuto
       } = this;
       let rowSpan = 1;
       return vue.h("thead", {
+        ref: "theadRef",
         class: { [ns.is("group")]: isGroup }
       }, columnRows.map((subColumns, rowIndex) => vue.h("tr", {
         class: getHeaderRowClass(rowIndex),
@@ -45601,8 +45798,12 @@
         if (column.rowSpan > rowSpan) {
           rowSpan = column.rowSpan;
         }
+        const _class = getHeaderCellClass(rowIndex, cellIndex, subColumns, column);
+        if (isTableLayoutAuto && column.fixed) {
+          saveIndexSelection.set(_class, column);
+        }
         return vue.h("th", {
-          class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+          class: _class,
           colspan: column.colSpan,
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,
@@ -46647,19 +46848,6 @@
         height
       };
     });
-    const tableInnerStyle = vue.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 = vue.computed(() => {
       if (props.height) {
         return {
@@ -46711,7 +46899,6 @@
       tableBodyStyles,
       tableLayout,
       scrollbarViewStyle,
-      tableInnerStyle,
       scrollbarStyle
     };
   }
@@ -46948,7 +47135,6 @@
         tableBodyStyles,
         tableLayout,
         scrollbarViewStyle,
-        tableInnerStyle,
         scrollbarStyle
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
@@ -47014,7 +47200,6 @@
         computedEmptyText,
         tableLayout,
         scrollbarViewStyle,
-        tableInnerStyle,
         scrollbarStyle,
         scrollBarRef,
         scrollTo,
@@ -47056,8 +47241,7 @@
       onMouseleave: _ctx.handleMouseLeave
     }, [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
-        style: vue.normalizeStyle(_ctx.tableInnerStyle)
+        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper"))
       }, [
         vue.createElementVNode("div", {
           ref: "hiddenColumns",
@@ -47208,7 +47392,7 @@
           key: 2,
           class: vue.normalizeClass(_ctx.ns.e("border-left-patch"))
         }, null, 2)) : vue.createCommentVNode("v-if", true)
-      ], 6),
+      ], 2),
       vue.withDirectives(vue.createElementVNode("div", {
         ref: "resizeProxy",
         class: vue.normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -50210,31 +50394,27 @@
           }
         }
       };
-      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
@@ -50452,7 +50632,7 @@
           "tabindex": "0",
           "onClick": handleTabAdd,
           "onKeydown": (ev) => {
-            if (ev.code === EVENT_CODE.enter)
+            if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(ev.code))
               handleTabAdd();
           }
         }, [addSlot ? vue.renderSlot(slots, "add-icon") : vue.createVNode(ElIcon, {
@@ -53389,7 +53569,7 @@
         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();
       }
@@ -57498,6 +57678,7 @@
         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;
@@ -57933,12 +58114,12 @@
                   ref_for: true,
                   ref_key: "optionRefs",
                   ref: optionRefs,
-                  key: item.value,
+                  key: index,
                   class: vue.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: vue.withModifiers(($event) => handleSelect(item), ["stop"])
                 }, [
                   vue.renderSlot(_ctx.$slots, "label", {
@@ -57950,7 +58131,7 @@
                       vue.createElementVNode("span", null, vue.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
@@ -58016,55 +58197,60 @@
         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;
-              vue.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;
+                vue.nextTick(() => {
+                  inputEl.selectionStart = newSelectionEnd;
+                  inputEl.selectionEnd = newSelectionEnd;
+                  syncDropdownVisible();
+                });
+              }
             }
-          }
         }
       };
       const { wrapperRef } = useFocusController(elInputRef, {