element-plus 2.3.0 → 2.3.2

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.0 */
+/*! Element Plus v2.3.2 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -115,7 +115,7 @@ const isNumber$1 = (val) => typeof val === "number";
 const isString$2 = (val) => typeof val === "string";
 const noop$1 = () => {
 };
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
 function resolveUnref(r) {
   return typeof r === "function" ? r() : unref(r);
@@ -9515,7 +9515,7 @@ const useProp = (name) => {
   const vm = getCurrentInstance();
   return computed$1(() => {
     var _a, _b;
-    return (_b = ((_a = vm.proxy) == null ? void 0 : _a.$props)[name]) != null ? _b : void 0;
+    return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
   });
 };
 
@@ -9916,7 +9916,10 @@ const useDelayedToggle = ({
   close
 }) => {
   const { registerTimeout } = useTimeout();
-  const { registerTimeout: registerTimeoutForAutoClose } = useTimeout();
+  const {
+    registerTimeout: registerTimeoutForAutoClose,
+    cancelTimeout: cancelTimeoutForAutoClose
+  } = useTimeout();
   const onOpen = (event) => {
     registerTimeout(() => {
       open(event);
@@ -9929,6 +9932,7 @@ const useDelayedToggle = ({
     }, unref(showAfter));
   };
   const onClose = (event) => {
+    cancelTimeoutForAutoClose();
     registerTimeout(() => {
       close(event);
     }, unref(hideAfter));
@@ -11217,7 +11221,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.3.0";
+const version$1 = "2.3.2";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11664,7 +11668,10 @@ const formProps = buildProps({
     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)
@@ -11807,7 +11814,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
       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);
       }
     };
     watch(() => props.rules, () => {
@@ -13504,7 +13511,7 @@ const inputEmits = {
 
 const _hoisted_1$12 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
+const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
 const __default__$1x = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -13592,6 +13599,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     const suffixVisible = computed$1(() => !!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];
@@ -13607,15 +13615,35 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       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
         };
+        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)
@@ -13902,7 +13930,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$k),
+          }), null, 16, _hoisted_3$l),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
@@ -15996,7 +16024,7 @@ const autocompleteEmits = {
 
 const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
-const _hoisted_3$j = ["id", "aria-selected", "onClick"];
+const _hoisted_3$k = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
 const __default__$1o = defineComponent({
   name: COMPONENT_NAME$i,
@@ -16262,7 +16290,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$j);
+                  ], 10, _hoisted_3$k);
                 }), 128))
               ]),
               _: 3
@@ -21511,7 +21539,7 @@ const useCheckbox = (props, slots) => {
 
 const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
 const __default__$1a = defineComponent({
   name: "ElCheckbox"
 });
@@ -21597,7 +21625,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
               onChange: _cache[5] || (_cache[5] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
               onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
               onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
-            }, null, 42, _hoisted_3$i)), [
+            }, null, 42, _hoisted_3$j)), [
               [vModelCheckbox, unref(model)]
             ]),
             createElementVNode("span", {
@@ -23133,7 +23161,7 @@ const cascaderEmits = {
 
 const _hoisted_1$N = { key: 0 };
 const _hoisted_2$w = ["placeholder", "onKeydown"];
-const _hoisted_3$h = ["onClick"];
+const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
 const __default__$13 = defineComponent({
   name: COMPONENT_NAME$e
@@ -23237,6 +23265,10 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     const inputClass = computed$1(() => {
       return nsCascader.is("focus", popperVisible.value || filterFocus.value);
     });
+    const contentRef = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
     const togglePopperVisible = (visible) => {
       var _a, _b, _c;
       if (isDisabled.value)
@@ -23500,7 +23532,8 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     expose({
       getCheckedNodes,
       cascaderPanelRef,
-      togglePopperVisible
+      togglePopperVisible,
+      contentRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTooltip), {
@@ -23658,7 +23691,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
               ]) : createCommentVNode("v-if", true)
             ], 2)) : createCommentVNode("v-if", true)
           ], 38)), [
-            [unref(ClickOutside), () => togglePopperVisible(false), cascaderPanelRef.value]
+            [unref(ClickOutside), () => togglePopperVisible(false), unref(contentRef)]
           ])
         ]),
         content: withCtx(() => [
@@ -23703,7 +23736,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("v-if", true)
-                ], 10, _hoisted_3$h);
+                ], 10, _hoisted_3$i);
               }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                 createElementVNode("li", {
                   class: normalizeClass(unref(nsCascader).e("empty-text"))
@@ -24186,7 +24219,7 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
 
 const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex"];
-const _hoisted_3$g = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$Z = defineComponent({
   name: "ElCollapseItem"
 });
@@ -24262,7 +24295,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_3$g), [
+            ], 10, _hoisted_3$h), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -25879,7 +25912,7 @@ const _hoisted_2$t = {
   key: 0,
   scope: "col"
 };
-const _hoisted_3$f = ["aria-label"];
+const _hoisted_3$g = ["aria-label"];
 const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
@@ -26197,7 +26230,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                 key,
                 scope: "col",
                 "aria-label": unref(t)("el.datepicker.weeksFull." + week)
-              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$f);
+              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$g);
             }), 128))
           ]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
@@ -26235,7 +26268,7 @@ const basicMonthTableProps = buildProps({
 
 const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-const _hoisted_3$e = { class: "cell" };
+const _hoisted_3$f = { class: "cell" };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
@@ -26418,7 +26451,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
                   ]
                 }, [
                   createElementVNode("div", null, [
-                    createElementVNode("span", _hoisted_3$e, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                    createElementVNode("span", _hoisted_3$f, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                   ])
                 ], 42, _hoisted_2$s);
               }), 128))
@@ -26440,7 +26473,7 @@ const basicYearTableProps = buildProps({
 
 const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
-const _hoisted_3$d = { class: "cell" };
+const _hoisted_3$e = { class: "cell" };
 const _hoisted_4$a = { key: 1 };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
@@ -26525,7 +26558,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                       withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                     ]
                   }, [
-                    createElementVNode("span", _hoisted_3$d, toDisplayString(unref(startYear) + i * 4 + j), 1)
+                    createElementVNode("span", _hoisted_3$e, toDisplayString(unref(startYear) + i * 4 + j), 1)
                   ], 42, _hoisted_2$r)) : (openBlock(), createElementBlock("td", _hoisted_4$a))
                 ], 64);
               }), 64))
@@ -26540,7 +26573,7 @@ var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-yea
 
 const _hoisted_1$F = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
-const _hoisted_3$c = ["aria-label"];
+const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
 const _hoisted_5$7 = ["aria-label"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
@@ -27031,7 +27064,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$c), [
+                ], 10, _hoisted_3$d), [
                   [vShow, currentView.value === "date"]
                 ])
               ], 2),
@@ -27270,7 +27303,7 @@ const useRangePicker = (props, {
 
 const _hoisted_1$E = ["onClick"];
 const _hoisted_2$p = ["disabled"];
-const _hoisted_3$b = ["disabled"];
+const _hoisted_3$c = ["disabled"];
 const _hoisted_4$8 = ["disabled"];
 const _hoisted_5$6 = ["disabled"];
 const unit$1 = "month";
@@ -27786,7 +27819,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$b)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_3$c)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(DateTable, {
@@ -27970,7 +28003,7 @@ const useMonthRangeHeader = ({
 
 const _hoisted_1$D = ["onClick"];
 const _hoisted_2$o = ["disabled"];
-const _hoisted_3$a = ["disabled"];
+const _hoisted_3$b = ["disabled"];
 const unit = "year";
 const __default__$R = defineComponent({
   name: "DatePickerMonthRange"
@@ -28147,7 +28180,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$a)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_3$b)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29276,7 +29309,7 @@ const _sfc_main$1a = defineComponent({
 });
 const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
-const _hoisted_3$9 = ["aria-label"];
+const _hoisted_3$a = ["aria-label"];
 const _hoisted_4$7 = ["id"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
@@ -29362,7 +29395,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                         ]),
                         _: 1
                       }, 8, ["class"])
-                    ], 10, _hoisted_3$9)) : createCommentVNode("v-if", true)
+                    ], 10, _hoisted_3$a)) : createCommentVNode("v-if", true)
                   ], 2)) : createCommentVNode("v-if", true),
                   _ctx.rendered ? (openBlock(), createElementBlock("div", {
                     key: 1,
@@ -30435,7 +30468,7 @@ const _hoisted_1$w = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 const _hoisted_2$l = ["id"];
-const _hoisted_3$8 = ["stop-color"];
+const _hoisted_3$9 = ["stop-color"];
 const _hoisted_4$6 = ["stop-color"];
 const _hoisted_5$5 = ["id"];
 const _hoisted_6$1 = ["stop-color"];
@@ -30495,7 +30528,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
               offset: "0%"
-            }, null, 8, _hoisted_3$8),
+            }, null, 8, _hoisted_3$9),
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
               offset: "100%"
@@ -31547,12 +31580,12 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       var _a;
       const oldVal = data.currentValue;
       const newVal = verifyValue(value);
-      if (oldVal === newVal)
-        return;
       if (!emitChange) {
         emit(UPDATE_MODEL_EVENT, newVal);
         return;
       }
+      if (oldVal === newVal)
+        return;
       data.userInput = null;
       emit(UPDATE_MODEL_EVENT, newVal);
       emit(CHANGE_EVENT, newVal, oldVal);
@@ -33220,6 +33253,7 @@ const useSelect$3 = (props, states, ctx) => {
   }, computed$1(() => props.suffixTransition === false));
   const reference = ref(null);
   const input = ref(null);
+  const iOSInput = ref(null);
   const tooltipRef = ref(null);
   const tags = ref(null);
   const selectWrapper = ref(null);
@@ -33318,7 +33352,7 @@ const useSelect$3 = (props, states, ctx) => {
     deep: true
   });
   watch(() => states.visible, (val) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (!val) {
       if (props.filterable) {
         if (isFunction$1(props.filterMethod)) {
@@ -33359,8 +33393,9 @@ const useSelect$3 = (props, states, ctx) => {
       if (props.filterable) {
         states.filteredOptionsCount = states.optionsCount;
         states.query = props.remote ? "" : states.selectedLabel;
+        (_d = (_c = iOSInput.value) == null ? void 0 : _c.focus) == null ? void 0 : _d.call(_c);
         if (props.multiple) {
-          (_c = input.value) == null ? void 0 : _c.focus();
+          (_e = input.value) == null ? void 0 : _e.focus();
         } else {
           if (states.selectedLabel) {
             states.currentPlaceholder = `${states.selectedLabel}`;
@@ -33746,9 +33781,10 @@ const useSelect$3 = (props, states, ctx) => {
     }
   };
   const blur = () => {
-    var _a;
+    var _a, _b, _c;
     states.visible = false;
     (_a = reference.value) == null ? void 0 : _a.blur();
+    (_c = (_b = iOSInput.value) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
   };
   const handleBlur = (event) => {
     nextTick(() => {
@@ -33886,6 +33922,7 @@ const useSelect$3 = (props, states, ctx) => {
     collapseTagList,
     reference,
     input,
+    iOSInput,
     tooltipRef,
     tags,
     selectWrapper,
@@ -34113,6 +34150,7 @@ const _sfc_main$O = defineComponent({
       dropMenuVisible,
       reference,
       input,
+      iOSInput,
       tooltipRef,
       tags,
       selectWrapper,
@@ -34217,6 +34255,7 @@ const _sfc_main$O = defineComponent({
       optionList.value = v;
     };
     return {
+      isIOS,
       onOptionsRendered,
       tagInMultiLine,
       prefixWidth,
@@ -34272,6 +34311,7 @@ const _sfc_main$O = defineComponent({
       focus,
       reference,
       input,
+      iOSInput,
       tooltipRef,
       popperPaneRef,
       tags,
@@ -34289,7 +34329,8 @@ const _sfc_main$O = defineComponent({
   }
 });
 const _hoisted_1$n = ["disabled", "autocomplete"];
-const _hoisted_2$f = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+const _hoisted_2$f = ["disabled"];
+const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -34333,7 +34374,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.multiple ? (openBlock(), createElementBlock("div", {
             key: 0,
             ref: "tags",
-            class: normalizeClass(_ctx.nsSelect.e("tags")),
+            class: normalizeClass([
+              _ctx.nsSelect.e("tags"),
+              _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+            ]),
             style: normalizeStyle(_ctx.selectTagsStyle)
           }, [
             _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
@@ -34471,7 +34515,11 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               ref: "input",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
               type: "text",
-              class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
+              class: normalizeClass([
+                _ctx.nsSelect.e("input"),
+                _ctx.nsSelect.is(_ctx.selectSize),
+                _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+              ]),
               disabled: _ctx.selectDisabled,
               autocomplete: _ctx.autocomplete,
               style: normalizeStyle({
@@ -34500,6 +34548,18 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               [vModelText, _ctx.query]
             ]) : createCommentVNode("v-if", true)
           ], 6)) : createCommentVNode("v-if", true),
+          createCommentVNode(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
+          _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (openBlock(), createElementBlock("input", {
+            key: 1,
+            ref: "iOSInput",
+            class: normalizeClass([
+              _ctx.nsSelect.e("input"),
+              _ctx.nsSelect.is(_ctx.selectSize),
+              _ctx.nsSelect.em("input", "iOS")
+            ]),
+            disabled: _ctx.selectDisabled,
+            type: "text"
+          }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
           createVNode(_component_el_input, {
             id: _ctx.id,
             ref: "reference",
@@ -34556,7 +34616,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.$slots.prefix ? {
               name: "prefix",
               fn: withCtx(() => [
-                createElementVNode("div", _hoisted_2$f, [
+                createElementVNode("div", _hoisted_3$8, [
                   renderSlot(_ctx.$slots, "prefix")
                 ])
               ])
@@ -34790,11 +34850,11 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       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) => {
@@ -39255,6 +39315,11 @@ const useSelect$1 = (props, emit) => {
   watch(filteredOptions, () => {
     return nextTick(menuRef.value.resetScrollTop);
   });
+  watch(() => dropdownMenuVisible.value, (val) => {
+    if (!val) {
+      resetHoveringIndex();
+    }
+  });
   onMounted(() => {
     initStates();
   });
@@ -45990,7 +46055,9 @@ function useRender(props, slots, owner) {
         } else {
           children = originRenderCell(data);
         }
-        const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0 && data.column.type !== "selection";
+        const { columns } = owner.value.store.states;
+        const firstUserColumnIndex = columns.value.findIndex((item) => item.type === "default");
+        const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === firstUserColumnIndex;
         const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
         const props2 = {
           class: "cell",
@@ -53699,8 +53766,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         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;
       }
@@ -53720,9 +53790,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       doUpload(Object.assign(file, {
         uid: rawFile.uid
-      }));
+      }), beforeData);
     };
-    const doUpload = (rawFile) => {
+    const doUpload = (rawFile, beforeData) => {
       const {
         headers,
         data,
@@ -53740,7 +53810,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         headers: headers || {},
         withCredentials,
         file: rawFile,
-        data,
+        data: beforeData != null ? beforeData : data,
         method,
         filename,
         action,

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.0 */
+/*! Element Plus v2.3.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v2.3.0 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
+/*! Element Plus v2.3.2 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
 //# sourceMappingURL=af.min.js.map

package/dist/locale/af.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v2.3.0 */var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};export{e as default};
+/*! Element Plus v2.3.2 */var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};export{e as default};
 //# sourceMappingURL=af.min.mjs.map

package/dist/locale/af.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.0 */
+/*! Element Plus v2.3.2 */
 
 var af = {
   name: "af",

package/dist/locale/ar.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.0 */
+/*! Element Plus v2.3.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :