@element-plus/nightly 0.0.20250122 → 0.0.20250124

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250122 */
+/*! Element Plus v0.0.20250124 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250122";
+  const version$1 = "0.0.20250124";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13719,15 +13719,15 @@
   const ElFormItem = withNoopInstall(FormItem);
 
   let hiddenTextarea = void 0;
-  const HIDDEN_STYLE = `
-  height:0 !important;
-  visibility:hidden !important;
-  ${isFirefox() ? "" : "overflow:hidden !important;"}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-`;
+  const HIDDEN_STYLE = {
+    height: "0",
+    visibility: "hidden",
+    overflow: isFirefox() ? "" : "hidden",
+    position: "absolute",
+    "z-index": "-1000",
+    top: "0",
+    right: "0"
+  };
   const CONTEXT_STYLE = [
     "letter-spacing",
     "line-height",
@@ -13750,7 +13750,10 @@
     const boxSizing = style.getPropertyValue("box-sizing");
     const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
     const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
-    const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
+    const contextStyle = CONTEXT_STYLE.map((name) => [
+      name,
+      style.getPropertyValue(name)
+    ]);
     return { contextStyle, paddingSize, borderSize, boxSizing };
   }
   function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
@@ -13760,7 +13763,8 @@
       document.body.appendChild(hiddenTextarea);
     }
     const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
-    hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
+    contextStyle.forEach(([key, value]) => hiddenTextarea == null ? void 0 : hiddenTextarea.style.setProperty(key, value));
+    Object.entries(HIDDEN_STYLE).forEach(([key, value]) => hiddenTextarea == null ? void 0 : hiddenTextarea.style.setProperty(key, value, "important"));
     hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
     let height = hiddenTextarea.scrollHeight;
     const result = {};
@@ -23534,12 +23538,20 @@
       const node = parentNode ? parentNode.appendChild(nodeData) : new Node$3(nodeData, this.config);
       if (!parentNode)
         this.nodes.push(node);
-      this.allNodes.push(node);
-      node.isLeaf && this.leafNodes.push(node);
+      this.appendAllNodesAndLeafNodes(node);
     }
     appendNodes(nodeDataList, parentNode) {
       nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
     }
+    appendAllNodesAndLeafNodes(node) {
+      this.allNodes.push(node);
+      node.isLeaf && this.leafNodes.push(node);
+      if (node.children) {
+        node.children.forEach((subNode) => {
+          this.appendAllNodesAndLeafNodes(subNode);
+        });
+      }
+    }
     getNodeByValue(value, leafOnly = false) {
       if (!value && value !== 0)
         return null;
@@ -44390,20 +44402,44 @@
       }
     });
   }
-  const getTableOverflowTooltipProps = (props, content) => {
+  const getTableOverflowTooltipProps = (props, innerText, row, column) => {
+    const popperOptions = {
+      strategy: "fixed",
+      ...props.popperOptions
+    };
+    const tooltipFormatterContent = isFunction$1(column.tooltipFormatter) ? column.tooltipFormatter({
+      row,
+      column,
+      cellValue: getProp(row, column.property).value
+    }) : void 0;
+    if (vue.isVNode(tooltipFormatterContent)) {
+      return {
+        slotContent: tooltipFormatterContent,
+        content: null,
+        ...props,
+        popperOptions
+      };
+    }
     return {
-      content,
+      slotContent: null,
+      content: tooltipFormatterContent != null ? tooltipFormatterContent : innerText,
       ...props,
-      popperOptions: {
-        strategy: "fixed",
-        ...props.popperOptions
-      }
+      popperOptions
     };
   };
   let removePopper = null;
-  function createTablePopper(props, popperContent, trigger, table) {
+  function createTablePopper(props, popperContent, row, column, trigger, table) {
+    const tableOverflowTooltipProps = getTableOverflowTooltipProps(props, popperContent, row, column);
+    const mergedProps = {
+      ...tableOverflowTooltipProps,
+      slotContent: void 0
+    };
     if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
-      merge(removePopper.vm.component.props, getTableOverflowTooltipProps(props, popperContent));
+      const comp = removePopper.vm.component;
+      merge(comp.props, mergedProps);
+      if (tableOverflowTooltipProps.slotContent) {
+        comp.slots.content = () => [tableOverflowTooltipProps.slotContent];
+      }
       return;
     }
     removePopper == null ? void 0 : removePopper();
@@ -44417,8 +44453,10 @@
       transition: "none",
       offset: 0,
       hideAfter: 0,
-      ...getTableOverflowTooltipProps(props, popperContent)
-    });
+      ...mergedProps
+    }, tableOverflowTooltipProps.slotContent ? {
+      content: () => tableOverflowTooltipProps.slotContent
+    } : void 0);
     vm.appContext = { ...table.appContext, ...table };
     const container = document.createElement("div");
     vue.render(vm, container);
@@ -46680,8 +46718,9 @@
       const table = parent;
       const cell = getCell(event);
       const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
+      let column;
       if (cell) {
-        const column = getColumnByCell({
+        column = getColumnByCell({
           columns: props.store.states.columns.value
         }, cell, namespace);
         if (cell.rowSpan > 1) {
@@ -46706,7 +46745,7 @@
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
       if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) {
-        createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
+        createTablePopper(tooltipOptions, cell.innerText || cell.textContent, row, column, cell, table);
       } else if (((_b = removePopper) == null ? void 0 : _b.trigger) === cell) {
         (_c = removePopper) == null ? void 0 : _c();
       }
@@ -47755,6 +47794,7 @@
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
     showOverflowTooltip: [Boolean, Object],
+    tooltipFormatter: Function,
     appendFilterPanelTo: String,
     scrollbarTabindex: {
       type: [Number, String],
@@ -48406,7 +48446,8 @@
         "className",
         "labelClassName",
         "filterClassName",
-        "showOverflowTooltip"
+        "showOverflowTooltip",
+        "tooltipFormatter"
       ];
       const aliases = {
         property: "prop",
@@ -48622,6 +48663,7 @@
       type: [Boolean, Object],
       default: void 0
     },
+    tooltipFormatter: Function,
     fixed: [Boolean, String],
     formatter: Function,
     selectable: Function,
@@ -48685,6 +48727,7 @@
         const type = props.type || "default";
         const sortable = props.sortable === "" ? true : props.sortable;
         const showOverflowTooltip = isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip : props.showOverflowTooltip;
+        const tooltipFormatter = isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter : props.tooltipFormatter;
         const defaults = {
           ...cellStarts[type],
           id: columnId.value,
@@ -48693,6 +48736,7 @@
           align: realAlign,
           headerAlign: realHeaderAlign,
           showOverflowTooltip,
+          tooltipFormatter,
           filterable: props.filters || props.filterMethod,
           filteredValue: [],
           filterPlacement: "",
@@ -50750,6 +50794,7 @@
           class: ns.e("left"),
           columns: vue.unref(fixedColumnsOnLeft),
           data: _data,
+          fixedData,
           estimatedRowHeight,
           leftTableRef,
           rowHeight,
@@ -50773,6 +50818,7 @@
           class: ns.e("right"),
           columns: vue.unref(fixedColumnsOnRight),
           data: _data,
+          fixedData,
           estimatedRowHeight,
           rightTableRef,
           rowHeight,