element-plus 2.9.8 → 2.9.9

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.8 */
+/*! Element Plus v2.9.9 */
 
 import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -8837,39 +8837,41 @@ const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" },
 };
 
 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);
@@ -8881,22 +8883,26 @@ const useDraggable = (targetRef, dragRef, draggable, overflow) => {
   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);
+  };
   onMounted(() => {
     watchEffect(() => {
       if (draggable.value) {
@@ -8910,7 +8916,8 @@ const useDraggable = (targetRef, dragRef, draggable, overflow) => {
     offDraggable();
   });
   return {
-    resetPosition
+    resetPosition,
+    updatePosition
   };
 };
 
@@ -11599,7 +11606,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.9.8";
+const version$1 = "2.9.9";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -15662,7 +15669,9 @@ const usePopperContent = (props) => {
   });
   const computedReference = computed(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef));
   const { attributes, state, styles, update, forceUpdate, instanceRef } = usePopper(computedReference, contentRef, options);
-  watch(instanceRef, (instance) => popperInstanceRef.value = instance);
+  watch(instanceRef, (instance) => popperInstanceRef.value = instance, {
+    flush: "sync"
+  });
   onMounted(() => {
     watch(() => {
       var _a;
@@ -15892,11 +15901,38 @@ const ElPopper = withInstall(Popper);
 
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
+const teleportProps = buildProps({
+  to: {
+    type: definePropType([String, Object]),
+    required: true
+  },
+  disabled: Boolean
+});
+
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  __name: "teleport",
+  props: teleportProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
+        key: 1,
+        to: _ctx.to
+      }, [
+        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,
@@ -15971,7 +16007,7 @@ const whenTrigger = (trigger, type, handler) => {
 const __default__$1J = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   ...__default__$1J,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
@@ -16031,34 +16067,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
-  __name: "teleport",
-  props: teleportProps,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
-        key: 1,
-        to: _ctx.to
-      }, [
-        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 = defineComponent({
   name: "ElTooltipContent",
@@ -16072,6 +16081,10 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     const { selector } = usePopperContainerId();
     const ns = useNamespace("tooltip");
     const contentRef = ref();
+    const popperContentRef = computedEager(() => {
+      var _a;
+      return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+    });
     let stopHandle;
     const {
       controlled,
@@ -16137,10 +16150,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
     const onAfterShow = () => {
       onShow();
-      stopHandle = onClickOutside(computed(() => {
-        var _a;
-        return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
-      }), () => {
+      stopHandle = onClickOutside(popperContentRef, () => {
         if (unref(controlled))
           return;
         const $trigger = unref(trigger);
@@ -16248,6 +16258,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit }) {
     const props = __props;
     usePopperContainer();
+    const ns = useNamespace("tooltip");
     const id = useId();
     const popperRef = ref();
     const contentRef = ref();
@@ -16272,6 +16283,9 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
       close: hide
     });
     const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
+    const kls = computed(() => {
+      return [ns.b(), props.popperClass];
+    });
     provide(TOOLTIP_INJECTION_KEY, {
       controlled,
       id,
@@ -16356,7 +16370,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
             "gpu-acceleration": _ctx.gpuAcceleration,
             offset: _ctx.offset,
             persistent: _ctx.persistent,
-            "popper-class": _ctx.popperClass,
+            "popper-class": unref(kls),
             "popper-style": _ctx.popperStyle,
             placement: _ctx.placement,
             "popper-options": _ctx.popperOptions,
@@ -16442,6 +16456,7 @@ const autocompleteProps = buildProps({
     default: false
   },
   teleported: useTooltipContentProps.teleported,
+  appendTo: useTooltipContentProps.appendTo,
   highlightFirstItem: {
     type: Boolean,
     default: false
@@ -16694,6 +16709,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
         "fallback-placements": ["bottom-start", "top-start"],
         "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
         teleported: _ctx.teleported,
+        "append-to": _ctx.appendTo,
         "gpu-acceleration": false,
         pure: "",
         "manual-mode": "",
@@ -16818,7 +16834,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
           ], 14, ["aria-expanded", "aria-owns"])
         ]),
         _: 3
-      }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
+      }, 8, ["visible", "placement", "popper-class", "teleported", "append-to", "transition"]);
     };
   }
 });
@@ -30612,9 +30628,10 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
     const draggable = computed(() => props.draggable);
     const overflow = 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 openBlock(), createElementBlock("div", {
@@ -30674,7 +30691,7 @@ const dialogProps = buildProps({
   ...dialogContentProps,
   appendToBody: Boolean,
   appendTo: {
-    type: definePropType([String, Object]),
+    type: teleportProps.to.type,
     default: "body"
   },
   beforeClose: {
@@ -33710,6 +33727,10 @@ const inputTagProps = buildProps({
     type: Boolean,
     default: false
   },
+  delimiter: {
+    type: [String, RegExp],
+    default: ""
+  },
   size: useSizeProp,
   clearable: Boolean,
   disabled: {
@@ -33876,12 +33897,20 @@ function useInputTag({ props, emit, formItem }) {
     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) => {
@@ -34268,8 +34297,9 @@ const linkProps = buildProps({
     default: "default"
   },
   underline: {
-    type: Boolean,
-    default: true
+    type: [Boolean, String],
+    values: [true, false, "always", "never", "hover"],
+    default: "hover"
   },
   disabled: Boolean,
   href: { type: String, default: "" },
@@ -34294,13 +34324,27 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   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"
+    }, computed(() => isBoolean(props.underline)));
     const ns = useNamespace("link");
     const linkKls = 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 = computed(() => {
+      if (isBoolean(props.underline)) {
+        return props.underline ? "hover" : "never";
+      } else
+        return props.underline;
+    });
     function handleClick(event) {
       if (!props.disabled)
         emit("click", event);
@@ -34612,7 +34656,7 @@ var SubMenu = defineComponent({
     const isFirstLevel = computed(() => subMenu.level === 0);
     const appendToBody = computed(() => {
       const value = props.teleported;
-      return value === void 0 ? isFirstLevel.value : value;
+      return isUndefined(value) ? isFirstLevel.value : value;
     });
     const menuTransitionName = computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
     const fallbackPlacements = computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
@@ -34886,7 +34930,7 @@ const checkIndexPath = (indexPath) => isArray$1(indexPath) && indexPath.every((p
 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 = defineComponent({
   name: "ElMenu",
@@ -36506,7 +36550,7 @@ const SelectProps$1 = buildProps({
     type: [String, Number],
     default: 0
   },
-  appendTo: String,
+  appendTo: useTooltipContentProps.appendTo,
   ...useEmptyValuesProps,
   ...useAriaProps(["ariaLabel"])
 });
@@ -40688,7 +40732,7 @@ const SelectProps = buildProps({
     type: [String, Number],
     default: 0
   },
-  appendTo: String,
+  appendTo: useTooltipContentProps.appendTo,
   fitInputWidth: {
     type: [Boolean, Number],
     default: true,
@@ -41260,7 +41304,7 @@ const useSelect$1 = (props, emit) => {
       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);
@@ -41547,7 +41591,7 @@ const useSelect$1 = (props, emit) => {
     if (!expanded.value) {
       return toggleMenu();
     }
-    if (hoveringIndex === void 0) {
+    if (isUndefined(hoveringIndex)) {
       hoveringIndex = states.hoveringIndex;
     }
     let newIndex = -1;
@@ -45904,9 +45948,7 @@ const _sfc_main$C = defineComponent({
     upDataColumn: {
       type: Function
     },
-    appendTo: {
-      type: String
-    }
+    appendTo: useTooltipContentProps.appendTo
   },
   setup(props) {
     const instance = getCurrentInstance();
@@ -49494,6 +49536,7 @@ function useTable(props) {
       return rowHeight;
     return unref(rowHeights)[unref(data)[rowIndex][rowKey]] || estimatedRowHeight;
   }
+  const isEndReached = ref(false);
   function onMaybeEndReached() {
     const { onEndReached } = props;
     if (!onEndReached)
@@ -49501,11 +49544,15 @@ function useTable(props) {
     const { scrollTop } = unref(scrollPos);
     const _totalHeight = unref(rowsHeight);
     const clientHeight = unref(windowHeight);
-    const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
-    if (unref(lastRenderedRowIndex) >= 0 && _totalHeight === scrollTop + unref(mainTableHeight) - unref(headerHeight)) {
-      onEndReached(heightUntilEnd);
+    const remainDistance = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
+    if (!isEndReached.value && unref(lastRenderedRowIndex) >= 0 && _totalHeight <= scrollTop + unref(mainTableHeight) - unref(headerHeight)) {
+      isEndReached.value = true;
+      onEndReached(remainDistance);
+    } else {
+      isEndReached.value = false;
     }
   }
+  watch(() => unref(rowsHeight), () => isEndReached.value = false);
   watch(() => props.expandedRowKeys, (val) => expandedRowKeys.value = val, {
     deep: true
   });
@@ -53263,7 +53310,7 @@ const getPropertyFromData = function(node, prop) {
     return data[config];
   } else if (isUndefined(config)) {
     const dataProp = data[prop];
-    return dataProp === void 0 ? "" : dataProp;
+    return isUndefined(dataProp) ? "" : dataProp;
   }
 };
 let nodeIdSeed = 0;
@@ -53579,7 +53626,7 @@ class Node {
     if (props) {
       children = props.children || "children";
     }
-    if (data[children] === void 0) {
+    if (isUndefined(data[children])) {
       data[children] = null;
     }
     if (forceInit && !data[children]) {
@@ -53688,7 +53735,7 @@ class TreeStore {
         if (index % 80 === 0 && index > 0) {
           await nextTick();
         }
-        traverse(child);
+        await traverse(child);
       }
       if (!node.visible && childNodes.length) {
         let allHidden = true;
@@ -53950,7 +53997,7 @@ class TreeStore {
   }
   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;
@@ -53982,7 +54029,7 @@ const _sfc_main$m = defineComponent({
       const node = props.node;
       const { data, store } = node;
       return props.renderContent ? props.renderContent(h$1, { _self: nodeInstance, node, data, store }) : renderSlot(tree.ctx.slots, "default", { node, data }, () => [
-        h$1("span", { class: ns.be("node", "label") }, [node.label])
+        h$1(ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node.label])
       ]);
     };
   }
@@ -54442,7 +54489,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           class: normalizeClass(_ctx.ns.be("node", "children")),
           role: "group",
-          "aria-expanded": _ctx.expanded
+          "aria-expanded": _ctx.expanded,
+          onClick: withModifiers(() => {
+          }, ["stop"])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.childNodes, (child) => {
             return openBlock(), createBlock(_component_el_tree_node, {
@@ -54456,7 +54505,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               onNodeExpand: _ctx.handleChildNodeExpand
             }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
           }), 128))
-        ], 10, ["aria-expanded"])), [
+        ], 10, ["aria-expanded", "onClick"])), [
           [vShow, _ctx.expanded]
         ]) : createCommentVNode("v-if", true)
       ]),
@@ -54470,17 +54519,12 @@ var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_ren
 
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
-  const treeItems = shallowRef([]);
-  const checkboxItems = shallowRef([]);
   onMounted(() => {
     initTabIndex();
   });
   onUpdated(() => {
-    treeItems.value = Array.from(el$.value.querySelectorAll("[role=treeitem]"));
-    checkboxItems.value = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
-  });
-  watch(checkboxItems, (val) => {
-    val.forEach((checkbox) => {
+    const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
+    checkboxItems.forEach((checkbox) => {
       checkbox.setAttribute("tabindex", "-1");
     });
   });
@@ -54489,16 +54533,16 @@ function useKeydown({ el$ }, store) {
     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) {
@@ -54506,26 +54550,26 @@ function useKeydown({ el$ }, store) {
             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();
@@ -54540,14 +54584,17 @@ function useKeydown({ el$ }, store) {
   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");
   };
 }
 
@@ -55924,7 +55971,7 @@ var ElNodeContent = defineComponent({
     return () => {
       const node = props.node;
       const { data } = node;
-      return (tree == null ? void 0 : tree.ctx.slots.default) ? tree.ctx.slots.default({ node, data }) : h$1("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 }) : h$1(ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node == null ? void 0 : node.label]);
     };
   }
 });
@@ -57922,7 +57969,7 @@ const tourProps = buildProps({
     type: definePropType(String)
   },
   appendTo: {
-    type: definePropType([String, Object]),
+    type: teleportProps.to.type,
     default: "body"
   },
   closeOnPressEscape: {
@@ -59008,6 +59055,7 @@ const mentionProps = buildProps({
 });
 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,
@@ -59225,6 +59273,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const handleInputChange = (value) => {
       emit(UPDATE_MODEL_EVENT, value);
+      emit(INPUT_EVENT, value);
       syncAfterCursorMove();
     };
     const handleInputKeyDown = (event) => {
@@ -59314,6 +59363,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       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);
       nextTick(() => {

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.8 */
+/*! Element Plus v2.9.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :