@element-plus/nightly 0.0.20220617 → 0.0.20220620

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220617 */
+/*! Element Plus v0.0.20220620 */
 
 (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.20220617";
+  const version$1 = "0.0.20220620";
 
   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",
@@ -32920,7 +32945,7 @@
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tags"))
                         }, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item, idx) => {
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected.slice(1), (item, idx) => {
                             return vue.openBlock(), vue.createElementBlock("div", {
                               key: idx,
                               class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tag"))
@@ -38006,7 +38031,7 @@
                           vue.createElementVNode("div", {
                             class: vue.normalizeClass(_ctx.nsSelectV2.e("selection"))
                           }, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.states.cachedOptions.slice(1), (selected, idx) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
                                 key: idx,
                                 class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
@@ -39828,13 +39853,25 @@
     props: switchProps,
     emits: switchEmits,
     setup(props, { emit }) {
+      const vm = vue.getCurrentInstance();
       const { formItem } = useFormItem();
+      const switchSize = useSize();
       const switchDisabled = useDisabled$1(vue.computed(() => props.loading));
       const ns = useNamespace("switch");
+      useDeprecated({
+        from: '"value"',
+        replacement: '"model-value" or "v-model"',
+        scope: COMPONENT_NAME$5,
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/switch.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => {
+        var _a;
+        return !!((_a = vm.vnode.props) == null ? void 0 : _a.value);
+      }));
       const { inputId } = useFormItemInputId(props, {
         formItemContext: formItem
       });
-      const switchSize = useSize();
       const isModelValue = vue.ref(props.modelValue !== false);
       const input = vue.ref();
       const core = vue.ref();
@@ -53118,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();