@element-plus/nightly 0.0.20240102 → 0.0.20240104

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240102 */
+/*! Element Plus v0.0.20240104 */
 
 (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.20240102";
+  const version$1 = "0.0.20240104";
 
   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,
@@ -55909,6 +55909,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];