@element-plus/nightly 0.0.20220123 → 0.0.20220124

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220123 */
+/*! Element Plus v0.0.20220124 */
 
 import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -4540,7 +4540,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220123";
+const version$1 = "0.0.20220124";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4693,8 +4693,9 @@ const _sfc_main$2L = defineComponent({
       emit("change", state.fixed);
     });
     onMounted(() => {
+      var _a;
       if (props.target) {
-        target.value = document.querySelector(props.target) ?? void 0;
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!target.value) {
           throw new Error(`Target is not existed: ${props.target}`);
         }
@@ -5106,13 +5107,13 @@ const _hoisted_4$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
-const _hoisted_5$g = [
+const _hoisted_5$f = [
   _hoisted_2$1g,
   _hoisted_3$10,
   _hoisted_4$n
 ];
 function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_5$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_5$f);
 }
 var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
@@ -6523,8 +6524,11 @@ const _sfc_main$26 = defineComponent({
     const passwordVisible = ref(false);
     const _textareaCalcStyle = shallowRef(props.inputStyle);
     const inputOrTextarea = computed(() => input.value || textarea.value);
-    const needStatusIcon = computed(() => form?.statusIcon ?? false);
-    const validateState = computed(() => formItem?.validateState || "");
+    const needStatusIcon = computed(() => {
+      var _a;
+      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+    });
+    const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = computed(() => ValidateComponentsMap[validateState.value]);
     const containerStyle = computed(() => rawAttrs.style);
     const computedTextareaStyle = computed(() => [
@@ -6594,33 +6598,38 @@ const _sfc_main$26 = defineComponent({
     };
     const focus = () => {
       nextTick(() => {
-        inputOrTextarea.value?.focus();
+        var _a;
+        (_a = inputOrTextarea.value) == null ? void 0 : _a.focus();
       });
     };
     const blur = () => {
-      inputOrTextarea.value?.blur();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.blur();
     };
     const handleFocus = (event) => {
       focused.value = true;
       emit("focus", event);
     };
     const handleBlur = (event) => {
+      var _a;
       focused.value = false;
       emit("blur", event);
       if (props.validateEvent) {
-        formItem?.validate?.("blur");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
       }
     };
     const select = () => {
-      inputOrTextarea.value?.select();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.select();
     };
     const handleCompositionStart = (event) => {
       emit("compositionstart", event);
       isComposing.value = true;
     };
     const handleCompositionUpdate = (event) => {
+      var _a;
       emit("compositionupdate", event);
-      const text = event.target?.value;
+      const text = (_a = event.target) == null ? void 0 : _a.value;
       const lastCharacter = text[text.length - 1] || "";
       isComposing.value = !isKorean(lastCharacter);
     };
@@ -6643,9 +6652,10 @@ const _sfc_main$26 = defineComponent({
     };
     const suffixVisible = computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
     watch(() => props.modelValue, () => {
+      var _a;
       nextTick(resizeTextarea);
       if (props.validateEvent) {
-        formItem?.validate?.("change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       }
     });
     watch(nativeInputValue, () => setNativeInputValue());
@@ -6956,10 +6966,11 @@ const _sfc_main$25 = defineComponent({
     }));
     const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
     const clickThumbHandler = (e) => {
+      var _a;
       e.stopPropagation();
       if (e.ctrlKey || [1, 2].includes(e.button))
         return;
-      window.getSelection()?.removeAllRanges();
+      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
       startDrag(e);
       const el = e.currentTarget;
       if (!el)
@@ -7174,8 +7185,8 @@ const _sfc_main$24 = defineComponent({
     };
     watch(() => props.noresize, (noresize) => {
       if (noresize) {
-        stopResizeObserver?.();
-        stopResizeListener?.();
+        stopResizeObserver == null ? void 0 : stopResizeObserver();
+        stopResizeListener == null ? void 0 : stopResizeListener();
       } else {
         ({ stop: stopResizeObserver } = useResizeObserver(resize$, update));
         stopResizeListener = useEventListener("resize", update);
@@ -9347,7 +9358,7 @@ const _sfc_main$21 = defineComponent({
           const handler = props[eventName];
           if (handler) {
             el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-            prevEl?.removeEventListener(eventName.slice(2).toLowerCase(), handler);
+            prevEl == null ? void 0 : prevEl.removeEventListener(eventName.slice(2).toLowerCase(), handler);
           }
         });
       }
@@ -9407,15 +9418,17 @@ const _sfc_main$20 = defineComponent({
       return createPopper(referenceEl, popperContentEl, options);
     };
     const updatePopper = () => {
-      unref(popperInstanceRef)?.update();
+      var _a;
+      (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
       contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
     };
     onMounted(() => {
       let updateHandle;
       watch(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef), (val) => {
-        updateHandle?.();
+        var _a;
+        updateHandle == null ? void 0 : updateHandle();
         if (val) {
-          popperInstanceRef.value?.destroy();
+          (_a = popperInstanceRef.value) == null ? void 0 : _a.destroy();
           const popperContentEl = unref(popperContentRef);
           contentRef.value = popperContentEl;
           const arrowEl = unref(arrowRef);
@@ -9582,7 +9595,10 @@ const _sfc_main$1_ = defineComponent({
     const shouldShow = computed(() => {
       return props.disabled ? false : unref(open);
     });
-    const contentStyle = computed(() => props.style ?? {});
+    const contentStyle = computed(() => {
+      var _a;
+      return (_a = props.style) != null ? _a : {};
+    });
     const ariaHidden = computed(() => !unref(open));
     useEscapeKeydown(onClose);
     const onTransitionLeave = () => {
@@ -9603,7 +9619,8 @@ const _sfc_main$1_ = defineComponent({
       }
     });
     const onBeforeEnter = () => {
-      contentRef.value?.updatePopper?.();
+      var _a, _b;
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
     };
     const onAfterShow = () => {
       onShow();
@@ -9612,7 +9629,8 @@ const _sfc_main$1_ = defineComponent({
     watch(() => unref(open), (val) => {
       if (val) {
         stopHandle = onClickOutside(computed(() => {
-          return contentRef.value?.popperContentRef;
+          var _a;
+          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
         }), () => {
           if (unref(controlled))
             return;
@@ -9622,7 +9640,7 @@ const _sfc_main$1_ = defineComponent({
           }
         });
       } else {
-        stopHandle?.();
+        stopHandle == null ? void 0 : stopHandle();
       }
     }, {
       flush: "post"
@@ -9819,9 +9837,10 @@ const _sfc_main$1Y = defineComponent({
     const id = useId();
     const popperRef = ref(null);
     const updatePopper = () => {
+      var _a;
       const popperComponent = unref(popperRef);
       if (popperComponent) {
-        popperComponent.popperInstanceRef?.update();
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
       }
     };
     const open = ref(false);
@@ -10112,7 +10131,8 @@ const _sfc_main$1X = defineComponent({
       activated.value = false;
     };
     const focus = () => {
-      inputRef.value?.focus();
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const select = (item) => {
       ctx.emit("input", item[props.valueKey]);
@@ -10478,8 +10498,9 @@ const _sfc_main$1V = defineComponent({
     };
     const handleScrollThrottled = useThrottleFn(handleScroll, 300);
     onMounted(() => {
+      var _a;
       if (props.target) {
-        el.value = document.querySelector(props.target) ?? void 0;
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!el.value) {
           throwError(COMPONENT_NAME$8, `target is not existed: ${props.target}`);
         }
@@ -10673,8 +10694,8 @@ const _sfc_main$1S = defineComponent({
     return {
       ns,
       link,
-      separator: parent?.separator,
-      separatorIcon: parent?.separatorIcon
+      separator: parent == null ? void 0 : parent.separator,
+      separatorIcon: parent == null ? void 0 : parent.separatorIcon
     };
   }
 });
@@ -11889,12 +11910,16 @@ const _sfc_main$1R = defineComponent({
     const buttonGroupContext = inject(buttonGroupContextKey, void 0);
     const globalConfig = useGlobalConfig("button");
     const ns = useNamespace("button");
-    const autoInsertSpace = computed(() => props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false);
+    const autoInsertSpace = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
     const shouldAddSpace = computed(() => {
-      const defaultSlot = slots.default?.();
-      if (autoInsertSpace.value && defaultSlot?.length === 1) {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
         const slot = defaultSlot[0];
-        if (slot?.type === Text) {
+        if ((slot == null ? void 0 : slot.type) === Text) {
           const text = slot.children;
           return /^\p{Unified_Ideograph}{2}$/u.test(text);
         }
@@ -11902,9 +11927,9 @@ const _sfc_main$1R = defineComponent({
       return false;
     });
     const { form } = useFormItem();
-    const buttonSize = useSize(computed(() => buttonGroupContext?.size));
+    const buttonSize = useSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
     const buttonDisabled = useDisabled$1();
-    const buttonType = computed(() => props.type || buttonGroupContext?.type || "");
+    const buttonType = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
     const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
     const buttonStyle = computed(() => {
       let styles = {};
@@ -11943,7 +11968,7 @@ const _sfc_main$1R = defineComponent({
     });
     const handleClick = (evt) => {
       if (props.nativeType === "reset") {
-        form?.resetFields();
+        form == null ? void 0 : form.resetFields();
       }
       emit("click", evt);
     };
@@ -12112,12 +12137,6 @@ function isEqual$1(value, other) {
 
 var isEqual_1 = isEqual$1;
 
-const isValidWidthUnit = (val) => {
-  if (isNumber(val)) {
-    return true;
-  }
-  return ["px", "rem", "em", "vw", "%", "vmin", "vmax"].some((unit) => val.endsWith(unit)) || val.startsWith("calc");
-};
 const isValidComponentSize = (val) => ["", "large", "default", "small"].includes(val);
 const isValidDatePickType = (val) => [
   "year",
@@ -12302,6 +12321,7 @@ const _sfc_main$1P = defineComponent({
     const pickerActualVisible = ref(false);
     const valueOnOpen = ref(null);
     watch(pickerVisible, (val) => {
+      var _a;
       if (!val) {
         userInput.value = null;
         nextTick(() => {
@@ -12309,15 +12329,16 @@ const _sfc_main$1P = defineComponent({
         });
         ctx.emit("blur");
         blurInput();
-        props.validateEvent && elFormItem.validate?.("blur");
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur"));
       } else {
         valueOnOpen.value = props.modelValue;
       }
     });
     const emitChange = (val, isClear) => {
+      var _a;
       if (isClear || !valueEquals(val, valueOnOpen.value)) {
         ctx.emit("change", val);
-        props.validateEvent && elFormItem.validate?.("change");
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change"));
       }
     };
     const emitInput = (val) => {
@@ -12339,10 +12360,10 @@ const _sfc_main$1P = defineComponent({
       return [];
     });
     const refStartInput = computed(() => {
-      return refInput?.value[0];
+      return refInput == null ? void 0 : refInput.value[0];
     });
     const refEndInput = computed(() => {
-      return refInput?.value[1];
+      return refInput == null ? void 0 : refInput.value[1];
     });
     const setSelectionRange = (start, end, pos) => {
       const _inputs = refInput.value;
@@ -12383,7 +12404,8 @@ const _sfc_main$1P = defineComponent({
       ctx.emit("focus", e);
     };
     const handleBlur = () => {
-      refPopper.value?.onClose();
+      var _a;
+      (_a = refPopper.value) == null ? void 0 : _a.onClose();
       blurInput();
     };
     const pickerDisabled = computed(() => {
@@ -12470,14 +12492,19 @@ const _sfc_main$1P = defineComponent({
     });
     const pickerSize = useSize();
     const popperPaneRef = computed(() => {
-      return refPopper.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = refPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
+    const popperEl = computed(() => {
+      var _a, _b;
+      return (_b = (_a = unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
-    const popperEl = computed(() => unref(refPopper)?.popperRef?.contentRef);
     const actualInputRef = computed(() => {
+      var _a;
       if (unref(isRangeInput)) {
         return unref(inputRef);
       }
-      return unref(inputRef)?.$el;
+      return (_a = unref(inputRef)) == null ? void 0 : _a.$el;
     });
     onClickOutside(actualInputRef, (e) => {
       const unrefedPopperEl = unref(popperEl);
@@ -14249,8 +14276,8 @@ const _hoisted_1$14 = {
 const _hoisted_2$N = { class: "el-time-range-picker__content" };
 const _hoisted_3$A = { class: "el-time-range-picker__cell" };
 const _hoisted_4$m = { class: "el-time-range-picker__header" };
-const _hoisted_5$f = { class: "el-time-range-picker__cell" };
-const _hoisted_6$d = { class: "el-time-range-picker__header" };
+const _hoisted_5$e = { class: "el-time-range-picker__cell" };
+const _hoisted_6$c = { class: "el-time-range-picker__header" };
 const _hoisted_7$9 = { class: "el-time-panel__footer" };
 const _hoisted_8$8 = ["disabled"];
 function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
@@ -14278,8 +14305,8 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
         ], 2)
       ]),
-      createElementVNode("div", _hoisted_5$f, [
-        createElementVNode("div", _hoisted_6$d, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
+      createElementVNode("div", _hoisted_5$e, [
+        createElementVNode("div", _hoisted_6$c, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -15328,7 +15355,8 @@ const _sfc_main$1H = defineComponent({
       return index;
     }
     function calcCardTranslate(index, activeIndex) {
-      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0;
+      var _a;
+      const parentWidth = ((_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetWidth) || 0;
       if (data.inStage) {
         return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
       } else if (index < activeIndex) {
@@ -15338,7 +15366,8 @@ const _sfc_main$1H = defineComponent({
       }
     }
     function calcTranslate(index, activeIndex, isVertical) {
-      const distance = (isVertical ? injectCarouselScope.root.value?.offsetHeight : injectCarouselScope.root.value?.offsetWidth) || 0;
+      var _a, _b;
+      const distance = (isVertical ? (_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetHeight : (_b = injectCarouselScope.root.value) == null ? void 0 : _b.offsetWidth) || 0;
       return distance * (index - activeIndex);
     }
     const translateItem = (index, activeIndex, oldIndex) => {
@@ -15654,45 +15683,48 @@ const _sfc_main$1G = defineComponent({
   },
   emits: [UPDATE_MODEL_EVENT, "change"],
   setup(props) {
-    return useCheckbox(props);
+    const ns = useNamespace("checkbox");
+    return {
+      ns,
+      ...useCheckbox(props)
+    };
   }
 });
 const _hoisted_1$10 = ["id", "aria-controls"];
 const _hoisted_2$K = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$y = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
-const _hoisted_4$l = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_5$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
-const _hoisted_6$c = {
-  key: 0,
-  class: "el-checkbox__label"
-};
+const _hoisted_3$y = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_4$l = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     id: _ctx.id,
-    class: normalizeClass(["el-checkbox", [
-      _ctx.checkboxSize ? "el-checkbox--" + _ctx.checkboxSize : "",
-      { "is-disabled": _ctx.isDisabled },
-      { "is-bordered": _ctx.border },
-      { "is-checked": _ctx.isChecked }
-    ]]),
+    class: normalizeClass([
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.checkboxSize),
+      _ctx.ns.is("disabled", _ctx.isDisabled),
+      _ctx.ns.is("bordered", _ctx.border),
+      _ctx.ns.is("checked", _ctx.isChecked)
+    ]),
     "aria-controls": _ctx.indeterminate ? _ctx.controls : null
   }, [
     createElementVNode("span", {
-      class: normalizeClass(["el-checkbox__input", {
-        "is-disabled": _ctx.isDisabled,
-        "is-checked": _ctx.isChecked,
-        "is-indeterminate": _ctx.indeterminate,
-        "is-focus": _ctx.focus
-      }]),
+      class: normalizeClass([
+        _ctx.ns.e("input"),
+        _ctx.ns.is("disabled", _ctx.isDisabled),
+        _ctx.ns.is("checked", _ctx.isChecked),
+        _ctx.ns.is("indeterminate", _ctx.indeterminate),
+        _ctx.ns.is("focus", _ctx.focus)
+      ]),
       tabindex: _ctx.indeterminate ? 0 : void 0,
       role: _ctx.indeterminate ? "checkbox" : void 0,
       "aria-checked": _ctx.indeterminate ? "mixed" : false
     }, [
-      _hoisted_3$y,
+      createElementVNode("span", {
+        class: normalizeClass(_ctx.ns.e("inner"))
+      }, null, 2),
       _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-        class: "el-checkbox__original",
+        class: normalizeClass(_ctx.ns.e("original")),
         type: "checkbox",
         "aria-hidden": _ctx.indeterminate ? "true" : "false",
         name: _ctx.name,
@@ -15703,12 +15735,12 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-      }, null, 40, _hoisted_4$l)), [
+      }, null, 42, _hoisted_3$y)), [
         [vModelCheckbox, _ctx.model]
       ]) : withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-        class: "el-checkbox__original",
+        class: normalizeClass(_ctx.ns.e("original")),
         type: "checkbox",
         "aria-hidden": _ctx.indeterminate ? "true" : "false",
         disabled: _ctx.isDisabled,
@@ -15718,16 +15750,19 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 40, _hoisted_5$e)), [
+      }, null, 42, _hoisted_4$l)), [
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$K),
-    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$c, [
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("label"))
+    }, [
       renderSlot(_ctx.$slots, "default"),
       !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
-    ])) : createCommentVNode("v-if", true)
+    ], 2)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$10);
 }
 var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1G, [["render", _sfc_render$1B]]);
@@ -15739,12 +15774,14 @@ const _sfc_main$1F = defineComponent({
   setup(props) {
     const { focus, isChecked, isDisabled, size, model, handleChange } = useCheckbox(props);
     const { checkboxGroup } = useCheckboxGroup();
+    const ns = useNamespace("checkbox");
     const activeStyle = computed(() => {
-      const fillValue = checkboxGroup?.fill?.value ?? "";
+      var _a, _b, _c, _d;
+      const fillValue = (_b = (_a = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a.value) != null ? _b : "";
       return {
         backgroundColor: fillValue,
         borderColor: fillValue,
-        color: checkboxGroup?.textColor?.value ?? "",
+        color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
         boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : null
       };
     });
@@ -15755,7 +15792,8 @@ const _sfc_main$1F = defineComponent({
       model,
       handleChange,
       activeStyle,
-      size
+      size,
+      ns
     };
   }
 });
@@ -15764,12 +15802,13 @@ const _hoisted_2$J = ["name", "tabindex", "disabled", "true-value", "false-value
 const _hoisted_3$x = ["name", "tabindex", "disabled", "value"];
 function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
-    class: normalizeClass(["el-checkbox-button", [
-      _ctx.size ? "el-checkbox-button--" + _ctx.size : "",
-      { "is-disabled": _ctx.isDisabled },
-      { "is-checked": _ctx.isChecked },
-      { "is-focus": _ctx.focus }
-    ]]),
+    class: normalizeClass([
+      _ctx.ns.b("button"),
+      _ctx.ns.bm("button", _ctx.size),
+      _ctx.ns.is("disabled", _ctx.isDisabled),
+      _ctx.ns.is("checked", _ctx.isChecked),
+      _ctx.ns.is("focus", _ctx.focus)
+    ]),
     role: "checkbox",
     "aria-checked": _ctx.isChecked,
     "aria-disabled": _ctx.isDisabled
@@ -15777,7 +15816,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
       key: 0,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
+      class: normalizeClass(_ctx.ns.be("button", "original")),
       type: "checkbox",
       name: _ctx.name,
       tabindex: _ctx.tabindex,
@@ -15787,12 +15826,12 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
       onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_2$J)), [
+    }, null, 42, _hoisted_2$J)), [
       [vModelCheckbox, _ctx.model]
     ]) : withDirectives((openBlock(), createElementBlock("input", {
       key: 1,
       "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
+      class: normalizeClass(_ctx.ns.be("button", "original")),
       type: "checkbox",
       name: _ctx.name,
       tabindex: _ctx.tabindex,
@@ -15801,18 +15840,18 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
       onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_3$x)), [
+    }, null, 42, _hoisted_3$x)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
       key: 2,
-      class: "el-checkbox-button__inner",
+      class: normalizeClass(_ctx.ns.be("button", "inner")),
       style: normalizeStyle(_ctx.isChecked ? _ctx.activeStyle : null)
     }, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
-    ], 4)) : createCommentVNode("v-if", true)
+    ], 6)) : createCommentVNode("v-if", true)
   ], 10, _hoisted_1$$);
 }
 var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1F, [["render", _sfc_render$1A]]);
@@ -15854,6 +15893,7 @@ const _sfc_main$1E = defineComponent({
   setup(props, { emit, slots }) {
     const { elFormItem } = useCheckboxGroup();
     const checkboxGroupSize = useSize();
+    const ns = useNamespace("checkbox");
     const changeEvent = (value) => {
       emit(UPDATE_MODEL_EVENT, value);
       nextTick(() => {
@@ -15876,11 +15916,12 @@ const _sfc_main$1E = defineComponent({
       changeEvent
     });
     watch(() => props.modelValue, () => {
-      elFormItem.validate?.("change");
+      var _a;
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
     });
     return () => {
       return h$1(props.tag, {
-        class: "el-checkbox-group",
+        class: ns.b("group"),
         role: "group",
         "aria-label": "checkbox-group"
       }, [renderSlot(slots, "default")]);
@@ -16055,10 +16096,10 @@ const _sfc_main$1C = defineComponent({
     } = useRadio(props, emit);
     const activeStyle = computed(() => {
       return {
-        backgroundColor: radioGroup?.fill || "",
-        borderColor: radioGroup?.fill || "",
-        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: radioGroup?.textColor || ""
+        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
       };
     });
     return {
@@ -16188,7 +16229,7 @@ const _sfc_main$1B = defineComponent({
       ...toRefs(props),
       changeEvent
     }));
-    watch(() => props.modelValue, () => formItem?.validate("change"));
+    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
     return {
       radioGroupRef,
       handleKeydown
@@ -16255,15 +16296,19 @@ const _sfc_main$1A = defineComponent({
     const isHoverMenu = computed(() => panel.isHoverMenu);
     const multiple = computed(() => panel.config.multiple);
     const checkStrictly = computed(() => panel.config.checkStrictly);
-    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid);
+    const checkedNodeId = computed(() => {
+      var _a;
+      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+    });
     const isDisabled = computed(() => props.node.isDisabled);
     const isLeaf = computed(() => props.node.isLeaf);
     const expandable = computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
     const inExpandingPath = computed(() => isInPath(panel.expandingNode));
     const inCheckedPath = computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
     const isInPath = (node) => {
+      var _a;
       const { level, uid } = props.node;
-      return node?.pathNodes[level - 1]?.uid === uid;
+      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
     };
     const doExpand = () => {
       if (inExpandingPath.value)
@@ -16531,28 +16576,31 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     onMousemove: _ctx.handleMouseMove,
     onMouseleave: _ctx.clearHoverZone
   }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
-        return openBlock(), createBlock(_component_el_cascader_node, {
-          key: node.uid,
-          node,
-          "menu-id": _ctx.menuId,
-          onExpand: _ctx.handleExpand
-        }, null, 8, ["node", "menu-id", "onExpand"]);
-      }), 128)),
-      _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-        createVNode(_component_el_icon, {
-          size: "14",
-          class: "is-loading"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_loading)
-          ]),
-          _: 1
-        }),
-        createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
-      ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$F, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : _ctx.panel?.isHoverMenu ? (openBlock(), createElementBlock("svg", _hoisted_3$v, null, 512)) : createCommentVNode("v-if", true)
-    ]),
+    default: withCtx(() => {
+      var _a;
+      return [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
+          return openBlock(), createBlock(_component_el_cascader_node, {
+            key: node.uid,
+            node,
+            "menu-id": _ctx.menuId,
+            onExpand: _ctx.handleExpand
+          }, null, 8, ["node", "menu-id", "onExpand"]);
+        }), 128)),
+        _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
+          createVNode(_component_el_icon, {
+            size: "14",
+            class: "is-loading"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_loading)
+            ]),
+            _: 1
+          }),
+          createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
+        ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$F, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_3$v, null, 512)) : createCommentVNode("v-if", true)
+      ];
+    }),
     _: 1
   }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 }
@@ -16844,7 +16892,7 @@ const _sfc_main$1y = defineComponent({
       const resolve = (dataList) => {
         const _node = node;
         const parent = _node.root ? null : _node;
-        dataList && store?.appendNodes(dataList, parent);
+        dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
         _node.loading = false;
         _node.loaded = true;
         _node.childrenData = _node.childrenData || [];
@@ -16853,6 +16901,7 @@ const _sfc_main$1y = defineComponent({
       cfg.lazyLoad(node, resolve);
     };
     const expandNode = (node, silent) => {
+      var _a;
       const { level } = node;
       const newMenus = menus.value.slice(0, level);
       let newExpandingNode;
@@ -16862,17 +16911,17 @@ const _sfc_main$1y = defineComponent({
         newExpandingNode = node;
         newMenus.push(node.children);
       }
-      if (expandingNode.value?.uid !== newExpandingNode?.uid) {
+      if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
         expandingNode.value = node;
         menus.value = newMenus;
-        !silent && emit("expand-change", node?.pathValues || []);
+        !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
       }
     };
     const handleCheckChange = (node, checked, emitClose = true) => {
       const { checkStrictly, multiple } = config.value;
       const oldNode = checkedNodes.value[0];
       manualChecked = true;
-      !multiple && oldNode?.doCheck(false);
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
       node.doCheck(checked);
       calculateCheckedValue();
       emitClose && !multiple && !checkStrictly && emit("close");
@@ -16886,23 +16935,25 @@ const _sfc_main$1y = defineComponent({
       node && expandNode(node);
     };
     const getFlattedNodes = (leafOnly) => {
-      return store?.getFlattedNodes(leafOnly);
+      return store == null ? void 0 : store.getFlattedNodes(leafOnly);
     };
     const getCheckedNodes = (leafOnly) => {
-      return getFlattedNodes(leafOnly)?.filter((node) => node.checked !== false);
+      var _a;
+      return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
     };
     const clearCheckedNodes = () => {
       checkedNodes.value.forEach((node) => node.doCheck(false));
       calculateCheckedValue();
     };
     const calculateCheckedValue = () => {
+      var _a;
       const { checkStrictly, multiple } = config.value;
       const oldNodes = checkedNodes.value;
       const newNodes = getCheckedNodes(!checkStrictly);
       const nodes = sortByOriginalOrder(oldNodes, newNodes);
       const values = nodes.map((node) => node.valueByOption);
       checkedNodes.value = nodes;
-      checkedValue.value = multiple ? values : values[0] ?? null;
+      checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
     };
     const syncCheckedValue = (loaded = false, forced = false) => {
       const { modelValue } = props;
@@ -16912,7 +16963,7 @@ const _sfc_main$1y = defineComponent({
         return;
       if (lazy && !loaded) {
         const values = deduplicate(arrayFlat(coerceTruthyValueToArray(modelValue)));
-        const nodes = values.map((val) => store?.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
+        const nodes = values.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
         if (nodes.length) {
           nodes.forEach((node) => {
             lazyLoad(node, () => syncCheckedValue(false, forced));
@@ -16922,7 +16973,7 @@ const _sfc_main$1y = defineComponent({
         }
       } else {
         const values = multiple ? coerceTruthyValueToArray(modelValue) : [modelValue];
-        const nodes = deduplicate(values.map((val) => store?.getNodeByValue(val, leafOnly)));
+        const nodes = deduplicate(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
         syncMenuState(nodes, false);
         checkedValue.value = modelValue;
       }
@@ -16931,7 +16982,7 @@ const _sfc_main$1y = defineComponent({
       const { checkStrictly } = config.value;
       const oldNodes = checkedNodes.value;
       const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
-      const oldExpandingNode = store?.getSameNode(expandingNode.value);
+      const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
       const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
       if (newExpandingNode) {
         newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
@@ -16947,7 +16998,7 @@ const _sfc_main$1y = defineComponent({
       if (!isClient)
         return;
       menuList.value.forEach((menu) => {
-        const menuElement = menu?.$el;
+        const menuElement = menu == null ? void 0 : menu.$el;
         if (menuElement) {
           const container = menuElement.querySelector(".el-scrollbar__wrap");
           const activeNode = menuElement.querySelector(".el-cascader-node.is-active") || menuElement.querySelector(".el-cascader-node.in-active-path");
@@ -16969,14 +17020,14 @@ const _sfc_main$1y = defineComponent({
         case EVENT_CODE.left: {
           e.preventDefault();
           const preMenu = menuList.value[getMenuIndex(target) - 1];
-          const expandedNode = preMenu?.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
           focusNode(expandedNode);
           break;
         }
         case EVENT_CODE.right: {
           e.preventDefault();
           const nextMenu = menuList.value[getMenuIndex(target) + 1];
-          const firstNode = nextMenu?.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');
           focusNode(firstNode);
           break;
         }
@@ -17286,7 +17337,10 @@ const _sfc_main$1w = defineComponent({
     const multiple = computed(() => !!props.props.multiple);
     const readonly = computed(() => !props.filterable || multiple.value);
     const searchKeyword = computed(() => multiple.value ? searchInputValue.value : inputValue.value);
-    const checkedNodes = computed(() => panel.value?.checkedNodes || []);
+    const checkedNodes = computed(() => {
+      var _a;
+      return ((_a = panel.value) == null ? void 0 : _a.checkedNodes) || [];
+    });
     const clearBtnVisible = computed(() => {
       if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
         return false;
@@ -17302,24 +17356,27 @@ const _sfc_main$1w = defineComponent({
         return props.modelValue;
       },
       set(val) {
+        var _a;
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
-        elFormItem.validate?.("change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       }
     });
     const popperPaneRef = computed(() => {
-      return tooltipRef.value?.popperRef?.contentRef;
+      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)
         return;
-      visible = visible ?? !popperVisible.value;
+      visible = visible != null ? visible : !popperVisible.value;
       if (visible !== popperVisible.value) {
         popperVisible.value = visible;
-        input.value?.input?.setAttribute("aria-expanded", `${visible}`);
+        (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
         if (visible) {
           updatePopperPosition();
-          nextTick(panel.value?.scrollToExpandingNode);
+          nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
         } else if (props.filterable) {
           const { value } = presentText;
           inputValue.value = value;
@@ -17330,7 +17387,8 @@ const _sfc_main$1w = defineComponent({
     };
     const updatePopperPosition = () => {
       nextTick(() => {
-        tooltipRef.value?.updatePopper();
+        var _a;
+        (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
       });
     };
     const hideSuggestionPanel = () => {
@@ -17347,9 +17405,10 @@ const _sfc_main$1w = defineComponent({
       };
     };
     const deleteTag = (tag) => {
+      var _a;
       const node = tag.node;
       node.doCheck(false);
-      panel.value?.calculateCheckedValue();
+      (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
       emit("remove-tag", node.valueByOption);
     };
     const calculatePresentTags = () => {
@@ -17376,8 +17435,9 @@ const _sfc_main$1w = defineComponent({
       presentTags.value = tags;
     };
     const calculateSuggestions = () => {
+      var _a, _b;
       const { filterMethod, showAllLevels, separator } = props;
-      const res = panel.value?.getFlattedNodes(!props.props.checkStrictly)?.filter((node) => {
+      const res = (_b = (_a = panel.value) == null ? void 0 : _a.getFlattedNodes(!props.props.checkStrictly)) == null ? void 0 : _b.filter((node) => {
         if (node.isDisabled)
           return false;
         node.calcText(showAllLevels, separator);
@@ -17393,11 +17453,12 @@ const _sfc_main$1w = defineComponent({
       updatePopperPosition();
     };
     const focusFirstNode = () => {
+      var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
         firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
       } else {
-        firstNode = panel.value?.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
       }
       if (firstNode) {
         firstNode.focus();
@@ -17405,9 +17466,10 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const updateStyle = () => {
-      const inputInner = input.value?.input;
+      var _a, _b;
+      const inputInner = (_a = input.value) == null ? void 0 : _a.input;
       const tagWrapperEl = tagWrapper.value;
-      const suggestionPanelEl = suggestionPanel.value?.$el;
+      const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
       if (!isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
@@ -17422,14 +17484,16 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const getCheckedNodes = (leafOnly) => {
-      return panel.value?.getCheckedNodes(leafOnly);
+      var _a;
+      return (_a = panel.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
     };
     const handleExpandChange = (value) => {
       updatePopperPosition();
       emit("expand-change", value);
     };
     const handleComposition = (event) => {
-      const text = event.target?.value;
+      var _a;
+      const text = (_a = event.target) == null ? void 0 : _a.value;
       if (event.type === "compositionend") {
         isOnComposition.value = false;
         nextTick(() => handleInput(text));
@@ -17457,15 +17521,17 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const handleClear = () => {
-      panel.value?.clearCheckedNodes();
+      var _a;
+      (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
       togglePopperVisible(false);
     };
     const handleSuggestionClick = (node) => {
+      var _a, _b;
       const { checked } = node;
       if (multiple.value) {
-        panel.value?.handleCheckChange(node, !checked, false);
+        (_a = panel.value) == null ? void 0 : _a.handleCheckChange(node, !checked, false);
       } else {
-        !checked && panel.value?.handleCheckChange(node, true, false);
+        !checked && ((_b = panel.value) == null ? void 0 : _b.handleCheckChange(node, true, false));
         togglePopperVisible(false);
       }
     };
@@ -17516,7 +17582,7 @@ const _sfc_main$1w = defineComponent({
     }, props.debounce);
     const handleInput = (val, e) => {
       !popperVisible.value && togglePopperVisible(true);
-      if (e?.isComposing)
+      if (e == null ? void 0 : e.isComposing)
         return;
       val ? handleFilter() : hideSuggestionPanel();
     };
@@ -17527,12 +17593,14 @@ const _sfc_main$1w = defineComponent({
     });
     watch(presentText, (val) => inputValue.value = val, { immediate: true });
     onMounted(() => {
-      const inputEl = input.value?.$el;
-      inputInitialHeight = inputEl?.offsetHeight || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
+      var _a;
+      const inputEl = (_a = input.value) == null ? void 0 : _a.$el;
+      inputInitialHeight = (inputEl == null ? void 0 : inputEl.offsetHeight) || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
       addResizeListener(inputEl, updateStyle);
     });
     onBeforeUnmount(() => {
-      removeResizeListener(input.value?.$el, updateStyle);
+      var _a;
+      removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
     });
     return {
       popperOptions,
@@ -18074,7 +18142,7 @@ const _sfc_main$1s = defineComponent({
     const isClick = ref(false);
     const id = ref(generateId());
     const isActive = computed(() => {
-      return collapse?.activeNames.value.indexOf(props.name) > -1;
+      return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
     });
     const handleFocus = () => {
       setTimeout(() => {
@@ -18088,12 +18156,12 @@ const _sfc_main$1s = defineComponent({
     const handleHeaderClick = () => {
       if (props.disabled)
         return;
-      collapse?.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(props.name);
       focusing.value = false;
       isClick.value = true;
     };
     const handleEnterClick = () => {
-      collapse?.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(props.name);
     };
     return {
       isActive,
@@ -18993,10 +19061,11 @@ const _sfc_main$1n = defineComponent({
       color.fromString(customInput.value);
     }
     function confirmValue() {
+      var _a;
       const value = color.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit("change", value);
-      elFormItem.validate?.("change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       debounceSetShowPicker(false);
       nextTick(() => {
         const newColor = new Color({
@@ -19010,11 +19079,12 @@ const _sfc_main$1n = defineComponent({
       });
     }
     function clear() {
+      var _a;
       debounceSetShowPicker(false);
       emit(UPDATE_MODEL_EVENT, null);
       emit("change", null);
       if (props.modelValue !== null) {
-        elFormItem.validate?.("change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       }
       resetColor();
     }
@@ -19025,9 +19095,10 @@ const _sfc_main$1n = defineComponent({
     });
     watch(() => showPicker.value, () => {
       nextTick(() => {
-        hue.value?.update();
-        svPanel.value?.update();
-        alpha.value?.update();
+        var _a, _b, _c;
+        (_a = hue.value) == null ? void 0 : _a.update();
+        (_b = svPanel.value) == null ? void 0 : _b.update();
+        (_c = alpha.value) == null ? void 0 : _c.update();
       });
     });
     provide(OPTIONS_KEY, {
@@ -19535,6 +19606,7 @@ const _sfc_main$1h = defineComponent({
       return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
     });
     const rows = computed(() => {
+      var _a;
       const startOfMonth = props.date.startOf("month");
       const startOfMonthDay = startOfMonth.day() || 7;
       const dateCountOfMonth = startOfMonth.daysInMonth();
@@ -19574,7 +19646,7 @@ const _sfc_main$1h = defineComponent({
           cell.type = "normal";
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "day") && calEndDate && calTime.isSameOrBefore(calEndDate, "day") || props.minDate && calTime.isSameOrBefore(props.minDate, "day") && calEndDate && calTime.isSameOrAfter(calEndDate, "day");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "day");
             cell.end = props.minDate && calTime.isSame(props.minDate, "day");
           } else {
@@ -19843,6 +19915,7 @@ const _sfc_main$1g = defineComponent({
     const lastRow = ref(null);
     const lastColumn = ref(null);
     const rows = computed(() => {
+      var _a;
       const rows2 = tableRows.value;
       const now = dayjs().locale(lang.value).startOf("month");
       for (let i = 0; i < 3; i++) {
@@ -19864,7 +19937,7 @@ const _sfc_main$1g = defineComponent({
           const calTime = props.date.startOf("year").month(index);
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "month") && calEndDate && calTime.isSameOrBefore(calEndDate, "month") || props.minDate && calTime.isSameOrBefore(props.minDate, "month") && calEndDate && calTime.isSameOrAfter(calEndDate, "month");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "month");
             cell.end = props.minDate && calTime.isSame(props.minDate, "month");
           } else {
@@ -20282,7 +20355,7 @@ const _sfc_main$1e = defineComponent({
       currentView.value = "date";
     }, { immediate: true });
     watch(() => currentView.value, () => {
-      popper?.updatePopper();
+      popper == null ? void 0 : popper.updatePopper();
     });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const handleMonthPick = (month2) => {
@@ -22116,13 +22189,18 @@ const _sfc_main$1a = defineComponent({
       return node;
     };
     const getRows = () => {
-      const children = flattedChildren(slots.default?.()).filter((node) => node?.type?.name === "ElDescriptionsItem");
+      var _a;
+      const children = flattedChildren((_a = slots.default) == null ? void 0 : _a.call(slots)).filter((node) => {
+        var _a2;
+        return ((_a2 = node == null ? void 0 : node.type) == null ? void 0 : _a2.name) === "ElDescriptionsItem";
+      });
       const rows = [];
       let temp = [];
       let count = props.column;
       let totalSpan = 0;
       children.forEach((node, index) => {
-        const span = node.props?.span || 1;
+        var _a2;
+        const span = ((_a2 = node.props) == null ? void 0 : _a2.span) || 1;
         if (index < children.length - 1) {
           totalSpan += span > count ? count : span;
         }
@@ -22365,8 +22443,7 @@ const dialogProps = buildProps({
   },
   modalClass: String,
   width: {
-    type: [String, Number],
-    validator: isValidWidthUnit
+    type: [String, Number]
   },
   zIndex: {
     type: Number
@@ -23035,7 +23112,7 @@ const _sfc_main$16 = defineComponent({
         on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
         trapContainer.dispatchEvent(unmountEvent);
         if (!unmountEvent.defaultPrevented) {
-          tryFocus(lastFocusBeforeMounted ?? document.body, true);
+          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
         }
         off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
         focusableStack.remove(focusLayer);
@@ -23212,7 +23289,8 @@ const _sfc_main$13 = defineComponent({
   props: rovingFocusGroupProps,
   emits: [CURRENT_TAB_ID_CHANGE_EVT, "entryFocus"],
   setup(props, { emit }) {
-    const currentTabbedId = ref((props.currentTabId || props.defaultCurrentTabId) ?? null);
+    var _a;
+    const currentTabbedId = ref((_a = props.currentTabId || props.defaultCurrentTabId) != null ? _a : null);
     const isBackingOut = ref(false);
     const isClickFocus = ref(false);
     const rovingFocusGroupRef = ref(null);
@@ -23232,18 +23310,20 @@ const _sfc_main$13 = defineComponent({
       isBackingOut.value = true;
     };
     const onMousedown = composeEventHandlers((e) => {
-      props.onMousedown?.(e);
+      var _a2;
+      (_a2 = props.onMousedown) == null ? void 0 : _a2.call(props, e);
     }, () => {
       isClickFocus.value = true;
     });
     const onFocus = composeEventHandlers((e) => {
-      props.onFocus?.(e);
+      var _a2;
+      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
     }, (e) => {
       const isKeyboardFocus = !unref(isClickFocus);
       const { target, currentTarget } = e;
       if (target === currentTarget && isKeyboardFocus && !unref(isBackingOut)) {
         const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS);
-        currentTarget?.dispatchEvent(entryFocusEvt);
+        currentTarget == null ? void 0 : currentTarget.dispatchEvent(entryFocusEvt);
         if (!entryFocusEvt.defaultPrevented) {
           const items = getItems().filter((item) => item.focusable);
           const activeItem = items.find((item) => item.active);
@@ -23256,7 +23336,8 @@ const _sfc_main$13 = defineComponent({
       isClickFocus.value = false;
     });
     const onBlur = composeEventHandlers((e) => {
-      props.onBlur?.(e);
+      var _a2;
+      (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
     }, () => {
       isBackingOut.value = false;
     });
@@ -23280,7 +23361,7 @@ const _sfc_main$13 = defineComponent({
       onMousedown
     });
     watch(() => props.currentTabId, (val) => {
-      currentTabbedId.value = val ?? null;
+      currentTabbedId.value = val != null ? val : null;
     });
     onMounted(() => {
       const rovingFocusGroupEl = unref(rovingFocusGroupRef);
@@ -23539,10 +23620,12 @@ const _sfc_main$10 = defineComponent({
       handleClose();
     }
     function handleClose() {
-      popperRef.value?.onClose();
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onClose();
     }
     function handleOpen() {
-      popperRef.value?.onOpen();
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
     }
     const dropdownSize = useSize();
     function commandHandler(...args) {
@@ -23552,7 +23635,7 @@ const _sfc_main$10 = defineComponent({
     }
     function onItemLeave() {
       const contentEl = unref(contentRef);
-      contentEl?.focus();
+      contentEl == null ? void 0 : contentEl.focus();
       currentTabId.value = null;
     }
     function handleCurrentTabIdChange(id) {
@@ -23579,8 +23662,9 @@ const _sfc_main$10 = defineComponent({
       hideOnClick: toRef(props, "hideOnClick")
     });
     const onMountOnFocus = (e) => {
+      var _a, _b;
       e.preventDefault();
-      contentRef.value?.focus?.({
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a, {
         preventScroll: true
       });
     };
@@ -23607,6 +23691,7 @@ const _sfc_main$10 = defineComponent({
 });
 const _hoisted_1$G = { class: "el-dropdown" };
 function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -23627,7 +23712,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       "manual-mode": true,
       placement: _ctx.placement,
       "popper-class": `el-dropdown__popper ${_ctx.popperClass}`,
-      "reference-element": _ctx.referenceElementRef?.$el,
+      "reference-element": (_a = _ctx.referenceElementRef) == null ? void 0 : _a.$el,
       trigger: _ctx.trigger,
       "show-after": _ctx.showTimeout,
       "stop-popper-mouse-event": false,
@@ -23823,18 +23908,22 @@ const _sfc_main$_ = defineComponent({
     const { elDropdown } = useDropdown();
     const _instance = getCurrentInstance();
     const itemRef = ref(null);
-    const textContent = computed(() => unref(itemRef)?.textContent ?? "");
+    const textContent = computed(() => {
+      var _a, _b;
+      return (_b = (_a = unref(itemRef)) == null ? void 0 : _a.textContent) != null ? _b : "";
+    });
     const { onItemEnter, onItemLeave } = inject(DROPDOWN_INJECTION_KEY, void 0);
     const handlePointerMove = composeEventHandlers((e) => {
       emit("pointermove", e);
       return e.defaultPrevented;
     }, whenMouse((e) => {
+      var _a;
       if (props.disabled) {
         onItemLeave(e);
       } else {
         onItemEnter(e);
         if (!e.defaultPrevented) {
-          e.currentTarget?.focus();
+          (_a = e.currentTarget) == null ? void 0 : _a.focus();
         }
       }
     }));
@@ -23848,14 +23937,15 @@ const _sfc_main$_ = defineComponent({
       emit("click", e);
       return e.defaultPrevented;
     }, (e) => {
+      var _a, _b, _c;
       if (props.disabled) {
         e.stopImmediatePropagation();
         return;
       }
-      if (elDropdown?.hideOnClick?.value) {
-        elDropdown.handleClick?.();
+      if ((_a = elDropdown == null ? void 0 : elDropdown.hideOnClick) == null ? void 0 : _a.value) {
+        (_b = elDropdown.handleClick) == null ? void 0 : _b.call(elDropdown);
       }
-      elDropdown.commandHandler?.(props.command, _instance, e);
+      (_c = elDropdown.commandHandler) == null ? void 0 : _c.call(elDropdown, props.command, _instance, e);
     });
     return {
       handleClick,
@@ -23866,12 +23956,13 @@ const _sfc_main$_ = defineComponent({
   }
 });
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
   const _component_el_dropdown_collection_item = resolveComponent("el-dropdown-collection-item");
   return openBlock(), createBlock(_component_el_dropdown_collection_item, {
     disabled: _ctx.disabled,
-    "text-value": _ctx.textValue ?? _ctx.textContent
+    "text-value": (_a = _ctx.textValue) != null ? _a : _ctx.textContent
   }, {
     default: withCtx(() => [
       createVNode(_component_el_roving_focus_item, {
@@ -23923,7 +24014,8 @@ const _sfc_main$Z = defineComponent({
     });
     const dropdownListWrapperRef = composeRefs(contentRef, dropdownCollectionRef, focusTrapRef, rovingFocusGroupRef, rovingFocusGroupCollectionRef);
     const composedKeydown = composeEventHandlers((e) => {
-      props.onKeydown?.(e);
+      var _a;
+      (_a = props.onKeydown) == null ? void 0 : _a.call(props, e);
     }, (e) => {
       const { currentTarget, code, target } = e;
       currentTarget.contains(target);
@@ -25912,10 +26004,11 @@ const _sfc_main$V = defineComponent({
       const model = {};
       model[props.prop] = fieldValue.value;
       validator.validate(model, { firstFields: true }, (errors, fields) => {
+        var _a;
         validateState.value = !errors ? "success" : "error";
         validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
         callback(validateMessage.value, errors ? fields : {});
-        elForm.emit?.("validate", props.prop, !errors, validateMessage.value || null);
+        (_a = elForm.emit) == null ? void 0 : _a.call(elForm, "validate", props.prop, !errors, validateMessage.value || null);
       });
     };
     const clearValidate = () => {
@@ -25960,7 +26053,8 @@ const _sfc_main$V = defineComponent({
       }).map((rule) => ({ ...rule }));
     };
     const evaluateValidationEnabled = () => {
-      isValidationEnabled.value = !!getRules()?.length;
+      var _a;
+      isValidationEnabled.value = !!((_a = getRules()) == null ? void 0 : _a.length);
     };
     const updateComputedLabelWidth = (width) => {
       computedLabelWidth.value = width ? `${width}px` : "";
@@ -25978,14 +26072,14 @@ const _sfc_main$V = defineComponent({
     });
     onMounted(() => {
       if (props.prop) {
-        elForm?.addField(elFormItem);
+        elForm == null ? void 0 : elForm.addField(elFormItem);
         const value = fieldValue.value;
         initialValue = Array.isArray(value) ? [...value] : value;
         evaluateValidationEnabled();
       }
     });
     onBeforeUnmount(() => {
-      elForm?.removeField(elFormItem);
+      elForm == null ? void 0 : elForm.removeField(elFormItem);
     });
     provide(elFormItemKey, elFormItem);
     const formItemClass = computed(() => [
@@ -26313,7 +26407,7 @@ const _sfc_main$U = defineComponent({
     watch(currentImg, () => {
       nextTick(() => {
         const $img = img.value;
-        if (!$img?.complete) {
+        if (!($img == null ? void 0 : $img.complete)) {
           loading.value = true;
         }
       });
@@ -26323,8 +26417,9 @@ const _sfc_main$U = defineComponent({
       emit("switch", val);
     });
     onMounted(() => {
+      var _a, _b;
       registerEventListener();
-      wrapper.value?.focus?.();
+      (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     });
     return {
       index,
@@ -26631,6 +26726,7 @@ const _sfc_main$T = defineComponent({
     }
     const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
     async function addLazyLoadListener() {
+      var _a;
       if (!isClient)
         return;
       await nextTick();
@@ -26638,7 +26734,7 @@ const _sfc_main$T = defineComponent({
       if (isHtmlElement(scrollContainer)) {
         _scrollContainer.value = scrollContainer;
       } else if (isString$1(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer.value = document.querySelector(scrollContainer) ?? void 0;
+        _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
       } else if (container.value) {
         _scrollContainer.value = getScrollContainer(container.value);
       }
@@ -26675,7 +26771,7 @@ const _sfc_main$T = defineComponent({
       showViewer.value = true;
     }
     function closeViewer() {
-      stopWheelListener?.();
+      stopWheelListener == null ? void 0 : stopWheelListener();
       document.body.style.overflow = prevOverflow;
       showViewer.value = false;
       emit("close");
@@ -26921,6 +27017,7 @@ const _sfc_main$S = defineComponent({
       setCurrentValue(newVal);
     };
     const setCurrentValue = (newVal) => {
+      var _a;
       const oldVal = data.currentValue;
       if (typeof newVal === "number" && props.precision !== void 0) {
         newVal = toPrecision(newVal, props.precision);
@@ -26938,7 +27035,7 @@ const _sfc_main$S = defineComponent({
       emit("update:modelValue", newVal);
       emit("input", newVal);
       emit("change", newVal, oldVal);
-      formItem?.validate?.("change");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       data.currentValue = newVal;
     };
     const handleInput = (value) => {
@@ -26952,17 +27049,20 @@ const _sfc_main$S = defineComponent({
       data.userInput = null;
     };
     const focus = () => {
-      input.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     const blur = () => {
-      input.value?.blur?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
     };
     const handleFocus = (event) => {
       emit("focus", event);
     };
     const handleBlur = (event) => {
+      var _a;
       emit("blur", event);
-      formItem?.validate?.("blur");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
     };
     watch(() => props.modelValue, (value) => {
       let newVal = Number(value);
@@ -26991,7 +27091,8 @@ const _sfc_main$S = defineComponent({
       data.userInput = null;
     }, { immediate: true });
     onMounted(() => {
-      const innerInput = input.value?.input;
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput.setAttribute("role", "spinbutton");
       innerInput.setAttribute("aria-valuemax", String(props.max));
       innerInput.setAttribute("aria-valuemin", String(props.min));
@@ -27006,7 +27107,8 @@ const _sfc_main$S = defineComponent({
       }
     });
     onUpdated(() => {
-      const innerInput = input.value?.input;
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput.setAttribute("aria-valuenow", data.currentValue);
     });
     return {
@@ -28482,7 +28584,8 @@ const _sfc_main$J = defineComponent({
     const isFitInputWidth = computed(() => select.props.fitInputWidth);
     const minWidth = ref("");
     function updateMinWidth() {
-      minWidth.value = `${select.selectWrapper?.getBoundingClientRect().width}px`;
+      var _a;
+      minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
     }
     onMounted(() => {
       updateMinWidth();
@@ -29406,7 +29509,8 @@ const _sfc_main$I = defineComponent({
       ctx.emit(UPDATE_MODEL_EVENT, "");
     }
     const popperPaneRef = computed(() => {
-      return tooltipRef.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     return {
       tagInMultiLine,
@@ -29751,9 +29855,10 @@ const _sfc_main$H = defineComponent({
       const children2 = [];
       if (Array.isArray(node.children)) {
         node.children.forEach((child) => {
+          var _a;
           if (child.type && child.type.name === "ElOption" && child.component && child.component.proxy) {
             children2.push(child.component.proxy);
-          } else if (child.children?.length) {
+          } else if ((_a = child.children) == null ? void 0 : _a.length) {
             children2.push(...flattedChildren(child));
           }
         });
@@ -29835,9 +29940,10 @@ const _sfc_main$G = defineComponent({
     });
     const innerPagesizes = computed(() => props.pageSizes);
     function handleChange(val) {
+      var _a;
       if (val !== innerPageSize.value) {
         innerPageSize.value = val;
-        pagination.handleSizeChange?.(Number(val));
+        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
       }
     }
     return {
@@ -29884,13 +29990,16 @@ const _sfc_main$F = defineComponent({
     const { t } = useLocale();
     const { pageCount, disabled, currentPage, changeEvent } = usePagination();
     const userInput = ref();
-    const innerValue = computed(() => userInput.value ?? currentPage?.value);
+    const innerValue = computed(() => {
+      var _a;
+      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
+    });
     function handleInput(val) {
       userInput.value = +val;
     }
     function handleChange(val) {
       val = Math.trunc(+val);
-      changeEvent?.(+val);
+      changeEvent == null ? void 0 : changeEvent(+val);
       userInput.value = void 0;
     }
     return {
@@ -30425,17 +30534,20 @@ const _sfc_main$C = defineComponent({
     const { t } = useLocale();
     const tooltipRef = ref();
     const hidePopper = () => {
-      unref(tooltipRef)?.onClose?.();
+      var _a, _b;
+      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
     const handleCallback = () => {
       hidePopper();
     };
     const confirm = (e) => {
-      props.onConfirm?.(e);
+      var _a;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
       handleCallback();
     };
     const cancel = (e) => {
-      props.onCancel?.(e);
+      var _a;
+      (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
       handleCallback();
     };
     const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
@@ -30551,7 +30663,8 @@ const _sfc_main$B = defineComponent({
   setup(props) {
     const tooltipRef = ref(null);
     const popperRef = computed(() => {
-      return unref(tooltipRef)?.popperRef;
+      var _a;
+      return (_a = unref(tooltipRef)) == null ? void 0 : _a.popperRef;
     });
     const width = computed(() => {
       if (isString$1(props.width)) {
@@ -30575,7 +30688,8 @@ const _sfc_main$B = defineComponent({
       ];
     });
     const hide = () => {
-      tooltipRef.value?.hide();
+      var _a;
+      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
     };
     return {
       kls,
@@ -30788,6 +30902,7 @@ const _sfc_main$A = defineComponent({
     });
     const content = computed(() => props.format(props.percentage));
     const getCurrentColor = (percentage) => {
+      var _a;
       const { color } = props;
       if (typeof color === "function") {
         return color(percentage);
@@ -30809,7 +30924,7 @@ const _sfc_main$A = defineComponent({
           if (color2.percentage > percentage)
             return color2.color;
         }
-        return colors[colors.length - 1]?.color;
+        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
       }
     };
     const slotData = computed(() => {
@@ -33359,6 +33474,7 @@ const _sfc_main$v = defineComponent({
     };
   },
   render(_ctx, _cache) {
+    var _a;
     const {
       $slots,
       data,
@@ -33385,7 +33501,7 @@ const _sfc_main$v = defineComponent({
         style: {
           width: `${width}px`
         }
-      }, $slots.empty?.());
+      }, (_a = $slots.empty) == null ? void 0 : _a.call($slots));
     }
     const ListItem = withCtx((scoped) => {
       const { index, data: data2 } = scoped;
@@ -34260,67 +34376,49 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       onShow: _ctx.handleMenuEnter,
       onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
     }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          ref: "selectionRef",
-          class: normalizeClass(["el-select-v2__wrapper", {
-            "is-focused": _ctx.states.isComposing,
-            "is-hovering": _ctx.states.comboBoxHovering,
-            "is-filterable": _ctx.filterable,
-            "is-disabled": _ctx.disabled
-          }])
-        }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
-            renderSlot(_ctx.$slots, "prefix")
-          ])) : createCommentVNode("v-if", true),
-          _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
-            _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
-              createVNode(_component_el_tag, {
-                closable: !_ctx.selectDisabled && !_ctx.states.cachedOptions[0]?.disable,
-                size: _ctx.collapseTagSize,
-                type: "info",
-                "disable-transitions": "",
-                onClose: _cache[0] || (_cache[0] = ($event) => _ctx.deleteTag($event, _ctx.states.cachedOptions[0]))
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", {
-                    class: "el-select-v2__tags-text",
-                    style: normalizeStyle({
-                      maxWidth: `${_ctx.tagMaxWidth}px`
-                    })
-                  }, toDisplayString(_ctx.states.cachedOptions[0]?.label), 5)
-                ]),
-                _: 1
-              }, 8, ["closable", "size"]),
-              _ctx.modelValue.length > 1 ? (openBlock(), createBlock(_component_el_tag, {
-                key: 0,
-                closable: false,
-                size: _ctx.collapseTagSize,
-                type: "info",
-                "disable-transitions": ""
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", {
-                    class: "el-select-v2__tags-text",
-                    style: normalizeStyle({
-                      maxWidth: `${_ctx.tagMaxWidth}px`
-                    })
-                  }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 5)
-                ]),
-                _: 1
-              }, 8, ["size"])) : createCommentVNode("v-if", true)
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.states.cachedOptions, (selected, idx) => {
-              return openBlock(), createElementBlock("div", {
-                key: idx,
-                class: "el-select-v2__selected-item"
-              }, [
-                (openBlock(), createBlock(_component_el_tag, {
-                  key: _ctx.getValueKey(selected),
-                  closable: !_ctx.selectDisabled && !selected.disabled,
+      default: withCtx(() => {
+        var _a;
+        return [
+          createElementVNode("div", {
+            ref: "selectionRef",
+            class: normalizeClass(["el-select-v2__wrapper", {
+              "is-focused": _ctx.states.isComposing,
+              "is-hovering": _ctx.states.comboBoxHovering,
+              "is-filterable": _ctx.filterable,
+              "is-disabled": _ctx.disabled
+            }])
+          }, [
+            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+              renderSlot(_ctx.$slots, "prefix")
+            ])) : createCommentVNode("v-if", true),
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
+                createVNode(_component_el_tag, {
+                  closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
                   size: _ctx.collapseTagSize,
                   type: "info",
                   "disable-transitions": "",
-                  onClose: ($event) => _ctx.deleteTag($event, selected)
+                  onClose: _cache[0] || (_cache[0] = ($event) => _ctx.deleteTag($event, _ctx.states.cachedOptions[0]))
+                }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [
+                      createElementVNode("span", {
+                        class: "el-select-v2__tags-text",
+                        style: normalizeStyle({
+                          maxWidth: `${_ctx.tagMaxWidth}px`
+                        })
+                      }, toDisplayString((_a2 = _ctx.states.cachedOptions[0]) == null ? void 0 : _a2.label), 5)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["closable", "size"]),
+                _ctx.modelValue.length > 1 ? (openBlock(), createBlock(_component_el_tag, {
+                  key: 0,
+                  closable: false,
+                  size: _ctx.collapseTagSize,
+                  type: "info",
+                  "disable-transitions": ""
                 }, {
                   default: withCtx(() => [
                     createElementVNode("span", {
@@ -34328,141 +34426,165 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                       style: normalizeStyle({
                         maxWidth: `${_ctx.tagMaxWidth}px`
                       })
-                    }, toDisplayString(_ctx.getLabel(selected)), 5)
+                    }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 5)
                   ]),
-                  _: 2
-                }, 1032, ["closable", "size", "onClose"]))
-              ]);
-            }), 128)),
-            createElementVNode("div", {
-              class: "el-select-v2__selected-item el-select-v2__input-wrapper",
-              style: normalizeStyle(_ctx.inputWrapperStyle)
-            }, [
-              withDirectives(createElementVNode("input", {
-                id: _ctx.id,
-                ref: "inputRef",
-                autocomplete: _ctx.autocomplete,
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                autocapitalize: "off",
-                "aria-expanded": _ctx.expanded,
-                "aria-labelledby": _ctx.label,
-                class: normalizeClass(["el-select-v2__combobox-input", [_ctx.selectSize ? `is-${_ctx.selectSize}` : ""]]),
-                disabled: _ctx.disabled,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                name: _ctx.name,
-                unselectable: _ctx.expanded ? "on" : void 0,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
-                onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                onKeydown: [
-                  _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                  _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-                ]
-              }, null, 42, _hoisted_4$6), [
-                [_directive_model_text, _ctx.states.displayInputValue]
+                  _: 1
+                }, 8, ["size"])) : createCommentVNode("v-if", true)
+              ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                return openBlock(), createElementBlock("div", {
+                  key: idx,
+                  class: "el-select-v2__selected-item"
+                }, [
+                  (openBlock(), createBlock(_component_el_tag, {
+                    key: _ctx.getValueKey(selected),
+                    closable: !_ctx.selectDisabled && !selected.disabled,
+                    size: _ctx.collapseTagSize,
+                    type: "info",
+                    "disable-transitions": "",
+                    onClose: ($event) => _ctx.deleteTag($event, selected)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: "el-select-v2__tags-text",
+                        style: normalizeStyle({
+                          maxWidth: `${_ctx.tagMaxWidth}px`
+                        })
+                      }, toDisplayString(_ctx.getLabel(selected)), 5)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "onClose"]))
+                ]);
+              }), 128)),
+              createElementVNode("div", {
+                class: "el-select-v2__selected-item el-select-v2__input-wrapper",
+                style: normalizeStyle(_ctx.inputWrapperStyle)
+              }, [
+                withDirectives(createElementVNode("input", {
+                  id: _ctx.id,
+                  ref: "inputRef",
+                  autocomplete: _ctx.autocomplete,
+                  "aria-autocomplete": "list",
+                  "aria-haspopup": "listbox",
+                  autocapitalize: "off",
+                  "aria-expanded": _ctx.expanded,
+                  "aria-labelledby": _ctx.label,
+                  class: normalizeClass(["el-select-v2__combobox-input", [_ctx.selectSize ? `is-${_ctx.selectSize}` : ""]]),
+                  disabled: _ctx.disabled,
+                  role: "combobox",
+                  readonly: !_ctx.filterable,
+                  spellcheck: "false",
+                  type: "text",
+                  name: _ctx.name,
+                  unselectable: _ctx.expanded ? "on" : void 0,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
+                  onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                  onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                  onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                  onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                  onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                  onKeydown: [
+                    _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                    _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                    _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                    _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
+                    _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
+                  ]
+                }, null, 42, _hoisted_4$6), [
+                  [_directive_model_text, _ctx.states.displayInputValue]
+                ]),
+                _ctx.filterable ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  ref: "calculatorRef",
+                  "aria-hidden": "true",
+                  class: "el-select-v2__input-calculator",
+                  textContent: toDisplayString(_ctx.states.displayInputValue)
+                }, null, 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
+              ], 4)
+            ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createElementVNode("div", _hoisted_6$3, [
+                withDirectives(createElementVNode("input", {
+                  id: _ctx.id,
+                  ref: "inputRef",
+                  "aria-autocomplete": "list",
+                  "aria-haspopup": "listbox",
+                  "aria-labelledby": _ctx.label,
+                  "aria-expanded": _ctx.expanded,
+                  autocapitalize: "off",
+                  autocomplete: _ctx.autocomplete,
+                  class: "el-select-v2__combobox-input",
+                  disabled: _ctx.disabled,
+                  name: _ctx.name,
+                  role: "combobox",
+                  readonly: !_ctx.filterable,
+                  spellcheck: "false",
+                  type: "text",
+                  unselectable: _ctx.expanded ? "on" : void 0,
+                  onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                  onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                  onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                  onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                  onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                  onKeydown: [
+                    _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                    _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                    _cache[19] || (_cache[19] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                    _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
+                  ],
+                  "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
+                }, null, 40, _hoisted_7$2), [
+                  [_directive_model_text, _ctx.states.displayInputValue]
+                ])
               ]),
               _ctx.filterable ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 ref: "calculatorRef",
                 "aria-hidden": "true",
-                class: "el-select-v2__input-calculator",
+                class: "el-select-v2__selected-item el-select-v2__input-calculator",
                 textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
-            ], 4)
-          ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_6$3, [
-              withDirectives(createElementVNode("input", {
-                id: _ctx.id,
-                ref: "inputRef",
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                "aria-labelledby": _ctx.label,
-                "aria-expanded": _ctx.expanded,
-                autocapitalize: "off",
-                autocomplete: _ctx.autocomplete,
-                class: "el-select-v2__combobox-input",
-                disabled: _ctx.disabled,
-                name: _ctx.name,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                unselectable: _ctx.expanded ? "on" : void 0,
-                onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                onKeydown: [
-                  _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  _cache[19] || (_cache[19] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
-                ],
-                "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-              }, null, 40, _hoisted_7$2), [
-                [_directive_model_text, _ctx.states.displayInputValue]
-              ])
-            ]),
-            _ctx.filterable ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              ref: "calculatorRef",
-              "aria-hidden": "true",
-              class: "el-select-v2__selected-item el-select-v2__input-calculator",
-              textContent: toDisplayString(_ctx.states.displayInputValue)
-            }, null, 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
-          ], 64)),
-          _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
-            key: 3,
-            class: normalizeClass({
-              "el-select-v2__placeholder": true,
-              "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
-            })
-          }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
-          createElementVNode("span", _hoisted_9$1, [
-            _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
-              key: 0,
-              class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-              ]),
-              _: 1
-            }, 8, ["class"])), [
-              [vShow, !_ctx.showClearBtn]
-            ]) : createCommentVNode("v-if", true),
-            _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 1,
-              class: "el-select-v2__caret el-input__icon",
-              onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-            _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 2,
-              class: "el-input__icon el-input__validateIcon"
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
-              ]),
-              _: 1
-            })) : createCommentVNode("v-if", true)
-          ])
-        ], 2)
-      ]),
+              }, null, 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
+            ], 64)),
+            _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
+              key: 3,
+              class: normalizeClass({
+                "el-select-v2__placeholder": true,
+                "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
+              })
+            }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
+            createElementVNode("span", _hoisted_9$1, [
+              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+                key: 0,
+                class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])), [
+                [vShow, !_ctx.showClearBtn]
+              ]) : createCommentVNode("v-if", true),
+              _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                class: "el-select-v2__caret el-input__icon",
+                onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+              _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 2,
+                class: "el-input__icon el-input__validateIcon"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ];
+      }),
       content: withCtx(() => [
         createVNode(_component_el_select_menu, {
           ref: "menuRef",
@@ -34926,9 +35048,10 @@ const _sfc_main$p = defineComponent({
     };
   },
   render() {
+    var _a;
     return h$1("div", {
       class: "el-slider__marks-text",
-      style: this.mark?.style
+      style: (_a = this.mark) == null ? void 0 : _a.style
     }, this.label);
   }
 });
@@ -35260,6 +35383,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
     }
   };
   const setValues = () => {
+    var _a, _b;
     if (props.min > props.max) {
       throwError("Slider", "min should not be greater than max.");
       return;
@@ -35278,7 +35402,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.firstValue = val[0];
         initData.secondValue = val[1];
         if (valueChanged()) {
-          elFormItem.validate?.("change");
+          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
           initData.oldValue = val.slice();
         }
       }
@@ -35290,7 +35414,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
       } else {
         initData.firstValue = val;
         if (valueChanged()) {
-          elFormItem.validate?.("change");
+          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
           initData.oldValue = val;
         }
       }
@@ -35773,7 +35897,8 @@ const _sfc_main$l = defineComponent({
       return parent.steps.value.length;
     });
     const isLast = computed(() => {
-      return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid;
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
     });
     const space = computed(() => {
       return isSimple.value ? "" : parent.props.space;
@@ -36050,12 +36175,13 @@ const _sfc_main$k = defineComponent({
       emit(INPUT_EVENT, props.inactiveValue);
     }
     watch(checked, () => {
+      var _a;
       input.value.checked = checked.value;
       if (props.activeColor || props.inactiveColor) {
         setBackgroundColor();
       }
       if (props.validateEvent) {
-        formItem?.validate?.("change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       }
     });
     const handleChange = () => {
@@ -36102,7 +36228,8 @@ const _sfc_main$k = defineComponent({
       coreEl.children[0].style.color = newColor;
     };
     const focus = () => {
-      input.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     onMounted(() => {
       if (props.activeColor || props.inactiveColor || props.borderColor) {
@@ -37842,7 +37969,7 @@ const _sfc_main$j = defineComponent({
     const instance = getCurrentInstance();
     const { t } = useLocale();
     const ns = useNamespace("table-filter");
-    const parent = instance?.parent;
+    const parent = instance == null ? void 0 : instance.parent;
     if (!parent.filterPanels.value[props.column.id]) {
       parent.filterPanels.value[props.column.id] = instance;
     }
@@ -37852,7 +37979,10 @@ const _sfc_main$j = defineComponent({
       return props.column && props.column.filters;
     });
     const filterValue = computed({
-      get: () => (props.column?.filteredValue || [])[0],
+      get: () => {
+        var _a;
+        return (((_a = props.column) == null ? void 0 : _a.filteredValue) || [])[0];
+      },
       set: (value) => {
         if (filteredValue.value) {
           if (typeof value !== "undefined" && value !== null) {
@@ -37928,7 +38058,8 @@ const _sfc_main$j = defineComponent({
       immediate: true
     });
     const popperPaneRef = computed(() => {
-      return tooltip.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = tooltip.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     return {
       tooltipVisible,
@@ -40519,7 +40650,8 @@ const _sfc_main$h = defineComponent({
       const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
       const sizeDir = sizeName === "width" ? "x" : "y";
       props.tabs.every((tab) => {
-        const $el = instance.parent?.refs?.[`tab-${tab.paneName}`];
+        var _a, _b, _c, _d;
+        const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.paneName}`];
         if (!$el)
           return false;
         if (!tab.active) {
@@ -40527,7 +40659,7 @@ const _sfc_main$h = defineComponent({
         }
         tabSize = $el[`client${capitalize(sizeName)}`];
         const position = sizeDir === "x" ? "left" : "top";
-        offset = $el.getBoundingClientRect()[position] - ($el.parentElement?.getBoundingClientRect()[position] ?? 0);
+        offset = $el.getBoundingClientRect()[position] - ((_d = (_c = $el.parentElement) == null ? void 0 : _c.getBoundingClientRect()[position]) != null ? _d : 0);
         const tabStyles = window.getComputedStyle($el);
         if (sizeName === "width") {
           if (props.tabs.length > 1) {
@@ -41227,10 +41359,12 @@ const _sfc_main$f = defineComponent({
       return result;
     });
     const blur = () => {
-      select.value?.blur?.();
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
     };
     const focus = () => {
-      select.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     return {
       select,
@@ -41833,7 +41967,8 @@ const _sfc_main$c = defineComponent({
     const rightPanelTitle = computed(() => props.titles[1] || t("el.transfer.titles.1"));
     const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
     watch(() => props.modelValue, () => {
-      elFormItem.validate?.("change");
+      var _a;
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
     });
     const optionRender = computed(() => (option) => {
       if (props.renderContent)
@@ -43524,6 +43659,7 @@ const _hoisted_3$4 = {
   class: "el-tree__drop-indicator"
 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
     ref: "el$",
@@ -43548,7 +43684,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
     }), 128)),
     _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-      createElementVNode("span", _hoisted_2$5, toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$5, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ])) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", _hoisted_3$4, null, 512), [
       [vShow, _ctx.dragState.showDropIndicator]
@@ -44223,10 +44359,12 @@ const _sfc_main$8 = defineComponent({
   setup(props, { emit }) {
     const tree = inject(ROOT_TREE_INJECTION_KEY);
     const indent = computed(() => {
-      return tree?.props.indent ?? 16;
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
     });
     const icon = computed(() => {
-      return tree?.props.icon ?? DEFAULT_ICON;
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
     });
     const handleClick = (e) => {
       emit("click", props.node, e);
@@ -44238,11 +44376,12 @@ const _sfc_main$8 = defineComponent({
       emit("check", props.node, value);
     };
     const handleContextMenu = (event) => {
-      if (tree?.instance?.vnode?.props?.["onNodeContextmenu"]) {
+      var _a, _b, _c, _d;
+      if ((_c = (_b = (_a = tree == null ? void 0 : tree.instance) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props) == null ? void 0 : _c["onNodeContextmenu"]) {
         event.stopPropagation();
         event.preventDefault();
       }
-      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node);
+      tree == null ? void 0 : tree.ctx.emit(NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
     };
     return {
       indent,
@@ -44256,6 +44395,7 @@ const _sfc_main$8 = defineComponent({
 });
 const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c;
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_node_content = resolveComponent("el-node-content");
@@ -44272,7 +44412,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-expanded": _ctx.expanded,
     "aria-disabled": _ctx.disabled,
     "aria-checked": _ctx.checked,
-    "data-key": _ctx.node?.key,
+    "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
     onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
     onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
   }, [
@@ -44284,9 +44424,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: normalizeClass([
           {
-            "is-leaf": _ctx.node?.isLeaf,
+            "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
             "is-hidden": _ctx.hiddenExpandIcon,
-            expanded: !_ctx.node?.isLeaf && _ctx.expanded
+            expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
           },
           "el-tree-node__expand-icon"
         ]),
@@ -44389,6 +44529,7 @@ const _hoisted_1$5 = {
 };
 const _hoisted_2$4 = { class: "el-tree__empty-text" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
   return openBlock(), createElementBlock("div", {
@@ -44425,7 +44566,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", _hoisted_1$5, [
-      createElementVNode("span", _hoisted_2$4, toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$4, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ]))
   ], 2);
 }
@@ -44712,9 +44853,10 @@ const _sfc_main$5 = defineComponent({
     const uploader = inject("uploader", {});
     const dragover = ref(false);
     function onDrop(e) {
+      var _a;
       if (props.disabled || !uploader)
         return;
-      const accept = uploader.props?.accept || uploader.accept;
+      const accept = ((_a = uploader.props) == null ? void 0 : _a.accept) || uploader.accept;
       dragover.value = false;
       if (!accept) {
         emit("file", e.dataTransfer.files);
@@ -46241,6 +46383,7 @@ const _sfc_main$3 = defineComponent({
     };
   },
   render() {
+    var _a, _b;
     let uploadList;
     if (this.showFileList) {
       uploadList = h$1(UploadList, {
@@ -46288,12 +46431,12 @@ const _sfc_main$3 = defineComponent({
     };
     const trigger = this.$slots.trigger || this.$slots.default;
     const uploadComponent = h$1(Upload$1, uploadData, {
-      default: () => trigger?.()
+      default: () => trigger == null ? void 0 : trigger()
     });
     return h$1("div", [
       this.listType === "picture-card" ? uploadList : null,
       this.$slots.trigger ? [uploadComponent, this.$slots.default()] : uploadComponent,
-      this.$slots.tip?.(),
+      (_b = (_a = this.$slots).tip) == null ? void 0 : _b.call(_a),
       this.listType !== "picture-card" ? uploadList : null
     ]);
   }
@@ -46898,7 +47041,7 @@ const _sfc_main$2 = defineComponent({
       }
     }
     function clearTimer() {
-      stopTimer?.();
+      stopTimer == null ? void 0 : stopTimer();
     }
     function close() {
       visible.value = false;
@@ -47226,7 +47369,8 @@ const _sfc_main$1 = defineComponent({
       if (val) {
         if (props.boxType === "alert" || props.boxType === "confirm") {
           nextTick().then(() => {
-            confirmRef.value?.$el?.focus?.();
+            var _a, _b, _c;
+            (_c = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus) == null ? void 0 : _c.call(_b);
           });
         }
         state.zIndex = PopupManager.nextZIndex();
@@ -47275,12 +47419,13 @@ const _sfc_main$1 = defineComponent({
       }
     };
     const handleAction = (action) => {
+      var _a;
       if (props.boxType === "prompt" && action === "confirm" && !validate()) {
         return;
       }
       state.action = action;
       if (state.beforeClose) {
-        state.beforeClose?.(action, state, doClose);
+        (_a = state.beforeClose) == null ? void 0 : _a.call(state, action, state, doClose);
       } else {
         doClose();
       }
@@ -47762,7 +47907,7 @@ const _sfc_main = defineComponent({
       }
     }
     function clearTimer() {
-      timer?.();
+      timer == null ? void 0 : timer();
     }
     function close() {
       visible.value = false;