@element-plus/nightly 0.0.20231205 → 0.0.20231207

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231205 */
+/*! Element Plus v0.0.20231207 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11197,7 +11197,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231205";
+  const version$1 = "0.0.20231207";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -32386,7 +32386,7 @@
     },
     popperOffset: {
       type: Number,
-      default: 6
+      default: void 0
     },
     expandCloseIcon: {
       type: iconPropType
@@ -32481,6 +32481,10 @@
         active
       });
       const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
+      const subMenuPopperOffset = vue.computed(() => {
+        var _a;
+        return (_a = props.popperOffset) != null ? _a : rootMenu.props.popperOffset;
+      });
       const doDestroy = () => {
         var _a, _b, _c;
         return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
@@ -32575,7 +32579,7 @@
           visible: opened.value,
           effect: "light",
           pure: true,
-          offset: props.popperOffset,
+          offset: subMenuPopperOffset.value,
           showArrow: false,
           persistent: true,
           popperClass: props.popperClass,
@@ -32679,6 +32683,14 @@
       type: Boolean,
       default: true
     },
+    popperOffset: {
+      type: Number,
+      default: 6
+    },
+    ellipsisIcon: {
+      type: iconPropType,
+      default: () => more_default
+    },
     popperEffect: {
       type: String,
       values: ["dark", "light"],
@@ -32899,11 +32911,14 @@
             slot = slotDefault;
             vShowMore.push(vue.h(SubMenu, {
               index: "sub-menu-more",
-              class: nsSubMenu.e("hide-arrow")
+              class: nsSubMenu.e("hide-arrow"),
+              popperOffset: props.popperOffset
             }, {
               title: () => vue.h(ElIcon, {
                 class: nsSubMenu.e("icon-more")
-              }, { default: () => vue.h(more_default) }),
+              }, {
+                default: () => vue.h(props.ellipsisIcon)
+              }),
               default: () => slotMore
             }));
           }
@@ -42586,9 +42601,26 @@
       arrow.className = `${ns}-popper__arrow`;
       return arrow;
     }
+    function togglePopperVisible(display) {
+      return {
+        name: "updateState",
+        enabled: true,
+        phase: "beforeWrite",
+        fn: ({ state }) => {
+          state.styles.popper.display = display;
+        },
+        requires: ["computeStyles"]
+      };
+    }
     function showPopper() {
-      popperInstance && popperInstance.update();
+      if (tooltipOptions.showAfter) {
+        popperInstance == null ? void 0 : popperInstance.setOptions({
+          modifiers: [togglePopperVisible("block")]
+        });
+      }
+      popperInstance == null ? void 0 : popperInstance.update();
     }
+    const triggerChanged = (removePopper == null ? void 0 : removePopper.trigger) !== trigger;
     removePopper == null ? void 0 : removePopper();
     removePopper = () => {
       try {
@@ -42601,20 +42633,19 @@
       } catch (e) {
       }
     };
+    removePopper.trigger = trigger;
     let popperInstance = null;
-    let onOpen = showPopper;
-    let onClose = removePopper;
+    const { onOpen, onClose } = useDelayedToggle({
+      showAfter: tooltipOptions.showAfter,
+      hideAfter: tooltipOptions.hideAfter,
+      open: showPopper,
+      close: removePopper
+    });
+    const content = renderContent();
     if (tooltipOptions.enterable) {
-      ({ onOpen, onClose } = useDelayedToggle({
-        showAfter: tooltipOptions.showAfter,
-        hideAfter: tooltipOptions.hideAfter,
-        open: showPopper,
-        close: removePopper
-      }));
+      content.onmouseenter = onOpen;
+      content.onmouseleave = onClose;
     }
-    const content = renderContent();
-    content.onmouseenter = onOpen;
-    content.onmouseleave = onClose;
     const modifiers = [];
     if (tooltipOptions.offset) {
       modifiers.push({
@@ -42634,6 +42665,9 @@
         }
       });
     }
+    if (tooltipOptions.showAfter && triggerChanged) {
+      modifiers.push(togglePopperVisible("none"));
+    }
     const popperOptions = tooltipOptions.popperOptions || {};
     popperInstance = yn(trigger, content, {
       placement: tooltipOptions.placement || "top",
@@ -42644,6 +42678,7 @@
     trigger.addEventListener("mouseenter", onOpen);
     trigger.addEventListener("mouseleave", onClose);
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
+    onOpen();
     return popperInstance;
   }
   function getCurrentColumns(column) {