@element-plus/nightly 0.0.20220616 → 0.0.20220619

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220616 */
+/*! Element Plus v0.0.20220619 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6950,6 +6950,7 @@
 
   var _a;
   const isClient = typeof window !== "undefined";
+  const isDef = (val) => typeof val !== "undefined";
   const isBoolean = (val) => typeof val === "boolean";
   const isNumber = (val) => typeof val === "number";
   const isString$1 = (val) => typeof val === "string";
@@ -7303,6 +7304,46 @@
     SwipeDirection2["NONE"] = "NONE";
   })(SwipeDirection || (SwipeDirection = {}));
 
+  function useVModel(props, key, emit, options = {}) {
+    var _a;
+    const {
+      passive = false,
+      eventName,
+      deep = false,
+      defaultValue
+    } = options;
+    const vm = vue.getCurrentInstance();
+    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+    let event = eventName;
+    if (!key) {
+      {
+        key = "modelValue";
+      }
+    }
+    event = eventName || event || `update:${key.toString()}`;
+    const getValue = () => isDef(props[key]) ? props[key] : defaultValue;
+    if (passive) {
+      const proxy = vue.ref(getValue());
+      vue.watch(() => props[key], (v) => proxy.value = v);
+      vue.watch(proxy, (v) => {
+        if (v !== props[key] || deep)
+          _emit(event, v);
+      }, {
+        deep
+      });
+      return proxy;
+    } else {
+      return vue.computed({
+        get() {
+          return getValue();
+        },
+        set(value) {
+          _emit(event, value);
+        }
+      });
+    }
+  }
+
   function useWindowFocus({ window = defaultWindow } = {}) {
     if (!window)
       return vue.ref(false);
@@ -10683,7 +10724,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220616";
+  const version$1 = "0.0.20220619";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13550,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("");
@@ -13569,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;
@@ -13604,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) {
@@ -13626,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");
       };
@@ -13639,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;
         }
@@ -13662,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;
       };
@@ -13690,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");
@@ -13727,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", {
@@ -13800,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",
@@ -26046,7 +26112,6 @@
     const zIndex = vue.ref(props.zIndex || nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
-    const normalizeWidth = vue.computed(() => isNumber(props.width) ? `${props.width}px` : props.width);
     const namespace = useGlobalConfig("namespace", defaultNamespace);
     const style = vue.computed(() => {
       const style2 = {};
@@ -26056,7 +26121,7 @@
           style2[`${varPrefix}-margin-top`] = props.top;
         }
         if (props.width) {
-          style2[`${varPrefix}-width`] = normalizeWidth.value;
+          style2[`${varPrefix}-width`] = addUnit(props.width);
         }
       }
       return style2;
@@ -29483,7 +29548,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
-    switch: (index) => typeof index === "number"
+    switch: (index) => isNumber(index)
   };
 
   const _hoisted_1$s = ["src"];
@@ -32880,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"))
@@ -37966,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"))
@@ -39788,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();
@@ -46704,10 +46781,11 @@
         const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
         navOffset.value = newOffset;
       };
-      const scrollToActiveTab = () => {
+      const scrollToActiveTab = async () => {
         const nav = nav$.value;
         if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
           return;
+        await vue.nextTick();
         const activeTab = el$.value.querySelector(".is-active");
         if (!activeTab)
           return;
@@ -46971,6 +47049,7 @@
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
         var _a;
+        await vue.nextTick();
         (_a = nav$.value) == null ? void 0 : _a.scrollToActiveTab();
       });
       {
@@ -51701,10 +51780,6 @@
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
-    fileList: {
-      type: definePropType(Array),
-      default: () => mutable([])
-    },
     beforeUpload: {
       type: definePropType(Function),
       default: NOOP
@@ -51907,7 +51982,7 @@
     }
   };
   const useHandlers = (props, uploadRef) => {
-    const uploadFiles = vue.ref([]);
+    const uploadFiles = useVModel(props, "fileList", void 0, { passive: true });
     const getFile = (rawFile) => uploadFiles.value.find((file) => file.uid === rawFile.uid);
     function abort(file) {
       var _a;
@@ -51920,6 +51995,7 @@
       const file = getFile(rawFile);
       if (!file)
         return;
+      console.error(err);
       file.status = "fail";
       uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
       props.onError(err, file, uploadFiles.value);
@@ -52003,14 +52079,14 @@
         return file;
       });
     });
-    vue.watch(() => props.fileList, (fileList) => {
-      for (const file of fileList) {
+    vue.watch(uploadFiles, (files) => {
+      for (const file of files) {
         file.uid || (file.uid = genFileId());
         file.status || (file.status = "success");
       }
-      uploadFiles.value = fileList;
     }, { immediate: true, deep: true });
     return {
+      uploadFiles,
       abort,
       clearFiles,
       handleError,
@@ -52018,8 +52094,7 @@
       handleStart,
       handleSuccess,
       handleRemove,
-      submit,
-      uploadFiles
+      submit
     };
   };
 
@@ -53080,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();