@element-plus/nightly 0.0.20250420 → 0.0.20250422

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250420 */
+/*! Element Plus v0.0.20250422 */
 
 (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 = "0.0.20250420";
+  const version$1 = "0.0.20250422";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15896,11 +15903,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 +16009,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 +16069,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",
@@ -30618,9 +30625,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", {
@@ -30680,7 +30688,7 @@
     ...dialogContentProps,
     appendToBody: Boolean,
     appendTo: {
-      type: definePropType([String, Object]),
+      type: teleportProps.to.type,
       default: "body"
     },
     beforeClose: {
@@ -34274,8 +34282,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: "" },
@@ -34300,13 +34309,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);
@@ -36512,7 +36535,7 @@
       type: [String, Number],
       default: 0
     },
-    appendTo: String,
+    appendTo: useTooltipContentProps.appendTo,
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -40694,7 +40717,7 @@
       type: [String, Number],
       default: 0
     },
-    appendTo: String,
+    appendTo: useTooltipContentProps.appendTo,
     fitInputWidth: {
       type: [Boolean, Number],
       default: true,
@@ -45910,9 +45933,7 @@
       upDataColumn: {
         type: Function
       },
-      appendTo: {
-        type: String
-      }
+      appendTo: useTooltipContentProps.appendTo
     },
     setup(props) {
       const instance = vue.getCurrentInstance();
@@ -49507,9 +49528,9 @@
       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 (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight <= scrollTop + vue.unref(mainTableHeight) - vue.unref(headerHeight)) {
+        onEndReached(remainDistance);
       }
     }
     vue.watch(() => props.expandedRowKeys, (val) => expandedRowKeys.value = val, {
@@ -53988,7 +54009,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])
         ]);
       };
     }
@@ -54448,7 +54469,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, {
@@ -54462,7 +54485,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)
         ]),
@@ -54476,17 +54499,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");
       });
     });
@@ -54495,16 +54513,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) {
@@ -54512,26 +54530,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();
@@ -54546,14 +54564,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");
     };
   }
 
@@ -55930,7 +55951,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]);
       };
     }
   });
@@ -57928,7 +57949,7 @@
       type: definePropType(String)
     },
     appendTo: {
-      type: definePropType([String, Object]),
+      type: teleportProps.to.type,
       default: "body"
     },
     closeOnPressEscape: {