element-plus 2.7.3 → 2.7.4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.7.3 */
+/*! Element Plus v2.7.4 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9084,216 +9084,6 @@
     return buildLocaleContext(vue.computed(() => locale.value || English));
   };
 
-  let activeEffectScope;
-  function recordEffectScope(effect2, scope = activeEffectScope) {
-    if (scope && scope.active) {
-      scope.effects.push(effect2);
-    }
-  }
-  const createDep = (effects) => {
-    const dep = new Set(effects);
-    dep.w = 0;
-    dep.n = 0;
-    return dep;
-  };
-  const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
-  const newTracked = (dep) => (dep.n & trackOpBit) > 0;
-  const initDepMarkers = ({ deps }) => {
-    if (deps.length) {
-      for (let i = 0; i < deps.length; i++) {
-        deps[i].w |= trackOpBit;
-      }
-    }
-  };
-  const finalizeDepMarkers = (effect2) => {
-    const { deps } = effect2;
-    if (deps.length) {
-      let ptr = 0;
-      for (let i = 0; i < deps.length; i++) {
-        const dep = deps[i];
-        if (wasTracked(dep) && !newTracked(dep)) {
-          dep.delete(effect2);
-        } else {
-          deps[ptr++] = dep;
-        }
-        dep.w &= ~trackOpBit;
-        dep.n &= ~trackOpBit;
-      }
-      deps.length = ptr;
-    }
-  };
-  let effectTrackDepth = 0;
-  let trackOpBit = 1;
-  const maxMarkerBits = 30;
-  let activeEffect;
-  class ReactiveEffect {
-    constructor(fn, scheduler2 = null, scope) {
-      this.fn = fn;
-      this.scheduler = scheduler2;
-      this.active = true;
-      this.deps = [];
-      this.parent = void 0;
-      recordEffectScope(this, scope);
-    }
-    run() {
-      if (!this.active) {
-        return this.fn();
-      }
-      let parent = activeEffect;
-      let lastShouldTrack = shouldTrack;
-      while (parent) {
-        if (parent === this) {
-          return;
-        }
-        parent = parent.parent;
-      }
-      try {
-        this.parent = activeEffect;
-        activeEffect = this;
-        shouldTrack = true;
-        trackOpBit = 1 << ++effectTrackDepth;
-        if (effectTrackDepth <= maxMarkerBits) {
-          initDepMarkers(this);
-        } else {
-          cleanupEffect(this);
-        }
-        return this.fn();
-      } finally {
-        if (effectTrackDepth <= maxMarkerBits) {
-          finalizeDepMarkers(this);
-        }
-        trackOpBit = 1 << --effectTrackDepth;
-        activeEffect = this.parent;
-        shouldTrack = lastShouldTrack;
-        this.parent = void 0;
-        if (this.deferStop) {
-          this.stop();
-        }
-      }
-    }
-    stop() {
-      if (activeEffect === this) {
-        this.deferStop = true;
-      } else if (this.active) {
-        cleanupEffect(this);
-        if (this.onStop) {
-          this.onStop();
-        }
-        this.active = false;
-      }
-    }
-  }
-  function cleanupEffect(effect2) {
-    const { deps } = effect2;
-    if (deps.length) {
-      for (let i = 0; i < deps.length; i++) {
-        deps[i].delete(effect2);
-      }
-      deps.length = 0;
-    }
-  }
-  let shouldTrack = true;
-  function trackEffects(dep, debuggerEventExtraInfo) {
-    let shouldTrack2 = false;
-    if (effectTrackDepth <= maxMarkerBits) {
-      if (!newTracked(dep)) {
-        dep.n |= trackOpBit;
-        shouldTrack2 = !wasTracked(dep);
-      }
-    } else {
-      shouldTrack2 = !dep.has(activeEffect);
-    }
-    if (shouldTrack2) {
-      dep.add(activeEffect);
-      activeEffect.deps.push(dep);
-    }
-  }
-  function triggerEffects(dep, debuggerEventExtraInfo) {
-    const effects = isArray$1(dep) ? dep : [...dep];
-    for (const effect2 of effects) {
-      if (effect2.computed) {
-        triggerEffect(effect2);
-      }
-    }
-    for (const effect2 of effects) {
-      if (!effect2.computed) {
-        triggerEffect(effect2);
-      }
-    }
-  }
-  function triggerEffect(effect2, debuggerEventExtraInfo) {
-    if (effect2 !== activeEffect || effect2.allowRecurse) {
-      if (effect2.scheduler) {
-        effect2.scheduler();
-      } else {
-        effect2.run();
-      }
-    }
-  }
-  function toRaw(observed) {
-    const raw = observed && observed["__v_raw"];
-    return raw ? toRaw(raw) : observed;
-  }
-  function trackRefValue(ref2) {
-    if (shouldTrack && activeEffect) {
-      ref2 = toRaw(ref2);
-      {
-        trackEffects(ref2.dep || (ref2.dep = createDep()));
-      }
-    }
-  }
-  function triggerRefValue(ref2, newVal) {
-    ref2 = toRaw(ref2);
-    if (ref2.dep) {
-      {
-        triggerEffects(ref2.dep);
-      }
-    }
-  }
-  class ComputedRefImpl {
-    constructor(getter, _setter, isReadonly2, isSSR) {
-      this._setter = _setter;
-      this.dep = void 0;
-      this.__v_isRef = true;
-      this._dirty = true;
-      this.effect = new ReactiveEffect(getter, () => {
-        if (!this._dirty) {
-          this._dirty = true;
-          triggerRefValue(this);
-        }
-      });
-      this.effect.computed = this;
-      this.effect.active = this._cacheable = !isSSR;
-      this["__v_isReadonly"] = isReadonly2;
-    }
-    get value() {
-      const self = toRaw(this);
-      trackRefValue(self);
-      if (self._dirty || !self._cacheable) {
-        self._dirty = false;
-        self._value = self.effect.run();
-      }
-      return self._value;
-    }
-    set value(newValue) {
-      this._setter(newValue);
-    }
-  }
-  function computed(getterOrOptions, debugOptions, isSSR = false) {
-    let getter;
-    let setter;
-    const onlyGetter = isFunction$1(getterOrOptions);
-    if (onlyGetter) {
-      getter = getterOrOptions;
-      setter = NOOP;
-    } else {
-      getter = getterOrOptions.get;
-      setter = getterOrOptions.set;
-    }
-    const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
-    return cRef;
-  }
-
   const defaultNamespace = "el";
   const statePrefix = "is-";
   const _bem = (namespace, block, blockSuffix, element, modifier) => {
@@ -9372,7 +9162,7 @@
       throwError("[useLockscreen]", "You need to pass a ref param to this function");
     }
     const ns = options.ns || useNamespace("popup");
-    const hiddenCls = computed(() => ns.bm("parent", "hidden"));
+    const hiddenCls = vue.computed(() => ns.bm("parent", "hidden"));
     if (!isClient || hasClass(document.body, hiddenCls.value)) {
       return;
     }
@@ -10130,21 +9920,6 @@
     } = config;
     const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
 
-    if (process.env.NODE_ENV !== "production") {
-      if (platform == null) {
-        console.error(['Floating UI: `platform` property was not passed to config. If you', 'want to use Floating UI on the web, install @floating-ui/dom', 'instead of the /core package. Otherwise, you can create your own', '`platform`: https://floating-ui.com/docs/platform'].join(' '));
-      }
-
-      if (middleware.filter(_ref => {
-        let {
-          name
-        } = _ref;
-        return name === 'autoPlacement' || name === 'flip';
-      }).length > 1) {
-        throw new Error(['Floating UI: duplicate `flip` and/or `autoPlacement`', 'middleware detected. This will lead to an infinite loop. Ensure only', 'one of either has been passed to the `middleware` array.'].join(' '));
-      }
-    }
-
     let rects = await platform.getElementRects({
       reference,
       floating,
@@ -10190,12 +9965,6 @@
         }
       };
 
-      if (process.env.NODE_ENV !== "production") {
-        if (resetCount > 50) {
-          console.warn(['Floating UI: The middleware lifecycle appears to be running in an', 'infinite loop. This is usually caused by a `reset` continually', 'being returned without a break condition.'].join(' '));
-        }
-      }
-
       if (reset && resetCount <= 50) {
         resetCount++;
 
@@ -10346,9 +10115,6 @@
       } = middlewareArguments;
 
       if (element == null) {
-        if (process.env.NODE_ENV !== "production") {
-          console.warn('Floating UI: No `element` was passed to the `arrow` middleware.');
-        }
 
         return {};
       }
@@ -11726,7 +11492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.7.3";
+  const version$1 = "2.7.4";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12789,7 +12555,6 @@
     var len = typeof rule.len === "number";
     var min = typeof rule.min === "number";
     var max = typeof rule.max === "number";
-    var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
     var val = value;
     var key = null;
     var num = typeof value === "number";
@@ -12809,7 +12574,7 @@
       val = value.length;
     }
     if (str) {
-      val = value.replace(spRegexp, "_").length;
+      val = value.length;
     }
     if (len) {
       if (val !== rule.len) {
@@ -14030,7 +13795,7 @@
 
   const _hoisted_1$17 = ["role"];
   const _hoisted_2$J = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-  const _hoisted_3$j = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_3$l = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
   const __default__$1G = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -14455,7 +14220,7 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$j),
+            }), null, 16, _hoisted_3$l),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -15912,7 +15677,7 @@
         arrowRef,
         arrowOffset
       });
-      if (formItemContext && (formItemContext.addInputId || formItemContext.removeInputId)) {
+      if (formItemContext) {
         vue.provide(formItemContextKey, {
           ...formItemContext,
           addInputId: NOOP,
@@ -16548,7 +16313,7 @@
 
   const _hoisted_1$15 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$H = { key: 0 };
-  const _hoisted_3$i = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1x = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16816,7 +16581,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$i);
+                    ], 10, _hoisted_3$k);
                   }), 128))
                 ]),
                 _: 3
@@ -21672,7 +21437,7 @@
 
   const _hoisted_1$Z = ["aria-label"];
   const _hoisted_2$D = ["aria-label"];
-  const _hoisted_3$h = ["onMouseenter", "onClick"];
+  const _hoisted_3$j = ["onMouseenter", "onClick"];
   const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$7 = { key: 0 };
   const _hoisted_6$4 = {
@@ -21862,7 +21627,7 @@
                 }, [
                   vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 10, _hoisted_4$b)
-              ], 42, _hoisted_3$h)), [
+              ], 42, _hoisted_3$j)), [
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
@@ -24016,7 +23781,7 @@
 
   const _hoisted_1$S = { key: 0 };
   const _hoisted_2$z = ["placeholder", "onKeydown"];
-  const _hoisted_3$g = ["onClick"];
+  const _hoisted_3$i = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$1c = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -24604,7 +24369,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$g);
+                  ], 10, _hoisted_3$i);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -26336,11 +26101,12 @@
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
+            vue.createElementVNode("div", vue.mergeProps({
               id: vue.unref(buttonId),
               ref_key: "triggerRef",
-              ref: triggerRef,
-              class: vue.normalizeClass(vue.unref(btnKls)),
+              ref: triggerRef
+            }, _ctx.$attrs, {
+              class: vue.unref(btnKls),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),
@@ -26350,7 +26116,7 @@
               onKeydown: handleKeyDown,
               onFocus: handleFocus,
               onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args))
-            }, [
+            }), [
               vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: vue.normalizeClass(vue.unref(ns).be("picker", "mask"))
@@ -26391,7 +26157,7 @@
                   ], 6)
                 ], 2)
               ], 2)
-            ], 42, _hoisted_2$w)
+            ], 16, _hoisted_2$w)
           ]),
           _: 1
         }, 8, ["visible", "popper-class", "teleported", "transition"]);
@@ -27235,7 +27001,7 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$f = ["aria-label"];
+  const _hoisted_3$h = ["aria-label"];
   const _hoisted_4$a = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
@@ -27288,7 +27054,7 @@
                   key,
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week),
                   scope: "col"
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$f);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -27326,7 +27092,7 @@
 
   const _hoisted_1$M = ["aria-label"];
   const _hoisted_2$u = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$e = { class: "cell" };
+  const _hoisted_3$g = { class: "cell" };
   const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -27509,7 +27275,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$u);
                 }), 128))
@@ -27532,7 +27298,7 @@
 
   const _hoisted_1$L = ["aria-label"];
   const _hoisted_2$t = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$d = { class: "cell" };
+  const _hoisted_3$f = { class: "cell" };
   const _hoisted_4$9 = { key: 1 };
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
@@ -27627,7 +27393,7 @@
                       ]
                     }, [
                       vue.createElementVNode("div", null, [
-                        vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                        vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
                       ])
                     ], 42, _hoisted_2$t)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$9))
                   ], 64);
@@ -27643,7 +27409,7 @@
 
   const _hoisted_1$K = ["onClick"];
   const _hoisted_2$s = ["aria-label"];
-  const _hoisted_3$c = ["aria-label"];
+  const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$8 = ["aria-label"];
   const _hoisted_5$6 = ["aria-label"];
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
@@ -28161,7 +27927,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -28403,7 +28169,7 @@
 
   const _hoisted_1$J = ["onClick"];
   const _hoisted_2$r = ["aria-label"];
-  const _hoisted_3$b = ["aria-label"];
+  const _hoisted_3$d = ["aria-label"];
   const _hoisted_4$7 = ["disabled", "aria-label"];
   const _hoisted_5$5 = ["disabled", "aria-label"];
   const _hoisted_6$3 = ["disabled", "aria-label"];
@@ -28890,7 +28656,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$b),
+                  ], 10, _hoisted_3$d),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
@@ -29115,7 +28881,7 @@
 
   const _hoisted_1$I = ["onClick"];
   const _hoisted_2$q = ["disabled"];
-  const _hoisted_3$a = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
   const unit = "year";
   const __default__$_ = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -29293,7 +29059,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29828,7 +29594,7 @@
 
   const _hoisted_1$G = ["aria-level"];
   const _hoisted_2$p = ["aria-label"];
-  const _hoisted_3$9 = ["id"];
+  const _hoisted_3$b = ["id"];
   const __default__$X = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$X,
@@ -29892,7 +29658,7 @@
             class: vue.normalizeClass(vue.unref(ns).e("body"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_3$9),
+          ], 10, _hoisted_3$b),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("footer"))
@@ -30371,7 +30137,7 @@
 
   const _hoisted_1$E = ["aria-label", "aria-labelledby", "aria-describedby"];
   const _hoisted_2$o = ["id", "aria-level"];
-  const _hoisted_3$8 = ["aria-label"];
+  const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$6 = ["id"];
   const __default__$U = vue.defineComponent({
     name: "ElDrawer",
@@ -30504,7 +30270,7 @@
                               ]),
                               _: 1
                             }, 8, ["class"])
-                          ], 10, _hoisted_3$8)) : vue.createCommentVNode("v-if", true)
+                          ], 10, _hoisted_3$a)) : vue.createCommentVNode("v-if", true)
                         ], 2)) : vue.createCommentVNode("v-if", true),
                         vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
                           key: 1,
@@ -31579,7 +31345,7 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$n = ["id"];
-  const _hoisted_3$7 = ["stop-color"];
+  const _hoisted_3$9 = ["stop-color"];
   const _hoisted_4$5 = ["stop-color"];
   const _hoisted_5$4 = ["id"];
   const _hoisted_6$2 = ["stop-color"];
@@ -31639,7 +31405,7 @@
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
                 offset: "0%"
-              }, null, 8, _hoisted_3$7),
+              }, null, 8, _hoisted_3$9),
               vue.createElementVNode("stop", {
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
@@ -34744,9 +34510,11 @@
         const lastNotDisabledIndex = getLastNotDisabledIndex(value);
         if (lastNotDisabledIndex < 0)
           return;
+        const removeTagValue = value[lastNotDisabledIndex];
         value.splice(lastNotDisabledIndex, 1);
         emit(UPDATE_MODEL_EVENT, value);
         emitChange(value);
+        emit("remove-tag", removeTagValue);
       }
     };
     const deleteTag = (event, tag) => {
@@ -35227,6 +34995,7 @@
   });
   const _hoisted_1$r = ["id", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
   const _hoisted_2$h = ["textContent"];
+  const _hoisted_3$8 = { key: 1 };
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -35305,7 +35074,14 @@
                         default: vue.withCtx(() => [
                           vue.createElementVNode("span", {
                             class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                          }, vue.toDisplayString(item.currentLabel), 3)
+                          }, [
+                            vue.renderSlot(_ctx.$slots, "label", {
+                              label: item.currentLabel,
+                              value: item.value
+                            }, () => [
+                              vue.createTextVNode(vue.toDisplayString(item.currentLabel), 1)
+                            ])
+                          ], 2)
                         ]),
                         _: 2
                       }, 1032, ["closable", "size", "type", "style", "onClose"])
@@ -35362,7 +35138,14 @@
                               default: vue.withCtx(() => [
                                 vue.createElementVNode("span", {
                                   class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                                }, vue.toDisplayString(item.currentLabel), 3)
+                                }, [
+                                  vue.renderSlot(_ctx.$slots, "label", {
+                                    label: item.currentLabel,
+                                    value: item.value
+                                  }, () => [
+                                    vue.createTextVNode(vue.toDisplayString(item.currentLabel), 1)
+                                  ])
+                                ], 2)
                               ]),
                               _: 2
                             }, 1032, ["closable", "size", "type", "onClose"])
@@ -35370,7 +35153,7 @@
                         }), 128))
                       ], 2)
                     ]),
-                    _: 1
+                    _: 3
                   }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
                 ]) : vue.createCommentVNode("v-if", true),
                 !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -35432,7 +35215,13 @@
                     _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
                   ])
                 }, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                  _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                    key: 0,
+                    label: _ctx.currentPlaceholder,
+                    value: _ctx.modelValue
+                  }, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                  ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$8, vue.toDisplayString(_ctx.currentPlaceholder), 1))
                 ], 2)) : vue.createCommentVNode("v-if", true)
               ], 2),
               vue.createElementVNode("div", {
@@ -35817,7 +35606,7 @@
 
   const _hoisted_1$o = ["onKeyup"];
   const _hoisted_2$g = ["aria-current", "aria-label", "tabindex"];
-  const _hoisted_3$6 = ["tabindex", "aria-label"];
+  const _hoisted_3$7 = ["tabindex", "aria-label"];
   const _hoisted_4$4 = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_5$3 = ["tabindex", "aria-label"];
   const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
@@ -35984,7 +35773,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
             (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
-          ], 42, _hoisted_3$6)) : vue.createCommentVNode("v-if", true),
+          ], 42, _hoisted_3$7)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: pager,
@@ -36687,7 +36476,7 @@
 
   const _hoisted_1$n = ["aria-valuenow"];
   const _hoisted_2$f = { viewBox: "0 0 100 100" };
-  const _hoisted_3$5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+  const _hoisted_3$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
   const _hoisted_4$3 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$2 = { key: 0 };
   const __default__$E = vue.defineComponent({
@@ -36851,7 +36640,7 @@
                 "stroke-width": vue.unref(relativeStrokeWidth),
                 fill: "none",
                 style: vue.normalizeStyle(vue.unref(trailPathStyle))
-              }, null, 14, _hoisted_3$5),
+              }, null, 14, _hoisted_3$6),
               vue.createElementVNode("path", {
                 class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
                 d: vue.unref(trackPath),
@@ -39135,20 +38924,10 @@
     }
   });
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-    return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
+    return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
       style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
-    }, vue.toDisplayString(_ctx.item.label), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
-      key: 1,
-      class: vue.normalizeClass(_ctx.ns.be("group", "split")),
-      style: vue.normalizeStyle(_ctx.style)
-    }, [
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass(_ctx.ns.be("group", "split-dash")),
-        style: vue.normalizeStyle({ top: `${_ctx.height / 2}px` })
-      }, null, 6)
-    ], 6));
+    }, vue.toDisplayString(_ctx.item.label), 7);
   }
   var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
@@ -39759,9 +39538,8 @@
           if (filtered.length > 0) {
             all.push({
               label: getLabel(item),
-              isTitle: true,
               type: "Group"
-            }, ...filtered, { type: "Group" });
+            }, ...filtered);
           }
         } else if (props.remote || isValidOption(item)) {
           all.push(item);
@@ -40036,11 +39814,13 @@
         const lastNotDisabledIndex = getLastNotDisabledIndex(selected);
         if (lastNotDisabledIndex < 0)
           return;
+        const removeTagValue = selected[lastNotDisabledIndex];
         selected.splice(lastNotDisabledIndex, 1);
         const option = states.cachedOptions[lastNotDisabledIndex];
         states.cachedOptions.splice(lastNotDisabledIndex, 1);
         removeNewOption(option);
         update(selected);
+        emit("remove-tag", removeTagValue);
       }
     };
     const handleClear = () => {
@@ -40374,6 +40154,7 @@
   });
   const _hoisted_1$k = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
   const _hoisted_2$d = ["textContent"];
+  const _hoisted_3$5 = { key: 1 };
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -40447,7 +40228,14 @@
                       default: vue.withCtx(() => [
                         vue.createElementVNode("span", {
                           class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, vue.toDisplayString(_ctx.getLabel(item)), 3)
+                        }, [
+                          vue.renderSlot(_ctx.$slots, "label", {
+                            label: _ctx.getLabel(item),
+                            value: _ctx.getValue(item)
+                          }, () => [
+                            vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
+                          ])
+                        ], 2)
                       ]),
                       _: 2
                     }, 1032, ["closable", "size", "type", "style", "onClose"])
@@ -40504,7 +40292,14 @@
                             default: vue.withCtx(() => [
                               vue.createElementVNode("span", {
                                 class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                              }, vue.toDisplayString(_ctx.getLabel(selected)), 3)
+                              }, [
+                                vue.renderSlot(_ctx.$slots, "label", {
+                                  label: _ctx.getLabel(selected),
+                                  value: _ctx.getValue(selected)
+                                }, () => [
+                                  vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(selected)), 1)
+                                ])
+                              ], 2)
                             ]),
                             _: 2
                           }, 1032, ["closable", "size", "type", "onClose"])
@@ -40512,7 +40307,7 @@
                       }), 128))
                     ], 2)
                   ]),
-                  _: 1
+                  _: 3
                 }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
               ]) : vue.createCommentVNode("v-if", true),
               !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -40574,7 +40369,13 @@
                   _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
                 ])
               }, [
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                  key: 0,
+                  label: _ctx.currentPlaceholder,
+                  value: _ctx.modelValue
+                }, () => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$5, vue.toDisplayString(_ctx.currentPlaceholder), 1))
               ], 2)) : vue.createCommentVNode("v-if", true)
             ], 2),
             vue.createElementVNode("div", {
@@ -45072,6 +44873,9 @@
     }
   });
 
+  function isGreaterThan(a, b, epsilon = 0.01) {
+    return a - b > epsilon;
+  }
   function useEvents(props) {
     const parent = vue.inject(TABLE_INJECTION_KEY);
     const tooltipContent = vue.ref("");
@@ -45156,8 +44960,7 @@
       const range = document.createRange();
       range.setStart(cellChild, 0);
       range.setEnd(cellChild, cellChild.childNodes.length);
-      let rangeWidth = range.getBoundingClientRect().width;
-      let rangeHeight = range.getBoundingClientRect().height;
+      let { width: rangeWidth, height: rangeHeight } = range.getBoundingClientRect();
       const offsetWidth = rangeWidth - Math.floor(rangeWidth);
       const { width: cellChildWidth, height: cellChildHeight } = cellChild.getBoundingClientRect();
       if (offsetWidth < 1e-3) {
@@ -45170,7 +44973,7 @@
       const { top, left, right, bottom } = getPadding(cellChild);
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
-      if (rangeWidth + horizontalPadding > cellChildWidth || rangeHeight + verticalPadding > cellChildHeight || cellChild.scrollWidth > cellChildWidth) {
+      if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
         createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
       }
     };
@@ -52803,6 +52606,7 @@
     setup(props, ctx) {
       const { t } = useLocale();
       const ns = useNamespace("tree");
+      const selectInfo = vue.inject(selectKey, null);
       const store = vue.ref(new TreeStore({
         key: props.nodeKey,
         data: props.data,
@@ -52834,7 +52638,8 @@
       useKeydown({ el$ }, store);
       const isEmpty = vue.computed(() => {
         const { childNodes } = root.value;
-        return !childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible);
+        const hasFilteredOptions = selectInfo ? selectInfo.hasFilteredOptions !== 0 : false;
+        return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !hasFilteredOptions;
       });
       vue.watch(() => props.currentNodeKey, (newVal) => {
         store.value.setCurrentNodeKey(newVal);