@element-plus/nightly 0.0.20231214 → 0.0.20231217

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231214 */
+/*! Element Plus v0.0.20231217 */
 
 (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.20231214";
+  const version$1 = "0.0.20231217";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13566,8 +13566,7 @@
       const validateIcon = vue.computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
       const passwordIcon = vue.computed(() => passwordVisible.value ? view_default : hide_default);
       const containerStyle = vue.computed(() => [
-        rawAttrs.style,
-        props.inputStyle
+        rawAttrs.style
       ]);
       const textareaStyle = vue.computed(() => [
         props.inputStyle,
@@ -32514,6 +32513,7 @@
           return;
         }
         if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled) {
+          subMenu.mouseInChild.value = true;
           return;
         }
         subMenu.mouseInChild.value = true;
@@ -32528,6 +32528,7 @@
       const handleMouseleave = (deepDispatch = false) => {
         var _a, _b;
         if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical") {
+          subMenu.mouseInChild.value = false;
           return;
         }
         timeout == null ? void 0 : timeout();
@@ -32680,6 +32681,7 @@
     backgroundColor: String,
     textColor: String,
     activeTextColor: String,
+    closeOnClickOutside: Boolean,
     collapseTransition: {
       type: Boolean,
       default: true
@@ -32814,6 +32816,7 @@
         });
         return sliceIndex2 === items2.length ? -1 : sliceIndex2;
       };
+      const getIndexPath = (index) => subMenus.value[index].indexPath;
       const debounce = (fn, wait = 33.34) => {
         let timmer;
         return () => {
@@ -32852,6 +32855,7 @@
         else
           resizeStopper == null ? void 0 : resizeStopper();
       });
+      const mouseInChild = vue.ref(false);
       {
         const addSubMenu = (item) => {
           subMenus.value[item.index] = item;
@@ -32884,7 +32888,7 @@
         vue.provide(`subMenu:${instance.uid}`, {
           addSubMenu,
           removeSubMenu,
-          mouseInChild: vue.ref(false),
+          mouseInChild,
           level: 0
         });
       }
@@ -32929,7 +32933,20 @@
           }
         }
         const ulStyle = useMenuCssVar(props, 0);
-        const vMenu = vue.h("ul", {
+        const directives = props.closeOnClickOutside ? [
+          [
+            ClickOutside,
+            () => {
+              if (!openedMenus.value.length)
+                return;
+              if (!mouseInChild.value) {
+                openedMenus.value.forEach((openedMenu) => emit("close", openedMenu, getIndexPath(openedMenu)));
+                openedMenus.value = [];
+              }
+            }
+          ]
+        ] : [];
+        const vMenu = vue.withDirectives(vue.h("ul", {
           key: String(props.collapse),
           role: "menubar",
           ref: menu,
@@ -32939,7 +32956,7 @@
             [nsMenu.m(props.mode)]: true,
             [nsMenu.m("collapse")]: props.collapse
           }
-        }, [...slot, ...vShowMore]);
+        }, [...slot, ...vShowMore]), directives);
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -51483,8 +51500,11 @@
         }
         if (!value)
           return;
-        if (node.visible && !node.isLeaf && !lazy)
-          node.expand();
+        if (node.visible && !node.isLeaf) {
+          if (!lazy || node.loaded) {
+            node.expand();
+          }
+        }
       };
       traverse(this);
     }
@@ -51833,6 +51853,8 @@
       }
       if (dropPrev || dropInner || dropNext) {
         dragState.value.dropNode = dropNode;
+      } else {
+        dragState.value.dropNode = null;
       }
       if (dropNode.node.nextSibling === draggingNode.node) {
         dropNext = false;