@element-plus/nightly 0.0.20240901 → 0.0.20240902

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240901 */
+/*! Element Plus v0.0.20240902 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240901";
+  const version$1 = "0.0.20240902";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -34757,7 +34757,7 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused } = useFocusController(inputRef, {
       beforeFocus() {
         return selectDisabled.value;
       },
@@ -35159,17 +35159,15 @@
       (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const blur = () => {
-      handleClickOutside();
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        vue.nextTick(() => handleBlur(_event));
-      }
+      isFocused.value && blur();
     };
     const handleEsc = () => {
       if (states.inputValue.length > 0) {
@@ -40422,12 +40420,9 @@
         return onInputChange();
       }
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        handleBlur(_event);
-      }
+      isFocused.value && blur();
     };
     const handleMenuEnter = () => {
       states.isBeforeHide = false;
@@ -57597,6 +57592,7 @@
       const props = __props;
       const passInputProps = vue.computed(() => pick(props, Object.keys(inputProps)));
       const ns = useNamespace("mention");
+      const disabled = useFormDisabled();
       const contentId = useId();
       const elInputRef = vue.ref();
       const tooltipRef = vue.ref();
@@ -57676,7 +57672,7 @@
       };
       const { wrapperRef } = useFocusController(elInputRef, {
         beforeFocus() {
-          return props.disabled;
+          return disabled.value;
         },
         afterFocus() {
           syncAfterCursorMove();
@@ -57772,6 +57768,7 @@
             ref_key: "elInputRef",
             ref: elInputRef,
             "model-value": _ctx.modelValue,
+            disabled: vue.unref(disabled),
             role: vue.unref(dropdownVisible) ? "combobox" : void 0,
             "aria-activedescendant": vue.unref(dropdownVisible) ? vue.unref(hoveringId) || "" : void 0,
             "aria-controls": vue.unref(dropdownVisible) ? vue.unref(contentId) : void 0,
@@ -57791,7 +57788,7 @@
                 ])
               };
             })
-          ]), 1040, ["model-value", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
+          ]), 1040, ["model-value", "disabled", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
           vue.createVNode(vue.unref(ElTooltip), {
             ref_key: "tooltipRef",
             ref: tooltipRef,
@@ -57817,7 +57814,7 @@
                   ref_key: "dropdownRef",
                   ref: dropdownRef,
                   options: vue.unref(filteredOptions),
-                  disabled: _ctx.disabled,
+                  disabled: vue.unref(disabled),
                   loading: _ctx.loading,
                   "content-id": vue.unref(contentId),
                   "aria-label": _ctx.ariaLabel,