element-plus 2.3.1 → 2.3.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.1 */
+/*! Element Plus v2.3.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11225,7 +11225,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.1";
+  const version$1 = "2.3.3";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11672,7 +11672,10 @@
       type: Boolean,
       default: false
     },
-    scrollToError: Boolean
+    scrollToError: Boolean,
+    scrollIntoViewOptions: {
+      type: [Object, Boolean]
+    }
   });
   const formEmits = {
     validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean$1(isValid) && isString$1(message)
@@ -11815,7 +11818,7 @@
         var _a;
         const field = filterFields(fields, prop)[0];
         if (field) {
-          (_a = field.$el) == null ? void 0 : _a.scrollIntoView();
+          (_a = field.$el) == null ? void 0 : _a.scrollIntoView(props.scrollIntoViewOptions);
         }
       };
       vue.watch(() => props.rules, () => {
@@ -13600,6 +13603,7 @@
       const suffixVisible = vue.computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
       const [recordCursor, setCursor] = useCursor(input);
       useResizeObserver(textarea, (entries) => {
+        onceInitSizeTextarea();
         if (!isWordLimitVisible.value || props.resize !== "both")
           return;
         const entry = entries[0];
@@ -13615,15 +13619,35 @@
         if (autosize) {
           const minRows = isObject$1(autosize) ? autosize.minRows : void 0;
           const maxRows = isObject$1(autosize) ? autosize.maxRows : void 0;
+          const textareaStyle2 = calcTextareaHeight(textarea.value, minRows, maxRows);
           textareaCalcStyle.value = {
-            ...calcTextareaHeight(textarea.value, minRows, maxRows)
+            overflowY: "hidden",
+            ...textareaStyle2
           };
+          vue.nextTick(() => {
+            textarea.value.offsetHeight;
+            textareaCalcStyle.value = textareaStyle2;
+          });
         } else {
           textareaCalcStyle.value = {
             minHeight: calcTextareaHeight(textarea.value).minHeight
           };
         }
       };
+      const createOnceInitResize = (resizeTextarea2) => {
+        let isInit = false;
+        return () => {
+          var _a;
+          if (isInit || !props.autosize)
+            return;
+          const isElHidden = ((_a = textarea.value) == null ? void 0 : _a.offsetParent) === null;
+          if (!isElHidden) {
+            resizeTextarea2();
+            isInit = true;
+          }
+        };
+      };
+      const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
       const setNativeInputValue = () => {
         const input2 = _ref.value;
         if (!input2 || input2.value === nativeInputValue.value)
@@ -25165,6 +25189,11 @@
         showPicker.value = value;
       }
       const debounceSetShowPicker = debounce(setShowPicker, 100);
+      function show() {
+        if (colorDisabled.value)
+          return;
+        setShowPicker(true);
+      }
       function hide() {
         debounceSetShowPicker(false);
         resetColor();
@@ -25252,7 +25281,9 @@
         currentColor
       });
       expose({
-        color
+        color,
+        show,
+        hide
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -26848,7 +26879,7 @@
           event.stopPropagation();
           event.preventDefault();
         }
-        if ([EVENT_CODE.enter, EVENT_CODE.space].includes(code) && userInputDate.value === null && userInputTime.value === null) {
+        if ([EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.numpadEnter].includes(code) && userInputDate.value === null && userInputTime.value === null) {
           event.preventDefault();
           emit(innerDate.value, false);
         }
@@ -32436,7 +32467,7 @@
           openedMenus.value = [];
         }
         const { index, indexPath } = menuItem;
-        if (index === void 0 || indexPath === void 0)
+        if (isNil(index) || isNil(indexPath))
           return;
         if (props.router && router) {
           const route = menuItem.route || index;
@@ -34354,7 +34385,10 @@
             _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               ref: "tags",
-              class: vue.normalizeClass(_ctx.nsSelect.e("tags")),
+              class: vue.normalizeClass([
+                _ctx.nsSelect.e("tags"),
+                _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+              ]),
               style: vue.normalizeStyle(_ctx.selectTagsStyle)
             }, [
               _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -34492,7 +34526,11 @@
                 ref: "input",
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
                 type: "text",
-                class: vue.normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
+                class: vue.normalizeClass([
+                  _ctx.nsSelect.e("input"),
+                  _ctx.nsSelect.is(_ctx.selectSize),
+                  _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+                ]),
                 disabled: _ctx.selectDisabled,
                 autocomplete: _ctx.autocomplete,
                 style: vue.normalizeStyle({
@@ -34823,11 +34861,11 @@
         return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
       });
       function handleInput(val) {
-        userInput.value = +val;
+        userInput.value = val ? +val : "";
       }
       function handleChange(val) {
         val = Math.trunc(+val);
-        changeEvent == null ? void 0 : changeEvent(+val);
+        changeEvent == null ? void 0 : changeEvent(val);
         userInput.value = void 0;
       }
       return (_ctx, _cache) => {
@@ -39288,6 +39326,11 @@
     vue.watch(filteredOptions, () => {
       return vue.nextTick(menuRef.value.resetScrollTop);
     });
+    vue.watch(() => dropdownMenuVisible.value, (val) => {
+      if (!val) {
+        resetHoveringIndex();
+      }
+    });
     vue.onMounted(() => {
       initStates();
     });
@@ -45524,7 +45567,7 @@
       ]),
       style: vue.normalizeStyle(_ctx.style),
       "data-prefix": _ctx.ns.namespace.value,
-      onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
+      onMouseleave: _cache[0] || (_cache[0] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
     }, [
       vue.createElementVNode("div", {
         class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
@@ -53734,8 +53777,11 @@
           return doUpload(rawFile);
         }
         let hookResult;
+        let beforeData = {};
         try {
-          hookResult = await props.beforeUpload(rawFile);
+          const beforeUploadPromise = props.beforeUpload(rawFile);
+          beforeData = isObject$1(props.data) ? cloneDeep(props.data) : props.data;
+          hookResult = await beforeUploadPromise;
         } catch (e) {
           hookResult = false;
         }
@@ -53755,9 +53801,9 @@
         }
         doUpload(Object.assign(file, {
           uid: rawFile.uid
-        }));
+        }), beforeData);
       };
-      const doUpload = (rawFile) => {
+      const doUpload = (rawFile, beforeData) => {
         const {
           headers,
           data,
@@ -53775,7 +53821,7 @@
           headers: headers || {},
           withCredentials,
           file: rawFile,
-          data,
+          data: beforeData != null ? beforeData : data,
           method,
           filename,
           action,