@element-plus/nightly 0.0.20221221 → 0.0.20221222

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221221 */
+/*! Element Plus v0.0.20221222 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, withModifiers, reactive, onUpdated, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -137,7 +137,7 @@ function baseTrim(string) {
   return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart$2, "") : string;
 }
 
-function isObject$2(value) {
+function isObject$1(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
@@ -154,9 +154,9 @@ function toNumber(value) {
   if (isSymbol(value)) {
     return NAN$1;
   }
-  if (isObject$2(value)) {
+  if (isObject$1(value)) {
     var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject$2(other) ? other + "" : other;
+    value = isObject$1(other) ? other + "" : other;
   }
   if (typeof value != "string") {
     return value === 0 ? value : +value;
@@ -207,7 +207,7 @@ var funcTag$2 = "[object Function]";
 var genTag$1 = "[object GeneratorFunction]";
 var proxyTag = "[object Proxy]";
 function isFunction$1(value) {
-  if (!isObject$2(value)) {
+  if (!isObject$1(value)) {
     return false;
   }
   var tag = baseGetTag(value);
@@ -248,7 +248,7 @@ var funcToString$1 = funcProto$1.toString;
 var hasOwnProperty$o = objectProto$q.hasOwnProperty;
 var reIsNative = RegExp("^" + funcToString$1.call(hasOwnProperty$o).replace(reRegExpChar$1, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
 function baseIsNative(value) {
-  if (!isObject$2(value) || isMasked(value)) {
+  if (!isObject$1(value) || isMasked(value)) {
     return false;
   }
   var pattern = isFunction$1(value) ? reIsNative : reIsHostCtor;
@@ -278,7 +278,7 @@ var baseCreate = function() {
   function object() {
   }
   return function(proto) {
-    if (!isObject$2(proto)) {
+    if (!isObject$1(proto)) {
       return {};
     }
     if (objectCreate) {
@@ -313,7 +313,7 @@ function createCtor(Ctor) {
         return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);
     }
     var thisBinding = baseCreate(Ctor.prototype), result = Ctor.apply(thisBinding, args);
-    return isObject$2(result) ? result : thisBinding;
+    return isObject$1(result) ? result : thisBinding;
   };
 }
 
@@ -966,7 +966,7 @@ function isArrayLike(value) {
 }
 
 function isIterateeCall(value, index, object) {
-  if (!isObject$2(object)) {
+  if (!isObject$1(object)) {
     return false;
   }
   var type = typeof index;
@@ -1155,7 +1155,7 @@ function nativeKeysIn(object) {
 var objectProto$h = Object.prototype;
 var hasOwnProperty$g = objectProto$h.hasOwnProperty;
 function baseKeysIn(object) {
-  if (!isObject$2(object)) {
+  if (!isObject$1(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype(object), result = [];
@@ -2383,7 +2383,7 @@ function baseClone(value, bitmask, customizer, key, object, stack) {
   if (result !== void 0) {
     return result;
   }
-  if (!isObject$2(value)) {
+  if (!isObject$1(value)) {
     return value;
   }
   var isArr = isArray$1(value);
@@ -2774,7 +2774,7 @@ function baseIsMatch(object, source, matchData, customizer) {
 }
 
 function isStrictComparable(value) {
-  return value === value && !isObject$2(value);
+  return value === value && !isObject$1(value);
 }
 
 function getMatchData(object) {
@@ -3030,7 +3030,7 @@ function debounce(func, wait, options) {
     throw new TypeError(FUNC_ERROR_TEXT$6);
   }
   wait = toNumber(wait) || 0;
-  if (isObject$2(options)) {
+  if (isObject$1(options)) {
     leading = !!options.leading;
     maxing = "maxWait" in options;
     maxWait = maxing ? nativeMax$b(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -3189,7 +3189,7 @@ function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, sta
       newValue = objValue;
       if (isArguments(objValue)) {
         newValue = toPlainObject(objValue);
-      } else if (!isObject$2(objValue) || isFunction$1(objValue)) {
+      } else if (!isObject$1(objValue) || isFunction$1(objValue)) {
         newValue = initCloneObject(srcValue);
       }
     } else {
@@ -3210,7 +3210,7 @@ function baseMerge(object, source, srcIndex, customizer, stack) {
   }
   baseFor(source, function(srcValue, key) {
     stack || (stack = new Stack());
-    if (isObject$2(srcValue)) {
+    if (isObject$1(srcValue)) {
       baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
     } else {
       var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
@@ -3223,7 +3223,7 @@ function baseMerge(object, source, srcIndex, customizer, stack) {
 }
 
 function customDefaultsMerge(objValue, srcValue, key, object, source, stack) {
-  if (isObject$2(objValue) && isObject$2(srcValue)) {
+  if (isObject$1(objValue) && isObject$1(srcValue)) {
     stack.set(srcValue, objValue);
     baseMerge(objValue, srcValue, void 0, customDefaultsMerge, stack);
     stack["delete"](srcValue);
@@ -4259,7 +4259,7 @@ function minBy(array, iteratee) {
 
 function mixin$1(object, source, options) {
   var props = keys(source), methodNames = baseFunctions(source, props);
-  var chain = !(isObject$2(options) && "chain" in options) || !!options.chain, isFunc = isFunction$1(object);
+  var chain = !(isObject$1(options) && "chain" in options) || !!options.chain, isFunc = isFunction$1(object);
   arrayEach(methodNames, function(methodName) {
     var func = source[methodName];
     object[methodName] = func;
@@ -4393,7 +4393,7 @@ var omit = flatRest(function(object, paths) {
 });
 
 function baseSet(object, path, value, customizer) {
-  if (!isObject$2(object)) {
+  if (!isObject$1(object)) {
     return object;
   }
   path = castPath(path, object);
@@ -4407,7 +4407,7 @@ function baseSet(object, path, value, customizer) {
       var objValue = nested[key];
       newValue = customizer ? customizer(objValue, key, nested) : void 0;
       if (newValue === void 0) {
-        newValue = isObject$2(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
+        newValue = isObject$1(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
       }
     }
     assignValue(nested, key, newValue);
@@ -5419,7 +5419,7 @@ function throttle(func, wait, options) {
   if (typeof func != "function") {
     throw new TypeError(FUNC_ERROR_TEXT);
   }
-  if (isObject$2(options)) {
+  if (isObject$1(options)) {
     leading = "leading" in options ? !!options.leading : leading;
     trailing = "trailing" in options ? !!options.trailing : trailing;
   }
@@ -5497,7 +5497,7 @@ function transform(object, iteratee, accumulator) {
     var Ctor = object && object.constructor;
     if (isArrLike) {
       accumulator = isArr ? new Ctor() : [];
-    } else if (isObject$2(object)) {
+    } else if (isObject$1(object)) {
       accumulator = isFunction$1(Ctor) ? baseCreate(getPrototype(object)) : {};
     } else {
       accumulator = {};
@@ -5565,7 +5565,7 @@ var DEFAULT_TRUNC_OMISSION = "...";
 var reFlags = /\w*$/;
 function truncate(string, options) {
   var length = DEFAULT_TRUNC_LENGTH, omission = DEFAULT_TRUNC_OMISSION;
-  if (isObject$2(options)) {
+  if (isObject$1(options)) {
     var separator = "separator" in options ? options.separator : separator;
     length = "length" in options ? toInteger(options.length) : length;
     omission = "omission" in options ? baseToString(options.omission) : omission;
@@ -6045,7 +6045,7 @@ var lang = {
   isNil,
   isNull,
   isNumber: isNumber$1,
-  isObject: isObject$2,
+  isObject: isObject$1,
   isObjectLike,
   isPlainObject,
   isRegExp,
@@ -6320,7 +6320,7 @@ var nativeMin = Math.min;
 var mixin = function(func2) {
   return function(object2, source, options) {
     if (options == null) {
-      var isObj = isObject$2(source), props = isObj && keys(source), methodNames = props && props.length && baseFunctions(source, props);
+      var isObj = isObject$1(source), props = isObj && keys(source), methodNames = props && props.length && baseFunctions(source, props);
       if (!(methodNames ? methodNames.length : isObj)) {
         options = source;
         source = object2;
@@ -6552,7 +6552,7 @@ lodash.isNative = lang.isNative;
 lodash.isNil = lang.isNil;
 lodash.isNull = lang.isNull;
 lodash.isNumber = lang.isNumber;
-lodash.isObject = isObject$2;
+lodash.isObject = isObject$1;
 lodash.isObjectLike = lang.isObjectLike;
 lodash.isPlainObject = lang.isPlainObject;
 lodash.isRegExp = lang.isRegExp;
@@ -7505,9 +7505,9 @@ const isArray = Array.isArray;
 const isDate = (val) => toTypeString(val) === "[object Date]";
 const isFunction = (val) => typeof val === "function";
 const isString = (val) => typeof val === "string";
-const isObject$1 = (val) => val !== null && typeof val === "object";
+const isObject = (val) => val !== null && typeof val === "object";
 const isPromise = (val) => {
-  return isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
 };
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
@@ -7530,7 +7530,7 @@ const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").t
 const capitalize$1 = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
 
 const isUndefined = (val) => val === void 0;
-const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject(val) && !Object.keys(val).length;
 const isElement$1 = (e) => {
   if (typeof Element === "undefined")
     return false;
@@ -8500,9 +8500,9 @@ var zoom_out_default = /* @__PURE__ */ export_helper_default(_sfc_main283, [["re
 
 const epPropKey = "__epPropKey";
 const definePropType = (val) => val;
-const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
+const isEpProp = (val) => isObject(val) && !!val[epPropKey];
 const buildProp = (prop, key) => {
-  if (!isObject$1(prop) || isEpProp(prop))
+  if (!isObject(prop) || isEpProp(prop))
     return prop;
   const { values, required, default: defaultValue, type, validator } = prop;
   const _validator = values || validator ? (val) => {
@@ -11203,7 +11203,7 @@ const useOrderedChildren = (vm, childComponentName) => {
   };
 };
 
-const version$1 = "0.0.20221221";
+const version$1 = "0.0.20221222";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11812,8 +11812,8 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
       if (!isClient || type !== "textarea")
         return;
       if (autosize) {
-        const minRows = isObject$1(autosize) ? autosize.minRows : void 0;
-        const maxRows = isObject$1(autosize) ? autosize.maxRows : void 0;
+        const minRows = isObject(autosize) ? autosize.minRows : void 0;
+        const maxRows = isObject(autosize) ? autosize.maxRows : void 0;
         textareaCalcStyle.value = {
           ...calcTextareaHeight(textarea.value, minRows, maxRows)
         };
@@ -12444,7 +12444,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
       }
     };
     function scrollTo(arg1, arg2) {
-      if (isObject$1(arg1)) {
+      if (isObject(arg1)) {
         wrapRef.value.scrollTo(arg1);
       } else if (isNumber(arg1) && isNumber(arg2)) {
         wrapRef.value.scrollTo(arg1, arg2);
@@ -12681,7 +12681,7 @@ function findFirstLegitChild(node) {
     return null;
   const children = node;
   for (const child of children) {
-    if (isObject$1(child)) {
+    if (isObject(child)) {
       switch (child.type) {
         case Comment:
           continue;
@@ -14124,7 +14124,7 @@ const autocompleteEmits = {
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   clear: () => true,
-  select: (item) => isObject$1(item)
+  select: (item) => isObject(item)
 };
 
 const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
@@ -18272,7 +18272,7 @@ const dateTableProps = buildProps({
   }
 });
 const dateTableEmits = {
-  pick: (value) => isObject$1(value)
+  pick: (value) => isObject(value)
 };
 
 var localeData$1 = {exports: {}};
@@ -19567,7 +19567,7 @@ const useCheckboxStatus = (props, slots, { model }) => {
     if (isBoolean(value)) {
       return value;
     } else if (isArray(value)) {
-      if (isObject$1(props.label)) {
+      if (isObject(props.label)) {
         return value.map(toRaw$1).some((o) => isEqual$1(o, props.label));
       } else {
         return value.map(toRaw$1).includes(props.label);
@@ -21969,7 +21969,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
       sizes.forEach((size) => {
         if (isNumber(props[size])) {
           classes.push(ns.b(`${size}-${props[size]}`));
-        } else if (isObject$1(props[size])) {
+        } else if (isObject(props[size])) {
           Object.entries(props[size]).forEach(([prop, sizeProp]) => {
             classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
           });
@@ -32091,7 +32091,7 @@ const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.ever
 const menuEmits = {
   close: (index, indexPath) => isString(index) && checkIndexPath(indexPath),
   open: (index, indexPath) => isString(index) && checkIndexPath(indexPath),
-  select: (index, indexPath, item, routerResult) => isString(index) && checkIndexPath(indexPath) && isObject$1(item) && (routerResult === void 0 || routerResult instanceof Promise)
+  select: (index, indexPath, item, routerResult) => isString(index) && checkIndexPath(indexPath) && isObject(item) && (routerResult === void 0 || routerResult instanceof Promise)
 };
 var Menu = defineComponent({
   name: "ElMenu",
@@ -33360,7 +33360,7 @@ const useSelect$3 = (props, states, ctx) => {
     });
   };
   const getValueIndex = (arr = [], value) => {
-    if (!isObject$1(value))
+    if (!isObject(value))
       return arr.indexOf(value);
     const valueKey = props.valueKey;
     let index = -1;
@@ -33512,7 +33512,7 @@ const useSelect$3 = (props, states, ctx) => {
     }
   };
   const getValueKey = (item) => {
-    return isObject$1(item.value) ? get(item.value, props.valueKey) : item.value;
+    return isObject(item.value) ? get(item.value, props.valueKey) : item.value;
   };
   const optionsAllDisabled = computed$1(() => optionsArray.value.filter((option) => option.visible).every((option) => option.disabled));
   const navigateOptions = (direction) => {
@@ -35659,7 +35659,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit }) {
     const props = __props;
     function getValueFromMap(value, map) {
-      const isExcludedObject = (val) => isObject$1(val);
+      const isExcludedObject = (val) => isObject(val);
       const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
         const val = map[key];
         const excluded = isExcludedObject(val) ? val.excluded : false;
@@ -35704,7 +35704,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     } : props.colors);
     const activeColor = computed$1(() => {
       const color = getValueFromMap(currentValue.value, colorMap.value);
-      return isObject$1(color) ? "" : color;
+      return isObject(color) ? "" : color;
     });
     const decimalStyle = computed$1(() => {
       let width = "";
@@ -38097,7 +38097,7 @@ var ElSelectMenu = defineComponent({
           valueKey
         }
       } = select;
-      if (!isObject$1(target)) {
+      if (!isObject(target)) {
         return arr.includes(target);
       }
       return arr && arr.some((item) => {
@@ -38105,7 +38105,7 @@ var ElSelectMenu = defineComponent({
       });
     };
     const isEqual = (selected, target) => {
-      if (!isObject$1(target)) {
+      if (!isObject(target)) {
         return selected === target;
       } else {
         const {
@@ -38625,7 +38625,7 @@ const useSelect$1 = (props, emit) => {
     states.previousValue = val == null ? void 0 : val.toString();
   };
   const getValueIndex = (arr = [], value) => {
-    if (!isObject$1(value)) {
+    if (!isObject(value)) {
       return arr.indexOf(value);
     }
     const valueKey = props.valueKey;
@@ -38640,10 +38640,10 @@ const useSelect$1 = (props, emit) => {
     return index;
   };
   const getValueKey = (item) => {
-    return isObject$1(item) ? get(item, props.valueKey) : item;
+    return isObject(item) ? get(item, props.valueKey) : item;
   };
   const getLabel = (item) => {
-    return isObject$1(item) ? item.label : item;
+    return isObject(item) ? item.label : item;
   };
   const resetInputHeight = () => {
     if (props.collapseTags && !props.filterable) {
@@ -41518,9 +41518,6 @@ const getCell = function(event) {
   var _a;
   return (_a = event.target) == null ? void 0 : _a.closest("td");
 };
-const isObject = function(obj) {
-  return obj !== null && typeof obj === "object";
-};
 const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
   if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
     return array;
@@ -41745,14 +41742,22 @@ function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren
   });
 }
 let removePopper;
-function createTablePopper(parentNode, trigger, popperContent, popperOptions, tooltipEffect) {
+function createTablePopper(parentNode, trigger, popperContent, tooltipOptions) {
+  tooltipOptions = merge({
+    enterable: true,
+    showArrow: true
+  }, tooltipOptions);
   const { nextZIndex } = useZIndex();
   const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
   const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
   function renderContent() {
-    const isLight = tooltipEffect === "light";
+    const isLight = tooltipOptions.effect === "light";
     const content2 = document.createElement("div");
-    content2.className = `${ns}-popper ${isLight ? "is-light" : "is-dark"}`;
+    content2.className = [
+      `${ns}-popper`,
+      isLight ? "is-light" : "is-dark",
+      tooltipOptions.popperClass || ""
+    ].join(" ");
     popperContent = escapeHtml_1(popperContent);
     content2.innerHTML = popperContent;
     content2.style.zIndex = String(nextZIndex());
@@ -41760,9 +41765,9 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     return content2;
   }
   function renderArrow() {
-    const arrow2 = document.createElement("div");
-    arrow2.className = `${ns}-popper__arrow`;
-    return arrow2;
+    const arrow = document.createElement("div");
+    arrow.className = `${ns}-popper__arrow`;
+    return arrow;
   }
   function showPopper() {
     popperInstance && popperInstance.update();
@@ -41772,38 +41777,55 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
     try {
       popperInstance && popperInstance.destroy();
       content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-      trigger.removeEventListener("mouseenter", showPopper);
-      trigger.removeEventListener("mouseleave", removePopper);
+      trigger.removeEventListener("mouseenter", onOpen);
+      trigger.removeEventListener("mouseleave", onClose);
       scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
       removePopper = void 0;
     } catch (e) {
     }
   };
   let popperInstance = null;
+  let onOpen = showPopper;
+  let onClose = removePopper;
+  if (tooltipOptions.enterable) {
+    ({ onOpen, onClose } = useDelayedToggle({
+      showAfter: tooltipOptions.showAfter,
+      hideAfter: tooltipOptions.hideAfter,
+      open: showPopper,
+      close: removePopper
+    }));
+  }
   const content = renderContent();
-  const arrow = renderArrow();
-  content.appendChild(arrow);
-  popperInstance = yn(trigger, content, {
-    strategy: "absolute",
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [0, 8]
-        }
-      },
-      {
-        name: "arrow",
-        options: {
-          element: arrow,
-          padding: 10
-        }
+  content.onmouseenter = onOpen;
+  content.onmouseleave = onClose;
+  const modifiers = [];
+  if (tooltipOptions.offset) {
+    modifiers.push({
+      name: "offset",
+      options: {
+        offset: [0, tooltipOptions.offset]
       }
-    ],
-    ...popperOptions
+    });
+  }
+  if (tooltipOptions.showArrow) {
+    const arrow = content.appendChild(renderArrow());
+    modifiers.push({
+      name: "arrow",
+      options: {
+        element: arrow,
+        padding: 10
+      }
+    });
+  }
+  const popperOptions = tooltipOptions.popperOptions || {};
+  popperInstance = yn(trigger, content, {
+    placement: tooltipOptions.placement || "top",
+    strategy: "fixed",
+    ...popperOptions,
+    modifiers: popperOptions.modifiers ? modifiers.concat(popperOptions.modifiers) : modifiers
   });
-  trigger.addEventListener("mouseenter", showPopper);
-  trigger.addEventListener("mouseleave", removePopper);
+  trigger.addEventListener("mouseenter", onOpen);
+  trigger.addEventListener("mouseleave", onClose);
   scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
   return popperInstance;
 }
@@ -43898,7 +43920,7 @@ function useEvents(props) {
   const handleMouseLeave = debounce(() => {
     props.store.commit("setHoverRow", null);
   }, 30);
-  const handleCellMouseEnter = (event, row, tooltipEffect) => {
+  const handleCellMouseEnter = (event, row, tooltipOptions) => {
     var _a;
     const table = parent;
     const cell = getCell(event);
@@ -43910,6 +43932,9 @@ function useEvents(props) {
       const hoverState = table.hoverState = { cell, column, row };
       table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
     }
+    if (!tooltipOptions) {
+      return;
+    }
     const cellChild = event.target.querySelector(".cell");
     if (!(hasClass(cellChild, `${namespace}-tooltip`) && cellChild.childNodes.length)) {
       return;
@@ -43920,10 +43945,7 @@ function useEvents(props) {
     const rangeWidth = Math.round(range.getBoundingClientRect().width);
     const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
     if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
-      createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
-        placement: "top",
-        strategy: "fixed"
-      }, tooltipEffect);
+      createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, tooltipOptions);
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -44082,7 +44104,7 @@ function useRender$1(props) {
     return index;
   };
   const rowRender = (row, $index, treeRowData, expanded = false) => {
-    const { tooltipEffect, store } = props;
+    const { tooltipEffect, tooltipOptions, store } = props;
     const { indent, columns } = store.states;
     const rowClasses = getRowClass(row, $index);
     let display = true;
@@ -44136,13 +44158,16 @@ function useRender$1(props) {
       const baseKey = `${$index},${cellIndex}`;
       const patchKey = columnData.columnKey || columnData.rawColumnKey || "";
       const tdChildren = cellChildren(cellIndex, column, data);
+      const mergedTooltipOptions = column.showOverflowTooltip && merge({
+        effect: tooltipEffect
+      }, tooltipOptions, column.showOverflowTooltip);
       return h$1("td", {
         style: getCellStyle($index, cellIndex, row, column),
         class: getCellClass($index, cellIndex, row, column, colspan - 1),
         key: `${patchKey}${baseKey}`,
         rowspan,
         colspan,
-        onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
+        onMouseenter: ($event) => handleCellMouseEnter($event, row, mergedTooltipOptions),
         onMouseleave: handleCellMouseLeave
       }, [tdChildren]);
     }));
@@ -44260,6 +44285,9 @@ const defaultProps$2 = {
   },
   stripe: Boolean,
   tooltipEffect: String,
+  tooltipOptions: {
+    type: Object
+  },
   context: {
     default: () => ({}),
     type: Object
@@ -44896,6 +44924,7 @@ var defaultProps$1 = {
   defaultExpandAll: Boolean,
   defaultSort: Object,
   tooltipEffect: String,
+  tooltipOptions: Object,
   spanMethod: Function,
   selectOnIndeterminate: {
     type: Boolean,
@@ -45209,10 +45238,11 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 highlight: _ctx.highlightCurrentRow,
                 "row-class-name": _ctx.rowClassName,
                 "tooltip-effect": _ctx.tooltipEffect,
+                "tooltip-options": _ctx.tooltipOptions,
                 "row-style": _ctx.rowStyle,
                 store: _ctx.store,
                 stripe: _ctx.stripe
-              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe"])
+              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"])
             ], 6),
             _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -45708,8 +45738,7 @@ var defaultProps = {
   columnKey: String,
   align: String,
   headerAlign: String,
-  showTooltipWhenOverflow: Boolean,
-  showOverflowTooltip: Boolean,
+  showOverflowTooltip: [Boolean, Object],
   fixed: [Boolean, String],
   formatter: Function,
   selectable: Function,
@@ -45777,7 +45806,7 @@ var ElTableColumn$1 = defineComponent({
         property: props.prop || props.property,
         align: realAlign,
         headerAlign: realHeaderAlign,
-        showOverflowTooltip: props.showOverflowTooltip || props.showTooltipWhenOverflow,
+        showOverflowTooltip: props.showOverflowTooltip,
         filterable: props.filters || props.filterMethod,
         filteredValue: [],
         filterPlacement: "",
@@ -45973,7 +46002,7 @@ function useColumns(props, columns, fixed) {
       return;
     const { sortState, sortBy } = props;
     let order = SortOrder.ASC;
-    if (isObject$1(sortState)) {
+    if (isObject(sortState)) {
       order = oppositeOrderMap[sortState[key]];
     } else {
       order = oppositeOrderMap[sortBy.order];
@@ -47166,7 +47195,7 @@ const useTableGrid = (props) => {
     const body$ = unref(bodyRef);
     if (!header$ || !body$)
       return;
-    if (isObject$1(leftOrOptions)) {
+    if (isObject(leftOrOptions)) {
       header$.scrollToLeft(leftOrOptions.scrollLeft);
       body$.scrollTo(leftOrOptions);
     } else {
@@ -47513,7 +47542,7 @@ const CellRenderer = ({
   let IconOrPlaceholder;
   const iconStyle = `margin-inline-start: ${depth * indentSize}px;`;
   if (expandable) {
-    if (isObject$1(expandIconProps)) {
+    if (isObject(expandIconProps)) {
       IconOrPlaceholder = createVNode(ExpandIcon$1, mergeProps(expandIconProps, {
         "class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
         "size": iconSize,
@@ -50451,7 +50480,7 @@ class TreeStore {
   getNode(data) {
     if (data instanceof Node$1)
       return data;
-    const key = isObject$1(data) ? getNodeKey(this.key, data) : data;
+    const key = isObject(data) ? getNodeKey(this.key, data) : data;
     return this.nodesMap[key] || null;
   }
   insertBefore(data, refData) {
@@ -52465,7 +52494,7 @@ function useTree(props, emit) {
   }
   function getNode(data) {
     var _a;
-    const key = isObject$1(data) ? getKey(data) : data;
+    const key = isObject(data) ? getKey(data) : data;
     return (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(key);
   }
   return {
@@ -54043,7 +54072,7 @@ const INSTANCE_KEY = Symbol("ElLoading");
 const createInstance = (el, binding) => {
   var _a, _b, _c, _d;
   const vm = binding.instance;
-  const getBindingProp = (key) => isObject$1(binding.value) ? binding.value[key] : void 0;
+  const getBindingProp = (key) => isObject(binding.value) ? binding.value[key] : void 0;
   const resolveExpression = (key) => {
     const data = isString(key) && (vm == null ? void 0 : vm[key]) || key;
     if (data)
@@ -54088,7 +54117,7 @@ const vLoading = {
       if (binding.value && !binding.oldValue) {
         createInstance(el, binding);
       } else if (binding.value && binding.oldValue) {
-        if (isObject$1(binding.value))
+        if (isObject(binding.value))
           updateOptions(binding.value, instance.options);
       } else {
         instance == null ? void 0 : instance.instance.close();
@@ -55022,7 +55051,7 @@ MESSAGE_BOX_VARIANTS.forEach((boxType) => {
 function messageBoxFactory(boxType) {
   return (message, title, options, appContext) => {
     let titleOrOpts = "";
-    if (isObject$1(title)) {
+    if (isObject(title)) {
       options = title;
       titleOrOpts = "";
     } else if (isUndefined(title)) {