@element-plus/nightly 0.0.20241108 → 0.0.20241110

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241108 */
+/*! Element Plus v0.0.20241110 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -770,9 +770,6 @@
   };
   const objectToString$1 = Object.prototype.toString;
   const toTypeString = (value) => objectToString$1.call(value);
-  const toRawType = (value) => {
-    return toTypeString(value).slice(8, -1);
-  };
   const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
   const cacheStringFunction = (fn) => {
     const cache = /* @__PURE__ */ Object.create(null);
@@ -11571,7 +11568,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241108";
+  const version$1 = "0.0.20241110";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -35212,9 +35209,7 @@
     };
     const getOption = (value) => {
       let option;
-      const isObjectValue = toRawType(value).toLowerCase() === "object";
-      const isNull = toRawType(value).toLowerCase() === "null";
-      const isUndefined2 = toRawType(value).toLowerCase() === "undefined";
+      const isObjectValue = isPlainObject$1(value);
       for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
         const cachedOption = cachedOptionsArray.value[i];
         const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
@@ -35231,7 +35226,7 @@
       }
       if (option)
         return option;
-      const label = isObjectValue ? value.label : !isNull && !isUndefined2 ? value : "";
+      const label = isObjectValue ? value.label : value != null ? value : "";
       const newOption = {
         value,
         currentLabel: label
@@ -43586,20 +43581,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,
@@ -43607,11 +43608,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");
@@ -43624,6 +43621,7 @@
       removePopper = null;
     };
     removePopper.trigger = trigger;
+    removePopper.vm = vm;
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
   }
   function getCurrentColumns(column) {
@@ -44098,7 +44096,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 = () => {
@@ -45627,11 +45634,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,
@@ -45672,7 +45697,11 @@
         handleSortClick,
         handleFilterClick,
         isGroup,
-        toggleAllSelection
+        toggleAllSelection,
+        saveIndexSelection,
+        isTableLayoutAuto,
+        theadRef,
+        updateFixedColumnStyle
       };
     },
     render() {
@@ -45691,10 +45720,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),
@@ -45704,8 +45736,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,