@element-plus/nightly 0.0.20220618 → 0.0.20220619

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220618 */
+/*! Element Plus v0.0.20220619 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10724,7 +10724,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220618";
+  const version$1 = "0.0.20220619";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13591,12 +13591,13 @@
       const COMPONENT_NAME = "ElAutocomplete";
       const attrs = useAttrs();
       const rawAttrs = vue.useAttrs();
+      const disabled = useDisabled$1();
       const ns = useNamespace("autocomplete");
       const inputRef = vue.ref();
       const regionRef = vue.ref();
       const popperRef = vue.ref();
       const listboxRef = vue.ref();
-      let isClear = false;
+      let ignoreFocusEvent = false;
       const suggestions = vue.ref([]);
       const highlightedIndex = vue.ref(-1);
       const dropdownWidth = vue.ref("");
@@ -13610,12 +13611,25 @@
         return (isValidData || loading.value) && activated.value;
       });
       const suggestionLoading = vue.computed(() => !props.hideLoading && loading.value);
+      const refInput = vue.computed(() => {
+        if (inputRef.value) {
+          return Array.from(inputRef.value.$el.querySelectorAll("input"));
+        }
+        return [];
+      });
       const onSuggestionShow = async () => {
         await vue.nextTick();
         if (suggestionVisible.value) {
           dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
         }
       };
+      const onShow = () => {
+        ignoreFocusEvent = true;
+      };
+      const onHide = () => {
+        ignoreFocusEvent = false;
+        highlightedIndex.value = -1;
+      };
       const getData = async (queryString) => {
         if (suggestionDisabled.value)
           return;
@@ -13645,21 +13659,28 @@
         emit(INPUT_EVENT, value);
         emit(UPDATE_MODEL_EVENT, value);
         suggestionDisabled.value = false;
-        activated.value || (activated.value = isClear && valuePresented);
+        activated.value || (activated.value = valuePresented);
         if (!props.triggerOnFocus && !value) {
           suggestionDisabled.value = true;
           suggestions.value = [];
           return;
         }
-        if (isClear && valuePresented) {
-          isClear = false;
-        }
         debouncedGetData(value);
       };
+      const handleMouseDown = (event) => {
+        var _a;
+        if (disabled.value)
+          return;
+        if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+          activated.value = true;
+        }
+      };
       const handleChange = (value) => {
         emit(CHANGE_EVENT, value);
       };
       const handleFocus = (evt) => {
+        if (ignoreFocusEvent)
+          return;
         activated.value = true;
         emit("focus", evt);
         if (props.triggerOnFocus) {
@@ -13667,11 +13688,12 @@
         }
       };
       const handleBlur = (evt) => {
+        if (ignoreFocusEvent)
+          return;
         emit("blur", evt);
       };
       const handleClear = () => {
         activated.value = false;
-        isClear = true;
         emit(UPDATE_MODEL_EVENT, "");
         emit("clear");
       };
@@ -13680,7 +13702,6 @@
           handleSelect(suggestions.value[highlightedIndex.value]);
         } else if (props.selectWhenUnmatched) {
           emit("select", { value: props.modelValue });
-          await vue.nextTick();
           suggestions.value = [];
           highlightedIndex.value = -1;
         }
@@ -13703,7 +13724,6 @@
         emit(INPUT_EVENT, item[props.valueKey]);
         emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
         emit("select", item);
-        await vue.nextTick();
         suggestions.value = [];
         highlightedIndex.value = -1;
       };
@@ -13731,7 +13751,9 @@
         highlightedIndex.value = index;
         inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
       };
-      onClickOutside(listboxRef, close);
+      onClickOutside(listboxRef, () => {
+        suggestionVisible.value && close();
+      });
       vue.onMounted(() => {
         inputRef.value.ref.setAttribute("role", "textbox");
         inputRef.value.ref.setAttribute("aria-autocomplete", "list");
@@ -13768,7 +13790,9 @@
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: "",
-          onBeforeShow: onSuggestionShow
+          onBeforeShow: onSuggestionShow,
+          onShow,
+          onHide
         }, {
           content: vue.withCtx(() => [
             vue.createElementVNode("div", {
@@ -13841,7 +13865,8 @@
                   vue.withKeys(handleKeyEnter, ["enter"]),
                   vue.withKeys(close, ["tab"]),
                   vue.withKeys(handleKeyEscape, ["esc"])
-                ]
+                ],
+                onMousedown: handleMouseDown
               }), vue.createSlots({ _: 2 }, [
                 _ctx.$slots.prepend ? {
                   name: "prepend",
@@ -53130,7 +53155,7 @@
       vue.watch(() => visible.value, (val) => {
         var _a, _b;
         if (val) {
-          if (props.boxType === "alert" || props.boxType === "confirm") {
+          if (props.boxType !== "prompt") {
             focusStartRef.value = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) != null ? _b : rootRef.value;
           }
           state.zIndex = nextZIndex();