@element-plus/nightly 0.0.20241109 → 0.0.20241111

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241109 */
+/*! Element Plus v0.0.20241111 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11568,7 +11568,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241109";
+  const version$1 = "0.0.20241111";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -35711,6 +35711,14 @@
       default: true
     },
     remoteShowSuffix: Boolean,
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    offset: {
+      type: Number,
+      default: 12
+    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -35817,6 +35825,8 @@
         "gpu-acceleration": false,
         persistent: _ctx.persistent,
         "append-to": _ctx.appendTo,
+        "show-arrow": _ctx.showArrow,
+        offset: _ctx.offset,
         onBeforeShow: _ctx.handleMenuEnter,
         onHide: ($event) => _ctx.states.isBeforeHide = false
       }, {
@@ -36122,7 +36132,7 @@
           }, 512)
         ]),
         _: 3
-      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "onBeforeShow", "onHide"])
+      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
     ], 16, ["onMouseleave"])), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
@@ -39856,6 +39866,14 @@
       type: Boolean,
       default: true
     },
+    offset: {
+      type: Number,
+      default: 12
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -41014,6 +41032,8 @@
         trigger: "click",
         persistent: _ctx.persistent,
         "append-to": _ctx.appendTo,
+        "show-arrow": _ctx.showArrow,
+        offset: _ctx.offset,
         onBeforeShow: _ctx.handleMenuEnter,
         onHide: ($event) => _ctx.states.isBeforeHide = false
       }, {
@@ -41309,7 +41329,7 @@
           ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
         ]),
         _: 3
-      }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "onBeforeShow", "onHide"])
+      }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
     ], 42, ["onMouseenter", "onMouseleave"])), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
@@ -43581,20 +43601,26 @@
       }
     });
   }
+  const getTableOverflowTooltipProps = (props, content) => {
+    return {
+      content,
+      ...props,
+      popperOptions: {
+        strategy: "fixed",
+        ...props.popperOptions
+      }
+    };
+  };
   let removePopper = null;
   function createTablePopper(props, popperContent, trigger, table) {
     if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
+      merge(removePopper.vm.component.props, getTableOverflowTooltipProps(props, popperContent));
       return;
     }
     removePopper == null ? void 0 : removePopper();
     const parentNode = table == null ? void 0 : table.refs.tableWrapper;
     const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-    const popperOptions = {
-      strategy: "fixed",
-      ...props.popperOptions
-    };
     const vm = vue.createVNode(ElTooltip, {
-      content: popperContent,
       virtualTriggering: true,
       virtualRef: trigger,
       appendTo: parentNode,
@@ -43602,11 +43628,7 @@
       transition: "none",
       offset: 0,
       hideAfter: 0,
-      ...props,
-      popperOptions,
-      onHide: () => {
-        removePopper == null ? void 0 : removePopper();
-      }
+      ...getTableOverflowTooltipProps(props, popperContent)
     });
     vm.appContext = { ...table.appContext, ...table };
     const container = document.createElement("div");
@@ -43619,6 +43641,7 @@
       removePopper = null;
     };
     removePopper.trigger = trigger;
+    removePopper.vm = vm;
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
   }
   function getCurrentColumns(column) {
@@ -44093,7 +44116,16 @@
     const sortProp = vue.ref(null);
     const sortOrder = vue.ref(null);
     const hoverRow = vue.ref(null);
-    vue.watch(data, () => instance.state && scheduleLayout(false), {
+    vue.watch(data, () => {
+      var _a2;
+      if (instance.state) {
+        scheduleLayout(false);
+        const needUpdateFixed = instance.props.tableLayout === "auto";
+        if (needUpdateFixed) {
+          (_a2 = instance.refs.tableHeaderRef) == null ? void 0 : _a2.updateFixedColumnStyle();
+        }
+      }
+    }, {
       deep: true
     });
     const assertRowKey = () => {
@@ -45622,11 +45654,29 @@
       const ns = useNamespace("table");
       const filterPanels = vue.ref({});
       const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
+      const isTableLayoutAuto = (parent == null ? void 0 : parent.props.tableLayout) === "auto";
+      const saveIndexSelection = /* @__PURE__ */ new Map();
+      const theadRef = vue.ref();
+      const updateFixedColumnStyle = () => {
+        setTimeout(() => {
+          if (saveIndexSelection.size > 0) {
+            saveIndexSelection.forEach((column, key) => {
+              const el = theadRef.value.querySelector(`.${key.replace(/\s/g, ".")}`);
+              if (el) {
+                const width = el.getBoundingClientRect().width;
+                column.width = width;
+              }
+            });
+            saveIndexSelection.clear();
+          }
+        });
+      };
       vue.onMounted(async () => {
         await vue.nextTick();
         await vue.nextTick();
         const { prop, order } = props.defaultSort;
         parent == null ? void 0 : parent.store.commit("sort", { prop, order, init: true });
+        updateFixedColumnStyle();
       });
       const {
         handleHeaderClick,
@@ -45667,7 +45717,11 @@
         handleSortClick,
         handleFilterClick,
         isGroup,
-        toggleAllSelection
+        toggleAllSelection,
+        saveIndexSelection,
+        isTableLayoutAuto,
+        theadRef,
+        updateFixedColumnStyle
       };
     },
     render() {
@@ -45686,10 +45740,13 @@
         handleSortClick,
         handleMouseOut,
         store,
-        $parent
+        $parent,
+        saveIndexSelection,
+        isTableLayoutAuto
       } = this;
       let rowSpan = 1;
       return vue.h("thead", {
+        ref: "theadRef",
         class: { [ns.is("group")]: isGroup }
       }, columnRows.map((subColumns, rowIndex) => vue.h("tr", {
         class: getHeaderRowClass(rowIndex),
@@ -45699,8 +45756,12 @@
         if (column.rowSpan > rowSpan) {
           rowSpan = column.rowSpan;
         }
+        const _class = getHeaderCellClass(rowIndex, cellIndex, subColumns, column);
+        if (isTableLayoutAuto && column.fixed) {
+          saveIndexSelection.set(_class, column);
+        }
         return vue.h("th", {
-          class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+          class: _class,
           colspan: column.colSpan,
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,