@element-plus/nightly 0.0.20240103 → 0.0.20240105

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240103 */
+/*! Element Plus v0.0.20240105 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11569,7 +11569,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240103";
+  const version$1 = "0.0.20240105";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13917,9 +13917,9 @@
           return Object.keys(containerAttrs.value);
         })
       });
-      const { form, formItem } = useFormItem();
+      const { form: elForm, formItem: elFormItem } = useFormItem();
       const { inputId } = useFormItemInputId(props, {
-        formItemContext: formItem
+        formItemContext: elFormItem
       });
       const inputSize = useFormSize();
       const inputDisabled = useFormDisabled();
@@ -13937,15 +13937,15 @@
         afterBlur() {
           var _a;
           if (props.validateEvent) {
-            (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+            (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn());
           }
         }
       });
       const needStatusIcon = vue.computed(() => {
         var _a;
-        return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+        return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
       });
-      const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+      const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
       const validateIcon = vue.computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
       const passwordIcon = vue.computed(() => passwordVisible.value ? view_default : hide_default);
       const containerStyle = vue.computed(() => [
@@ -14094,7 +14094,7 @@
         var _a;
         vue.nextTick(() => resizeTextarea());
         if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+          (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
         }
       });
       vue.watch(nativeInputValue, () => setNativeInputValue());
@@ -14178,8 +14178,8 @@
                 "aria-label": _ctx.label,
                 placeholder: _ctx.placeholder,
                 style: _ctx.inputStyle,
-                form: props.form,
-                autofocus: props.autofocus,
+                form: _ctx.form,
+                autofocus: _ctx.autofocus,
                 onCompositionstart: handleCompositionStart,
                 onCompositionupdate: handleCompositionUpdate,
                 onCompositionend: handleCompositionEnd,
@@ -14276,8 +14276,8 @@
               style: vue.unref(textareaStyle),
               "aria-label": _ctx.label,
               placeholder: _ctx.placeholder,
-              form: props.form,
-              autofocus: props.autofocus,
+              form: _ctx.form,
+              autofocus: _ctx.autofocus,
               onCompositionstart: handleCompositionStart,
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd,
@@ -32929,7 +32929,7 @@
         }
       };
       const handleMouseleave = (deepDispatch = false) => {
-        var _a, _b;
+        var _a, _b, _c;
         if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical") {
           subMenu.mouseInChild.value = false;
           return;
@@ -32938,8 +32938,10 @@
         subMenu.mouseInChild.value = false;
         ({ stop: timeout } = useTimeoutFn(() => !mouseInChild.value && rootMenu.closeMenu(props.index, indexPath.value), subMenuHideTimeout.value));
         if (appendToBody.value && deepDispatch) {
-          if (((_a = instance.parent) == null ? void 0 : _a.type.name) === "ElSubMenu") {
+          if (((_a = instance.parent) == null ? void 0 : _a.type.name) === COMPONENT_NAME$c) {
             (_b = subMenu.handleMouseleave) == null ? void 0 : _b.call(subMenu, true);
+          } else {
+            (_c = subMenu.handleMouseleave) == null ? void 0 : _c.call(subMenu, false);
           }
         }
       };
@@ -33052,7 +33054,7 @@
           ariaHaspopup: true,
           ariaExpanded: opened.value,
           onMouseenter: handleMouseenter,
-          onMouseleave: () => handleMouseleave(true),
+          onMouseleave: () => handleMouseleave(),
           onFocus: handleMouseenter
         }, [child]);
       };
@@ -55909,6 +55911,9 @@
       const strategy = vue.ref(props.strategy);
       const contentRef = vue.ref(null);
       const arrowRef = vue.ref(null);
+      vue.watch(() => props.placement, () => {
+        placement.value = props.placement;
+      });
       const { contentStyle, arrowStyle } = useFloating(vue.toRef(props, "reference"), contentRef, arrowRef, placement, strategy, vue.toRef(props, "offset"), vue.toRef(props, "zIndex"), vue.toRef(props, "showArrow"));
       const side = vue.computed(() => {
         return placement.value.split("-")[0];