element-plus 2.9.8 → 2.9.9

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.8 */
+/*! Element Plus v2.9.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8841,39 +8841,41 @@
   };
 
   const useDraggable = (targetRef, dragRef, draggable, overflow) => {
-    let transform = {
+    const transform = {
       offsetX: 0,
       offsetY: 0
     };
+    const adjustPosition = (moveX, moveY) => {
+      if (targetRef.value) {
+        const { offsetX, offsetY } = transform;
+        const targetRect = targetRef.value.getBoundingClientRect();
+        const targetLeft = targetRect.left;
+        const targetTop = targetRect.top;
+        const targetWidth = targetRect.width;
+        const targetHeight = targetRect.height;
+        const clientWidth = document.documentElement.clientWidth;
+        const clientHeight = document.documentElement.clientHeight;
+        const minLeft = -targetLeft + offsetX;
+        const minTop = -targetTop + offsetY;
+        const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+        const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+        if (!(overflow == null ? void 0 : overflow.value)) {
+          moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+          moveY = Math.min(Math.max(moveY, minTop), maxTop);
+        }
+        transform.offsetX = moveX;
+        transform.offsetY = moveY;
+        targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+      }
+    };
     const onMousedown = (e) => {
       const downX = e.clientX;
       const downY = e.clientY;
       const { offsetX, offsetY } = transform;
-      const targetRect = targetRef.value.getBoundingClientRect();
-      const targetLeft = targetRect.left;
-      const targetTop = targetRect.top;
-      const targetWidth = targetRect.width;
-      const targetHeight = targetRect.height;
-      const clientWidth = document.documentElement.clientWidth;
-      const clientHeight = document.documentElement.clientHeight;
-      const minLeft = -targetLeft + offsetX;
-      const minTop = -targetTop + offsetY;
-      const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-      const maxTop = clientHeight - targetTop - targetHeight + offsetY;
       const onMousemove = (e2) => {
-        let moveX = offsetX + e2.clientX - downX;
-        let moveY = offsetY + e2.clientY - downY;
-        if (!(overflow == null ? void 0 : overflow.value)) {
-          moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
-          moveY = Math.min(Math.max(moveY, minTop), maxTop);
-        }
-        transform = {
-          offsetX: moveX,
-          offsetY: moveY
-        };
-        if (targetRef.value) {
-          targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
-        }
+        const moveX = offsetX + e2.clientX - downX;
+        const moveY = offsetY + e2.clientY - downY;
+        adjustPosition(moveX, moveY);
       };
       const onMouseup = () => {
         document.removeEventListener("mousemove", onMousemove);
@@ -8885,22 +8887,26 @@
     const onDraggable = () => {
       if (dragRef.value && targetRef.value) {
         dragRef.value.addEventListener("mousedown", onMousedown);
+        window.addEventListener("resize", updatePosition);
       }
     };
     const offDraggable = () => {
       if (dragRef.value && targetRef.value) {
         dragRef.value.removeEventListener("mousedown", onMousedown);
+        window.removeEventListener("resize", updatePosition);
       }
     };
     const resetPosition = () => {
-      transform = {
-        offsetX: 0,
-        offsetY: 0
-      };
+      transform.offsetX = 0;
+      transform.offsetY = 0;
       if (targetRef.value) {
-        targetRef.value.style.transform = "none";
+        targetRef.value.style.transform = "";
       }
     };
+    const updatePosition = () => {
+      const { offsetX, offsetY } = transform;
+      adjustPosition(offsetX, offsetY);
+    };
     vue.onMounted(() => {
       vue.watchEffect(() => {
         if (draggable.value) {
@@ -8914,7 +8920,8 @@
       offDraggable();
     });
     return {
-      resetPosition
+      resetPosition,
+      updatePosition
     };
   };
 
@@ -11603,7 +11610,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.9.8";
+  const version$1 = "2.9.9";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15666,7 +15673,9 @@
     });
     const computedReference = vue.computed(() => unwrapMeasurableEl(props.referenceEl) || vue.unref(triggerRef));
     const { attributes, state, styles, update, forceUpdate, instanceRef } = usePopper(computedReference, contentRef, options);
-    vue.watch(instanceRef, (instance) => popperInstanceRef.value = instance);
+    vue.watch(instanceRef, (instance) => popperInstanceRef.value = instance, {
+      flush: "sync"
+    });
     vue.onMounted(() => {
       vue.watch(() => {
         var _a;
@@ -15896,11 +15905,38 @@
 
   const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
+  const teleportProps = buildProps({
+    to: {
+      type: definePropType([String, Object]),
+      required: true
+    },
+    disabled: Boolean
+  });
+
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    __name: "teleport",
+    props: teleportProps,
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return _ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.Teleport, {
+          key: 1,
+          to: _ctx.to
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 8, ["to"]));
+      };
+    }
+  });
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "teleport.vue"]]);
+
+  const ElTeleport = withInstall(Teleport);
+  var ElTeleport$1 = ElTeleport;
+
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
     ...popperContentProps,
     appendTo: {
-      type: definePropType([String, Object])
+      type: teleportProps.to.type
     },
     content: {
       type: String,
@@ -15975,7 +16011,7 @@
   const __default__$1J = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1J,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
@@ -16035,34 +16071,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "trigger.vue"]]);
-
-  const teleportProps = buildProps({
-    to: {
-      type: definePropType([String, Object]),
-      required: true
-    },
-    disabled: Boolean
-  });
-
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    __name: "teleport",
-    props: teleportProps,
-    setup(__props) {
-      return (_ctx, _cache) => {
-        return _ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.Teleport, {
-          key: 1,
-          to: _ctx.to
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 8, ["to"]));
-      };
-    }
-  });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "teleport.vue"]]);
-
-  const ElTeleport = withInstall(Teleport);
-  var ElTeleport$1 = ElTeleport;
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
 
   const __default__$1I = vue.defineComponent({
     name: "ElTooltipContent",
@@ -16076,6 +16085,10 @@
       const { selector } = usePopperContainerId();
       const ns = useNamespace("tooltip");
       const contentRef = vue.ref();
+      const popperContentRef = computedEager(() => {
+        var _a;
+        return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+      });
       let stopHandle;
       const {
         controlled,
@@ -16141,10 +16154,7 @@
       };
       const onAfterShow = () => {
         onShow();
-        stopHandle = onClickOutside(vue.computed(() => {
-          var _a;
-          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
-        }), () => {
+        stopHandle = onClickOutside(popperContentRef, () => {
           if (vue.unref(controlled))
             return;
           const $trigger = vue.unref(trigger);
@@ -16252,6 +16262,7 @@
     setup(__props, { expose, emit }) {
       const props = __props;
       usePopperContainer();
+      const ns = useNamespace("tooltip");
       const id = useId();
       const popperRef = vue.ref();
       const contentRef = vue.ref();
@@ -16276,6 +16287,9 @@
         close: hide
       });
       const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
+      const kls = vue.computed(() => {
+        return [ns.b(), props.popperClass];
+      });
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -16360,7 +16374,7 @@
               "gpu-acceleration": _ctx.gpuAcceleration,
               offset: _ctx.offset,
               persistent: _ctx.persistent,
-              "popper-class": _ctx.popperClass,
+              "popper-class": vue.unref(kls),
               "popper-style": _ctx.popperStyle,
               placement: _ctx.placement,
               "popper-options": _ctx.popperOptions,
@@ -16446,6 +16460,7 @@
       default: false
     },
     teleported: useTooltipContentProps.teleported,
+    appendTo: useTooltipContentProps.appendTo,
     highlightFirstItem: {
       type: Boolean,
       default: false
@@ -16698,6 +16713,7 @@
           "fallback-placements": ["bottom-start", "top-start"],
           "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
           teleported: _ctx.teleported,
+          "append-to": _ctx.appendTo,
           "gpu-acceleration": false,
           pure: "",
           "manual-mode": "",
@@ -16822,7 +16838,7 @@
             ], 14, ["aria-expanded", "aria-owns"])
           ]),
           _: 3
-        }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
+        }, 8, ["visible", "placement", "popper-class", "teleported", "append-to", "transition"]);
       };
     }
   });
@@ -30616,9 +30632,10 @@
       const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
       const draggable = vue.computed(() => props.draggable);
       const overflow = vue.computed(() => props.overflow);
-      const { resetPosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
+      const { resetPosition, updatePosition } = useDraggable(dialogRef, headerRef, draggable, overflow);
       expose({
-        resetPosition
+        resetPosition,
+        updatePosition
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -30678,7 +30695,7 @@
     ...dialogContentProps,
     appendToBody: Boolean,
     appendTo: {
-      type: definePropType([String, Object]),
+      type: teleportProps.to.type,
       default: "body"
     },
     beforeClose: {
@@ -33714,6 +33731,10 @@
       type: Boolean,
       default: false
     },
+    delimiter: {
+      type: [String, RegExp],
+      default: ""
+    },
     size: useSizeProp,
     clearable: Boolean,
     disabled: {
@@ -33880,12 +33901,20 @@
       return isUndefined(props.max) ? false : ((_b = (_a = props.modelValue) == null ? void 0 : _a.length) != null ? _b : 0) >= props.max;
     });
     const handleInput = (event) => {
+      var _a, _b;
       if (inputLimit.value) {
         inputValue.value = void 0;
         return;
       }
       if (isComposing.value)
         return;
+      if (props.delimiter) {
+        const replacement = (_a = inputValue.value) == null ? void 0 : _a.replace(props.delimiter, "");
+        if ((replacement == null ? void 0 : replacement.length) !== ((_b = inputValue.value) == null ? void 0 : _b.length)) {
+          inputValue.value = replacement;
+          handleAddTag();
+        }
+      }
       emit(INPUT_EVENT, event.target.value);
     };
     const handleKeydown = (event) => {
@@ -34272,8 +34301,9 @@
       default: "default"
     },
     underline: {
-      type: Boolean,
-      default: true
+      type: [Boolean, String],
+      values: [true, false, "always", "never", "hover"],
+      default: "hover"
     },
     disabled: Boolean,
     href: { type: String, default: "" },
@@ -34298,13 +34328,27 @@
     emits: linkEmits,
     setup(__props, { emit }) {
       const props = __props;
+      useDeprecated({
+        scope: "el-link",
+        from: "The underline option (boolean)",
+        replacement: "'always' | 'hover' | 'never'",
+        version: "3.0.0",
+        ref: "https://element-plus.org/en-US/component/link.html#underline"
+      }, vue.computed(() => isBoolean(props.underline)));
       const ns = useNamespace("link");
       const linkKls = vue.computed(() => [
         ns.b(),
         ns.m(props.type),
         ns.is("disabled", props.disabled),
-        ns.is("underline", props.underline && !props.disabled)
+        ns.is("underline", underline.value === "always"),
+        ns.is("hover-underline", underline.value === "hover" && !props.disabled)
       ]);
+      const underline = vue.computed(() => {
+        if (isBoolean(props.underline)) {
+          return props.underline ? "hover" : "never";
+        } else
+          return props.underline;
+      });
       function handleClick(event) {
         if (!props.disabled)
           emit("click", event);
@@ -34616,7 +34660,7 @@
       const isFirstLevel = vue.computed(() => subMenu.level === 0);
       const appendToBody = vue.computed(() => {
         const value = props.teleported;
-        return value === void 0 ? isFirstLevel.value : value;
+        return isUndefined(value) ? isFirstLevel.value : value;
       });
       const menuTransitionName = vue.computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
       const fallbackPlacements = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
@@ -34890,7 +34934,7 @@
   const menuEmits = {
     close: (index, indexPath) => isString$1(index) && checkIndexPath(indexPath),
     open: (index, indexPath) => isString$1(index) && checkIndexPath(indexPath),
-    select: (index, indexPath, item, routerResult) => isString$1(index) && checkIndexPath(indexPath) && isObject$1(item) && (routerResult === void 0 || routerResult instanceof Promise)
+    select: (index, indexPath, item, routerResult) => isString$1(index) && checkIndexPath(indexPath) && isObject$1(item) && (isUndefined(routerResult) || routerResult instanceof Promise)
   };
   var Menu = vue.defineComponent({
     name: "ElMenu",
@@ -36510,7 +36554,7 @@
       type: [String, Number],
       default: 0
     },
-    appendTo: String,
+    appendTo: useTooltipContentProps.appendTo,
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -40692,7 +40736,7 @@
       type: [String, Number],
       default: 0
     },
-    appendTo: String,
+    appendTo: useTooltipContentProps.appendTo,
     fitInputWidth: {
       type: [Boolean, Number],
       default: true,
@@ -41264,7 +41308,7 @@
         return 0;
       const style = getComputedStyle(dropdownItemEl);
       const padding = Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight);
-      ctx.font = style.font;
+      ctx.font = `bold ${style.font.replace(new RegExp(`\\b${style.fontWeight}\\b`), "")}`;
       const maxWidth = filteredOptions.value.reduce((max, option) => {
         const metrics = ctx.measureText(getLabel(option));
         return Math.max(metrics.width, max);
@@ -41551,7 +41595,7 @@
       if (!expanded.value) {
         return toggleMenu();
       }
-      if (hoveringIndex === void 0) {
+      if (isUndefined(hoveringIndex)) {
         hoveringIndex = states.hoveringIndex;
       }
       let newIndex = -1;
@@ -45908,9 +45952,7 @@
       upDataColumn: {
         type: Function
       },
-      appendTo: {
-        type: String
-      }
+      appendTo: useTooltipContentProps.appendTo
     },
     setup(props) {
       const instance = vue.getCurrentInstance();
@@ -49498,6 +49540,7 @@
         return rowHeight;
       return vue.unref(rowHeights)[vue.unref(data)[rowIndex][rowKey]] || estimatedRowHeight;
     }
+    const isEndReached = vue.ref(false);
     function onMaybeEndReached() {
       const { onEndReached } = props;
       if (!onEndReached)
@@ -49505,11 +49548,15 @@
       const { scrollTop } = vue.unref(scrollPos);
       const _totalHeight = vue.unref(rowsHeight);
       const clientHeight = vue.unref(windowHeight);
-      const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
-      if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight === scrollTop + vue.unref(mainTableHeight) - vue.unref(headerHeight)) {
-        onEndReached(heightUntilEnd);
+      const remainDistance = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
+      if (!isEndReached.value && vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight <= scrollTop + vue.unref(mainTableHeight) - vue.unref(headerHeight)) {
+        isEndReached.value = true;
+        onEndReached(remainDistance);
+      } else {
+        isEndReached.value = false;
       }
     }
+    vue.watch(() => vue.unref(rowsHeight), () => isEndReached.value = false);
     vue.watch(() => props.expandedRowKeys, (val) => expandedRowKeys.value = val, {
       deep: true
     });
@@ -53267,7 +53314,7 @@
       return data[config];
     } else if (isUndefined(config)) {
       const dataProp = data[prop];
-      return dataProp === void 0 ? "" : dataProp;
+      return isUndefined(dataProp) ? "" : dataProp;
     }
   };
   let nodeIdSeed = 0;
@@ -53583,7 +53630,7 @@
       if (props) {
         children = props.children || "children";
       }
-      if (data[children] === void 0) {
+      if (isUndefined(data[children])) {
         data[children] = null;
       }
       if (forceInit && !data[children]) {
@@ -53692,7 +53739,7 @@
           if (index % 80 === 0 && index > 0) {
             await vue.nextTick();
           }
-          traverse(child);
+          await traverse(child);
         }
         if (!node.visible && childNodes.length) {
           let allHidden = true;
@@ -53954,7 +54001,7 @@
     }
     setCurrentNodeKey(key, shouldAutoExpandParent = true) {
       this.currentNodeKey = key;
-      if (key === null || key === void 0) {
+      if (isPropAbsent(key)) {
         this.currentNode && (this.currentNode.isCurrent = false);
         this.currentNode = null;
         return;
@@ -53986,7 +54033,7 @@
         const node = props.node;
         const { data, store } = node;
         return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : vue.renderSlot(tree.ctx.slots, "default", { node, data }, () => [
-          vue.h("span", { class: ns.be("node", "label") }, [node.label])
+          vue.h(ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node.label])
         ]);
       };
     }
@@ -54446,7 +54493,9 @@
             key: 0,
             class: vue.normalizeClass(_ctx.ns.be("node", "children")),
             role: "group",
-            "aria-expanded": _ctx.expanded
+            "aria-expanded": _ctx.expanded,
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.childNodes, (child) => {
               return vue.openBlock(), vue.createBlock(_component_el_tree_node, {
@@ -54460,7 +54509,7 @@
                 onNodeExpand: _ctx.handleChildNodeExpand
               }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
             }), 128))
-          ], 10, ["aria-expanded"])), [
+          ], 10, ["aria-expanded", "onClick"])), [
             [vue.vShow, _ctx.expanded]
           ]) : vue.createCommentVNode("v-if", true)
         ]),
@@ -54474,17 +54523,12 @@
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
-    const treeItems = vue.shallowRef([]);
-    const checkboxItems = vue.shallowRef([]);
     vue.onMounted(() => {
       initTabIndex();
     });
     vue.onUpdated(() => {
-      treeItems.value = Array.from(el$.value.querySelectorAll("[role=treeitem]"));
-      checkboxItems.value = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
-    });
-    vue.watch(checkboxItems, (val) => {
-      val.forEach((checkbox) => {
+      const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+      checkboxItems.forEach((checkbox) => {
         checkbox.setAttribute("tabindex", "-1");
       });
     });
@@ -54493,16 +54537,16 @@
       if (!currentItem.className.includes(ns.b("node")))
         return;
       const code = ev.code;
-      treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
-      const currentIndex = treeItems.value.indexOf(currentItem);
+      const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
+      const currentIndex = treeItems.indexOf(currentItem);
       let nextIndex;
       if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {
         ev.preventDefault();
         if (code === EVENT_CODE.up) {
-          nextIndex = currentIndex === -1 ? 0 : currentIndex !== 0 ? currentIndex - 1 : treeItems.value.length - 1;
+          nextIndex = currentIndex === -1 ? 0 : currentIndex !== 0 ? currentIndex - 1 : treeItems.length - 1;
           const startIndex = nextIndex;
           while (true) {
-            if (store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus)
+            if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)
               break;
             nextIndex--;
             if (nextIndex === startIndex) {
@@ -54510,26 +54554,26 @@
               break;
             }
             if (nextIndex < 0) {
-              nextIndex = treeItems.value.length - 1;
+              nextIndex = treeItems.length - 1;
             }
           }
         } else {
-          nextIndex = currentIndex === -1 ? 0 : currentIndex < treeItems.value.length - 1 ? currentIndex + 1 : 0;
+          nextIndex = currentIndex === -1 ? 0 : currentIndex < treeItems.length - 1 ? currentIndex + 1 : 0;
           const startIndex = nextIndex;
           while (true) {
-            if (store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus)
+            if (store.value.getNode(treeItems[nextIndex].dataset.key).canFocus)
               break;
             nextIndex++;
             if (nextIndex === startIndex) {
               nextIndex = -1;
               break;
             }
-            if (nextIndex >= treeItems.value.length) {
+            if (nextIndex >= treeItems.length) {
               nextIndex = 0;
             }
           }
         }
-        nextIndex !== -1 && treeItems.value[nextIndex].focus();
+        nextIndex !== -1 && treeItems[nextIndex].focus();
       }
       if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {
         ev.preventDefault();
@@ -54544,14 +54588,17 @@
     useEventListener(el$, "keydown", handleKeydown);
     const initTabIndex = () => {
       var _a;
-      treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
-      checkboxItems.value = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+      const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
+      const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+      checkboxItems.forEach((checkbox) => {
+        checkbox.setAttribute("tabindex", "-1");
+      });
       const checkedItem = el$.value.querySelectorAll(`.${ns.is("checked")}[role=treeitem]`);
       if (checkedItem.length) {
         checkedItem[0].setAttribute("tabindex", "0");
         return;
       }
-      (_a = treeItems.value[0]) == null ? void 0 : _a.setAttribute("tabindex", "0");
+      (_a = treeItems[0]) == null ? void 0 : _a.setAttribute("tabindex", "0");
     };
   }
 
@@ -55928,7 +55975,7 @@
       return () => {
         const node = props.node;
         const { data } = node;
-        return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: ns.be("node", "label") }, [node == null ? void 0 : node.label]);
+        return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : vue.h(ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node == null ? void 0 : node.label]);
       };
     }
   });
@@ -57926,7 +57973,7 @@
       type: definePropType(String)
     },
     appendTo: {
-      type: definePropType([String, Object]),
+      type: teleportProps.to.type,
       default: "body"
     },
     closeOnPressEscape: {
@@ -59012,6 +59059,7 @@
   });
   const mentionEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
+    input: (value) => isString$1(value),
     search: (pattern, prefix) => isString$1(pattern) && isString$1(prefix),
     select: (option, prefix) => isString$1(option.value) && isString$1(prefix),
     focus: (evt) => evt instanceof FocusEvent,
@@ -59229,6 +59277,7 @@
       });
       const handleInputChange = (value) => {
         emit(UPDATE_MODEL_EVENT, value);
+        emit(INPUT_EVENT, value);
         syncAfterCursorMove();
       };
       const handleInputKeyDown = (event) => {
@@ -59318,6 +59367,7 @@
         const newMiddlePart = `${item.value}${alreadySeparated ? "" : split}`;
         const newValue = inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart;
         emit(UPDATE_MODEL_EVENT, newValue);
+        emit(INPUT_EVENT, newValue);
         emit("select", item, mentionCtx.value.prefix);
         const newSelectionEnd = mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0);
         vue.nextTick(() => {