@element-plus/nightly 0.0.20220123 → 0.0.20220124

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220123 */
+/*! Element Plus v0.0.20220124 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4544,7 +4544,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220123";
+	const version$1 = "0.0.20220124";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -4697,8 +4697,9 @@
 	      emit("change", state.fixed);
 	    });
 	    vue.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}`);
 	        }
@@ -5110,13 +5111,13 @@
 	  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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_5$g);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_5$f);
 	}
 	var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
@@ -6527,8 +6528,11 @@
 	    const passwordVisible = vue.ref(false);
 	    const _textareaCalcStyle = vue.shallowRef(props.inputStyle);
 	    const inputOrTextarea = vue.computed(() => input.value || textarea.value);
-	    const needStatusIcon = vue.computed(() => form?.statusIcon ?? false);
-	    const validateState = vue.computed(() => formItem?.validateState || "");
+	    const needStatusIcon = vue.computed(() => {
+	      var _a;
+	      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+	    });
+	    const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
 	    const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
 	    const containerStyle = vue.computed(() => rawAttrs.style);
 	    const computedTextareaStyle = vue.computed(() => [
@@ -6598,33 +6602,38 @@
 	    };
 	    const focus = () => {
 	      vue.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);
 	    };
@@ -6647,9 +6656,10 @@
 	    };
 	    const suffixVisible = vue.computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
 	    vue.watch(() => props.modelValue, () => {
+	      var _a;
 	      vue.nextTick(resizeTextarea);
 	      if (props.validateEvent) {
-	        formItem?.validate?.("change");
+	        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
 	      }
 	    });
 	    vue.watch(nativeInputValue, () => setNativeInputValue());
@@ -6960,10 +6970,11 @@
 	    }));
 	    const offsetRatio = vue.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)
@@ -7178,8 +7189,8 @@
 	    };
 	    vue.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);
@@ -9351,7 +9362,7 @@
 	          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);
 	          }
 	        });
 	      }
@@ -9411,15 +9422,17 @@
 	      return createPopper(referenceEl, popperContentEl, options);
 	    };
 	    const updatePopper = () => {
-	      vue.unref(popperInstanceRef)?.update();
+	      var _a;
+	      (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.update();
 	      contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
 	    };
 	    vue.onMounted(() => {
 	      let updateHandle;
 	      vue.watch(() => unwrapMeasurableEl(props.referenceEl) || vue.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 = vue.unref(popperContentRef);
 	          contentRef.value = popperContentEl;
 	          const arrowEl = vue.unref(arrowRef);
@@ -9586,7 +9599,10 @@
 	    const shouldShow = vue.computed(() => {
 	      return props.disabled ? false : vue.unref(open);
 	    });
-	    const contentStyle = vue.computed(() => props.style ?? {});
+	    const contentStyle = vue.computed(() => {
+	      var _a;
+	      return (_a = props.style) != null ? _a : {};
+	    });
 	    const ariaHidden = vue.computed(() => !vue.unref(open));
 	    useEscapeKeydown(onClose);
 	    const onTransitionLeave = () => {
@@ -9607,7 +9623,8 @@
 	      }
 	    });
 	    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();
@@ -9616,7 +9633,8 @@
 	    vue.watch(() => vue.unref(open), (val) => {
 	      if (val) {
 	        stopHandle = onClickOutside(vue.computed(() => {
-	          return contentRef.value?.popperContentRef;
+	          var _a;
+	          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
 	        }), () => {
 	          if (vue.unref(controlled))
 	            return;
@@ -9626,7 +9644,7 @@
 	          }
 	        });
 	      } else {
-	        stopHandle?.();
+	        stopHandle == null ? void 0 : stopHandle();
 	      }
 	    }, {
 	      flush: "post"
@@ -9823,9 +9841,10 @@
 	    const id = useId();
 	    const popperRef = vue.ref(null);
 	    const updatePopper = () => {
+	      var _a;
 	      const popperComponent = vue.unref(popperRef);
 	      if (popperComponent) {
-	        popperComponent.popperInstanceRef?.update();
+	        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
 	      }
 	    };
 	    const open = vue.ref(false);
@@ -10116,7 +10135,8 @@
 	      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]);
@@ -10482,8 +10502,9 @@
 	    };
 	    const handleScrollThrottled = useThrottleFn(handleScroll, 300);
 	    vue.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}`);
 	        }
@@ -10677,8 +10698,8 @@
 	    return {
 	      ns,
 	      link,
-	      separator: parent?.separator,
-	      separatorIcon: parent?.separatorIcon
+	      separator: parent == null ? void 0 : parent.separator,
+	      separatorIcon: parent == null ? void 0 : parent.separatorIcon
 	    };
 	  }
 	});
@@ -11893,12 +11914,16 @@
 	    const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
 	    const globalConfig = useGlobalConfig("button");
 	    const ns = useNamespace("button");
-	    const autoInsertSpace = vue.computed(() => props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false);
+	    const autoInsertSpace = vue.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 = vue.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 === vue.Text) {
+	        if ((slot == null ? void 0 : slot.type) === vue.Text) {
 	          const text = slot.children;
 	          return /^\p{Unified_Ideograph}{2}$/u.test(text);
 	        }
@@ -11906,9 +11931,9 @@
 	      return false;
 	    });
 	    const { form } = useFormItem();
-	    const buttonSize = useSize(vue.computed(() => buttonGroupContext?.size));
+	    const buttonSize = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
 	    const buttonDisabled = useDisabled$1();
-	    const buttonType = vue.computed(() => props.type || buttonGroupContext?.type || "");
+	    const buttonType = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
 	    const typeColor = vue.computed(() => useCssVar(`--el-color-${props.type}`).value);
 	    const buttonStyle = vue.computed(() => {
 	      let styles = {};
@@ -11947,7 +11972,7 @@
 	    });
 	    const handleClick = (evt) => {
 	      if (props.nativeType === "reset") {
-	        form?.resetFields();
+	        form == null ? void 0 : form.resetFields();
 	      }
 	      emit("click", evt);
 	    };
@@ -12116,12 +12141,6 @@
 
 	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",
@@ -12306,6 +12325,7 @@
 	    const pickerActualVisible = vue.ref(false);
 	    const valueOnOpen = vue.ref(null);
 	    vue.watch(pickerVisible, (val) => {
+	      var _a;
 	      if (!val) {
 	        userInput.value = null;
 	        vue.nextTick(() => {
@@ -12313,15 +12333,16 @@
 	        });
 	        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) => {
@@ -12343,10 +12364,10 @@
 	      return [];
 	    });
 	    const refStartInput = vue.computed(() => {
-	      return refInput?.value[0];
+	      return refInput == null ? void 0 : refInput.value[0];
 	    });
 	    const refEndInput = vue.computed(() => {
-	      return refInput?.value[1];
+	      return refInput == null ? void 0 : refInput.value[1];
 	    });
 	    const setSelectionRange = (start, end, pos) => {
 	      const _inputs = refInput.value;
@@ -12387,7 +12408,8 @@
 	      ctx.emit("focus", e);
 	    };
 	    const handleBlur = () => {
-	      refPopper.value?.onClose();
+	      var _a;
+	      (_a = refPopper.value) == null ? void 0 : _a.onClose();
 	      blurInput();
 	    };
 	    const pickerDisabled = vue.computed(() => {
@@ -12474,14 +12496,19 @@
 	    });
 	    const pickerSize = useSize();
 	    const popperPaneRef = vue.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 = vue.computed(() => {
+	      var _a, _b;
+	      return (_b = (_a = vue.unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
 	    });
-	    const popperEl = vue.computed(() => vue.unref(refPopper)?.popperRef?.contentRef);
 	    const actualInputRef = vue.computed(() => {
+	      var _a;
 	      if (vue.unref(isRangeInput)) {
 	        return vue.unref(inputRef);
 	      }
-	      return vue.unref(inputRef)?.$el;
+	      return (_a = vue.unref(inputRef)) == null ? void 0 : _a.$el;
 	    });
 	    onClickOutside(actualInputRef, (e) => {
 	      const unrefedPopperEl = vue.unref(popperEl);
@@ -14253,8 +14280,8 @@
 	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) {
@@ -14282,8 +14309,8 @@
 	          }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
 	        ], 2)
 	      ]),
-	      vue.createElementVNode("div", _hoisted_5$f, [
-	        vue.createElementVNode("div", _hoisted_6$d, vue.toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
+	      vue.createElementVNode("div", _hoisted_5$e, [
+	        vue.createElementVNode("div", _hoisted_6$c, vue.toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
 	        vue.createElementVNode("div", {
 	          class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
 	        }, [
@@ -15332,7 +15359,8 @@
 	      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) {
@@ -15342,7 +15370,8 @@
 	      }
 	    }
 	    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) => {
@@ -15658,45 +15687,48 @@
 	  },
 	  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__ */ vue.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 vue.openBlock(), vue.createElementBlock("label", {
 	    id: _ctx.id,
-	    class: vue.normalizeClass(["el-checkbox", [
-	      _ctx.checkboxSize ? "el-checkbox--" + _ctx.checkboxSize : "",
-	      { "is-disabled": _ctx.isDisabled },
-	      { "is-bordered": _ctx.border },
-	      { "is-checked": _ctx.isChecked }
-	    ]]),
+	    class: vue.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
 	  }, [
 	    vue.createElementVNode("span", {
-	      class: vue.normalizeClass(["el-checkbox__input", {
-	        "is-disabled": _ctx.isDisabled,
-	        "is-checked": _ctx.isChecked,
-	        "is-indeterminate": _ctx.indeterminate,
-	        "is-focus": _ctx.focus
-	      }]),
+	      class: vue.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,
+	      vue.createElementVNode("span", {
+	        class: vue.normalizeClass(_ctx.ns.e("inner"))
+	      }, null, 2),
 	      _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	        key: 0,
 	        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-	        class: "el-checkbox__original",
+	        class: vue.normalizeClass(_ctx.ns.e("original")),
 	        type: "checkbox",
 	        "aria-hidden": _ctx.indeterminate ? "true" : "false",
 	        name: _ctx.name,
@@ -15707,12 +15739,12 @@
 	        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)), [
 	        [vue.vModelCheckbox, _ctx.model]
 	      ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	        key: 1,
 	        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-	        class: "el-checkbox__original",
+	        class: vue.normalizeClass(_ctx.ns.e("original")),
 	        type: "checkbox",
 	        "aria-hidden": _ctx.indeterminate ? "true" : "false",
 	        disabled: _ctx.isDisabled,
@@ -15722,16 +15754,19 @@
 	        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)), [
 	        [vue.vModelCheckbox, _ctx.model]
 	      ])
 	    ], 10, _hoisted_2$K),
-	    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, [
+	    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+	      key: 0,
+	      class: vue.normalizeClass(_ctx.ns.e("label"))
+	    }, [
 	      vue.renderSlot(_ctx.$slots, "default"),
 	      !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
 	        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
 	      ], 2112)) : vue.createCommentVNode("v-if", true)
-	    ])) : vue.createCommentVNode("v-if", true)
+	    ], 2)) : vue.createCommentVNode("v-if", true)
 	  ], 10, _hoisted_1$10);
 	}
 	var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1G, [["render", _sfc_render$1B]]);
@@ -15743,12 +15778,14 @@
 	  setup(props) {
 	    const { focus, isChecked, isDisabled, size, model, handleChange } = useCheckbox(props);
 	    const { checkboxGroup } = useCheckboxGroup();
+	    const ns = useNamespace("checkbox");
 	    const activeStyle = vue.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
 	      };
 	    });
@@ -15759,7 +15796,8 @@
 	      model,
 	      handleChange,
 	      activeStyle,
-	      size
+	      size,
+	      ns
 	    };
 	  }
 	});
@@ -15768,12 +15806,13 @@
 	const _hoisted_3$x = ["name", "tabindex", "disabled", "value"];
 	function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
-	    class: vue.normalizeClass(["el-checkbox-button", [
-	      _ctx.size ? "el-checkbox-button--" + _ctx.size : "",
-	      { "is-disabled": _ctx.isDisabled },
-	      { "is-checked": _ctx.isChecked },
-	      { "is-focus": _ctx.focus }
-	    ]]),
+	    class: vue.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
@@ -15781,7 +15820,7 @@
 	    _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	      key: 0,
 	      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-	      class: "el-checkbox-button__original",
+	      class: vue.normalizeClass(_ctx.ns.be("button", "original")),
 	      type: "checkbox",
 	      name: _ctx.name,
 	      tabindex: _ctx.tabindex,
@@ -15791,12 +15830,12 @@
 	      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)), [
 	      [vue.vModelCheckbox, _ctx.model]
 	    ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	      key: 1,
 	      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-	      class: "el-checkbox-button__original",
+	      class: vue.normalizeClass(_ctx.ns.be("button", "original")),
 	      type: "checkbox",
 	      name: _ctx.name,
 	      tabindex: _ctx.tabindex,
@@ -15805,18 +15844,18 @@
 	      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)), [
 	      [vue.vModelCheckbox, _ctx.model]
 	    ]),
 	    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
 	      key: 2,
-	      class: "el-checkbox-button__inner",
+	      class: vue.normalizeClass(_ctx.ns.be("button", "inner")),
 	      style: vue.normalizeStyle(_ctx.isChecked ? _ctx.activeStyle : null)
 	    }, [
 	      vue.renderSlot(_ctx.$slots, "default", {}, () => [
 	        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
 	      ])
-	    ], 4)) : vue.createCommentVNode("v-if", true)
+	    ], 6)) : vue.createCommentVNode("v-if", true)
 	  ], 10, _hoisted_1$$);
 	}
 	var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1F, [["render", _sfc_render$1A]]);
@@ -15858,6 +15897,7 @@
 	  setup(props, { emit, slots }) {
 	    const { elFormItem } = useCheckboxGroup();
 	    const checkboxGroupSize = useSize();
+	    const ns = useNamespace("checkbox");
 	    const changeEvent = (value) => {
 	      emit(UPDATE_MODEL_EVENT, value);
 	      vue.nextTick(() => {
@@ -15880,11 +15920,12 @@
 	      changeEvent
 	    });
 	    vue.watch(() => props.modelValue, () => {
-	      elFormItem.validate?.("change");
+	      var _a;
+	      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
 	    });
 	    return () => {
 	      return vue.h(props.tag, {
-	        class: "el-checkbox-group",
+	        class: ns.b("group"),
 	        role: "group",
 	        "aria-label": "checkbox-group"
 	      }, [vue.renderSlot(slots, "default")]);
@@ -16059,10 +16100,10 @@
 	    } = useRadio(props, emit);
 	    const activeStyle = vue.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 {
@@ -16192,7 +16233,7 @@
 	      ...vue.toRefs(props),
 	      changeEvent
 	    }));
-	    vue.watch(() => props.modelValue, () => formItem?.validate("change"));
+	    vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
 	    return {
 	      radioGroupRef,
 	      handleKeydown
@@ -16259,15 +16300,19 @@
 	    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
 	    const multiple = vue.computed(() => panel.config.multiple);
 	    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
-	    const checkedNodeId = vue.computed(() => panel.checkedNodes[0]?.uid);
+	    const checkedNodeId = vue.computed(() => {
+	      var _a;
+	      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+	    });
 	    const isDisabled = vue.computed(() => props.node.isDisabled);
 	    const isLeaf = vue.computed(() => props.node.isLeaf);
 	    const expandable = vue.computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
 	    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
 	    const inCheckedPath = vue.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)
@@ -16535,28 +16580,31 @@
 	    onMousemove: _ctx.handleMouseMove,
 	    onMouseleave: _ctx.clearHoverZone
 	  }, {
-	    default: vue.withCtx(() => [
-	      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
-	        return vue.openBlock(), vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
-	        vue.createVNode(_component_el_icon, {
-	          size: "14",
-	          class: "is-loading"
-	        }, {
-	          default: vue.withCtx(() => [
-	            vue.createVNode(_component_loading)
-	          ]),
-	          _: 1
-	        }),
-	        vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
-	      ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : _ctx.panel?.isHoverMenu ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$v, null, 512)) : vue.createCommentVNode("v-if", true)
-	    ]),
+	    default: vue.withCtx(() => {
+	      var _a;
+	      return [
+	        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
+	          return vue.openBlock(), vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
+	          vue.createVNode(_component_el_icon, {
+	            size: "14",
+	            class: "is-loading"
+	          }, {
+	            default: vue.withCtx(() => [
+	              vue.createVNode(_component_loading)
+	            ]),
+	            _: 1
+	          }),
+	          vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
+	        ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$v, null, 512)) : vue.createCommentVNode("v-if", true)
+	      ];
+	    }),
 	    _: 1
 	  }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 	}
@@ -16848,7 +16896,7 @@
 	      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 || [];
@@ -16857,6 +16905,7 @@
 	      cfg.lazyLoad(node, resolve);
 	    };
 	    const expandNode = (node, silent) => {
+	      var _a;
 	      const { level } = node;
 	      const newMenus = menus.value.slice(0, level);
 	      let newExpandingNode;
@@ -16866,17 +16915,17 @@
 	        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");
@@ -16890,23 +16939,25 @@
 	      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;
@@ -16916,7 +16967,7 @@
 	        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));
@@ -16926,7 +16977,7 @@
 	        }
 	      } 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;
 	      }
@@ -16935,7 +16986,7 @@
 	      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));
@@ -16951,7 +17002,7 @@
 	      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");
@@ -16973,14 +17024,14 @@
 	        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;
 	        }
@@ -17290,7 +17341,10 @@
 	    const multiple = vue.computed(() => !!props.props.multiple);
 	    const readonly = vue.computed(() => !props.filterable || multiple.value);
 	    const searchKeyword = vue.computed(() => multiple.value ? searchInputValue.value : inputValue.value);
-	    const checkedNodes = vue.computed(() => panel.value?.checkedNodes || []);
+	    const checkedNodes = vue.computed(() => {
+	      var _a;
+	      return ((_a = panel.value) == null ? void 0 : _a.checkedNodes) || [];
+	    });
 	    const clearBtnVisible = vue.computed(() => {
 	      if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
 	        return false;
@@ -17306,24 +17360,27 @@
 	        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 = vue.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();
-	          vue.nextTick(panel.value?.scrollToExpandingNode);
+	          vue.nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
 	        } else if (props.filterable) {
 	          const { value } = presentText;
 	          inputValue.value = value;
@@ -17334,7 +17391,8 @@
 	    };
 	    const updatePopperPosition = () => {
 	      vue.nextTick(() => {
-	        tooltipRef.value?.updatePopper();
+	        var _a;
+	        (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
 	      });
 	    };
 	    const hideSuggestionPanel = () => {
@@ -17351,9 +17409,10 @@
 	      };
 	    };
 	    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 = () => {
@@ -17380,8 +17439,9 @@
 	      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);
@@ -17397,11 +17457,12 @@
 	      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();
@@ -17409,9 +17470,10 @@
 	      }
 	    };
 	    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) {
@@ -17426,14 +17488,16 @@
 	      }
 	    };
 	    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;
 	        vue.nextTick(() => handleInput(text));
@@ -17461,15 +17525,17 @@
 	      }
 	    };
 	    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);
 	      }
 	    };
@@ -17520,7 +17586,7 @@
 	    }, props.debounce);
 	    const handleInput = (val, e) => {
 	      !popperVisible.value && togglePopperVisible(true);
-	      if (e?.isComposing)
+	      if (e == null ? void 0 : e.isComposing)
 	        return;
 	      val ? handleFilter() : hideSuggestionPanel();
 	    };
@@ -17531,12 +17597,14 @@
 	    });
 	    vue.watch(presentText, (val) => inputValue.value = val, { immediate: true });
 	    vue.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);
 	    });
 	    vue.onBeforeUnmount(() => {
-	      removeResizeListener(input.value?.$el, updateStyle);
+	      var _a;
+	      removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
 	    });
 	    return {
 	      popperOptions,
@@ -18078,7 +18146,7 @@
 	    const isClick = vue.ref(false);
 	    const id = vue.ref(generateId());
 	    const isActive = vue.computed(() => {
-	      return collapse?.activeNames.value.indexOf(props.name) > -1;
+	      return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
 	    });
 	    const handleFocus = () => {
 	      setTimeout(() => {
@@ -18092,12 +18160,12 @@
 	    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,
@@ -18997,10 +19065,11 @@
 	      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);
 	      vue.nextTick(() => {
 	        const newColor = new Color({
@@ -19014,11 +19083,12 @@
 	      });
 	    }
 	    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();
 	    }
@@ -19029,9 +19099,10 @@
 	    });
 	    vue.watch(() => showPicker.value, () => {
 	      vue.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();
 	      });
 	    });
 	    vue.provide(OPTIONS_KEY, {
@@ -19539,6 +19610,7 @@
 	      return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
 	    });
 	    const rows = vue.computed(() => {
+	      var _a;
 	      const startOfMonth = props.date.startOf("month");
 	      const startOfMonthDay = startOfMonth.day() || 7;
 	      const dateCountOfMonth = startOfMonth.daysInMonth();
@@ -19578,7 +19650,7 @@
 	          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 {
@@ -19847,6 +19919,7 @@
 	    const lastRow = vue.ref(null);
 	    const lastColumn = vue.ref(null);
 	    const rows = vue.computed(() => {
+	      var _a;
 	      const rows2 = tableRows.value;
 	      const now = dayjs().locale(lang.value).startOf("month");
 	      for (let i = 0; i < 3; i++) {
@@ -19868,7 +19941,7 @@
 	          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 {
@@ -20286,7 +20359,7 @@
 	      currentView.value = "date";
 	    }, { immediate: true });
 	    vue.watch(() => currentView.value, () => {
-	      popper?.updatePopper();
+	      popper == null ? void 0 : popper.updatePopper();
 	    });
 	    const hasShortcuts = vue.computed(() => !!shortcuts.length);
 	    const handleMonthPick = (month2) => {
@@ -22120,13 +22193,18 @@
 	      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;
 	        }
@@ -22369,8 +22447,7 @@
 	  },
 	  modalClass: String,
 	  width: {
-	    type: [String, Number],
-	    validator: isValidWidthUnit
+	    type: [String, Number]
 	  },
 	  zIndex: {
 	    type: Number
@@ -23039,7 +23116,7 @@
 	        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);
@@ -23216,7 +23293,8 @@
 	  props: rovingFocusGroupProps,
 	  emits: [CURRENT_TAB_ID_CHANGE_EVT, "entryFocus"],
 	  setup(props, { emit }) {
-	    const currentTabbedId = vue.ref((props.currentTabId || props.defaultCurrentTabId) ?? null);
+	    var _a;
+	    const currentTabbedId = vue.ref((_a = props.currentTabId || props.defaultCurrentTabId) != null ? _a : null);
 	    const isBackingOut = vue.ref(false);
 	    const isClickFocus = vue.ref(false);
 	    const rovingFocusGroupRef = vue.ref(null);
@@ -23236,18 +23314,20 @@
 	      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 = !vue.unref(isClickFocus);
 	      const { target, currentTarget } = e;
 	      if (target === currentTarget && isKeyboardFocus && !vue.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);
@@ -23260,7 +23340,8 @@
 	      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;
 	    });
@@ -23284,7 +23365,7 @@
 	      onMousedown
 	    });
 	    vue.watch(() => props.currentTabId, (val) => {
-	      currentTabbedId.value = val ?? null;
+	      currentTabbedId.value = val != null ? val : null;
 	    });
 	    vue.onMounted(() => {
 	      const rovingFocusGroupEl = vue.unref(rovingFocusGroupRef);
@@ -23543,10 +23624,12 @@
 	      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) {
@@ -23556,7 +23639,7 @@
 	    }
 	    function onItemLeave() {
 	      const contentEl = vue.unref(contentRef);
-	      contentEl?.focus();
+	      contentEl == null ? void 0 : contentEl.focus();
 	      currentTabId.value = null;
 	    }
 	    function handleCurrentTabIdChange(id) {
@@ -23583,8 +23666,9 @@
 	      hideOnClick: vue.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
 	      });
 	    };
@@ -23611,6 +23695,7 @@
 	});
 	const _hoisted_1$G = { class: "el-dropdown" };
 	function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+	  var _a;
 	  const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
 	  const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
 	  const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -23631,7 +23716,7 @@
 	      "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,
@@ -23827,18 +23912,22 @@
 	    const { elDropdown } = useDropdown();
 	    const _instance = vue.getCurrentInstance();
 	    const itemRef = vue.ref(null);
-	    const textContent = vue.computed(() => vue.unref(itemRef)?.textContent ?? "");
+	    const textContent = vue.computed(() => {
+	      var _a, _b;
+	      return (_b = (_a = vue.unref(itemRef)) == null ? void 0 : _a.textContent) != null ? _b : "";
+	    });
 	    const { onItemEnter, onItemLeave } = vue.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();
 	        }
 	      }
 	    }));
@@ -23852,14 +23941,15 @@
 	      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,
@@ -23870,12 +23960,13 @@
 	  }
 	});
 	function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+	  var _a;
 	  const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
 	  const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
 	  const _component_el_dropdown_collection_item = vue.resolveComponent("el-dropdown-collection-item");
 	  return vue.openBlock(), vue.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: vue.withCtx(() => [
 	      vue.createVNode(_component_el_roving_focus_item, {
@@ -23927,7 +24018,8 @@
 	    });
 	    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);
@@ -25916,10 +26008,11 @@
 	      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 = () => {
@@ -25964,7 +26057,8 @@
 	      }).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` : "";
@@ -25982,14 +26076,14 @@
 	    });
 	    vue.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();
 	      }
 	    });
 	    vue.onBeforeUnmount(() => {
-	      elForm?.removeField(elFormItem);
+	      elForm == null ? void 0 : elForm.removeField(elFormItem);
 	    });
 	    vue.provide(elFormItemKey, elFormItem);
 	    const formItemClass = vue.computed(() => [
@@ -26317,7 +26411,7 @@
 	    vue.watch(currentImg, () => {
 	      vue.nextTick(() => {
 	        const $img = img.value;
-	        if (!$img?.complete) {
+	        if (!($img == null ? void 0 : $img.complete)) {
 	          loading.value = true;
 	        }
 	      });
@@ -26327,8 +26421,9 @@
 	      emit("switch", val);
 	    });
 	    vue.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,
@@ -26635,6 +26730,7 @@
 	    }
 	    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
 	    async function addLazyLoadListener() {
+	      var _a;
 	      if (!isClient)
 	        return;
 	      await vue.nextTick();
@@ -26642,7 +26738,7 @@
 	      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);
 	      }
@@ -26679,7 +26775,7 @@
 	      showViewer.value = true;
 	    }
 	    function closeViewer() {
-	      stopWheelListener?.();
+	      stopWheelListener == null ? void 0 : stopWheelListener();
 	      document.body.style.overflow = prevOverflow;
 	      showViewer.value = false;
 	      emit("close");
@@ -26925,6 +27021,7 @@
 	      setCurrentValue(newVal);
 	    };
 	    const setCurrentValue = (newVal) => {
+	      var _a;
 	      const oldVal = data.currentValue;
 	      if (typeof newVal === "number" && props.precision !== void 0) {
 	        newVal = toPrecision(newVal, props.precision);
@@ -26942,7 +27039,7 @@
 	      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) => {
@@ -26956,17 +27053,20 @@
 	      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");
 	    };
 	    vue.watch(() => props.modelValue, (value) => {
 	      let newVal = Number(value);
@@ -26995,7 +27095,8 @@
 	      data.userInput = null;
 	    }, { immediate: true });
 	    vue.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));
@@ -27010,7 +27111,8 @@
 	      }
 	    });
 	    vue.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 {
@@ -28486,7 +28588,8 @@
 	    const isFitInputWidth = vue.computed(() => select.props.fitInputWidth);
 	    const minWidth = vue.ref("");
 	    function updateMinWidth() {
-	      minWidth.value = `${select.selectWrapper?.getBoundingClientRect().width}px`;
+	      var _a;
+	      minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
 	    }
 	    vue.onMounted(() => {
 	      updateMinWidth();
@@ -29410,7 +29513,8 @@
 	      ctx.emit(UPDATE_MODEL_EVENT, "");
 	    }
 	    const popperPaneRef = vue.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,
@@ -29755,9 +29859,10 @@
 	      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));
 	          }
 	        });
@@ -29839,9 +29944,10 @@
 	    });
 	    const innerPagesizes = vue.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 {
@@ -29888,13 +29994,16 @@
 	    const { t } = useLocale();
 	    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
 	    const userInput = vue.ref();
-	    const innerValue = vue.computed(() => userInput.value ?? currentPage?.value);
+	    const innerValue = vue.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 {
@@ -30429,17 +30538,20 @@
 	    const { t } = useLocale();
 	    const tooltipRef = vue.ref();
 	    const hidePopper = () => {
-	      vue.unref(tooltipRef)?.onClose?.();
+	      var _a, _b;
+	      (_b = (_a = vue.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 = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
@@ -30555,7 +30667,8 @@
 	  setup(props) {
 	    const tooltipRef = vue.ref(null);
 	    const popperRef = vue.computed(() => {
-	      return vue.unref(tooltipRef)?.popperRef;
+	      var _a;
+	      return (_a = vue.unref(tooltipRef)) == null ? void 0 : _a.popperRef;
 	    });
 	    const width = vue.computed(() => {
 	      if (isString$1(props.width)) {
@@ -30579,7 +30692,8 @@
 	      ];
 	    });
 	    const hide = () => {
-	      tooltipRef.value?.hide();
+	      var _a;
+	      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
 	    };
 	    return {
 	      kls,
@@ -30792,6 +30906,7 @@
 	    });
 	    const content = vue.computed(() => props.format(props.percentage));
 	    const getCurrentColor = (percentage) => {
+	      var _a;
 	      const { color } = props;
 	      if (typeof color === "function") {
 	        return color(percentage);
@@ -30813,7 +30928,7 @@
 	          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 = vue.computed(() => {
@@ -33363,6 +33478,7 @@
 	    };
 	  },
 	  render(_ctx, _cache) {
+	    var _a;
 	    const {
 	      $slots,
 	      data,
@@ -33389,7 +33505,7 @@
 	        style: {
 	          width: `${width}px`
 	        }
-	      }, $slots.empty?.());
+	      }, (_a = $slots.empty) == null ? void 0 : _a.call($slots));
 	    }
 	    const ListItem = vue.withCtx((scoped) => {
 	      const { index, data: data2 } = scoped;
@@ -34264,67 +34380,49 @@
 	      onShow: _ctx.handleMenuEnter,
 	      onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
 	    }, {
-	      default: vue.withCtx(() => [
-	        vue.createElementVNode("div", {
-	          ref: "selectionRef",
-	          class: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
-	            vue.renderSlot(_ctx.$slots, "prefix")
-	          ])) : vue.createCommentVNode("v-if", true),
-	          _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
-	            _ctx.collapseTags && _ctx.modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
-	              vue.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: vue.withCtx(() => [
-	                  vue.createElementVNode("span", {
-	                    class: "el-select-v2__tags-text",
-	                    style: vue.normalizeStyle({
-	                      maxWidth: `${_ctx.tagMaxWidth}px`
-	                    })
-	                  }, vue.toDisplayString(_ctx.states.cachedOptions[0]?.label), 5)
-	                ]),
-	                _: 1
-	              }, 8, ["closable", "size"]),
-	              _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
-	                key: 0,
-	                closable: false,
-	                size: _ctx.collapseTagSize,
-	                type: "info",
-	                "disable-transitions": ""
-	              }, {
-	                default: vue.withCtx(() => [
-	                  vue.createElementVNode("span", {
-	                    class: "el-select-v2__tags-text",
-	                    style: vue.normalizeStyle({
-	                      maxWidth: `${_ctx.tagMaxWidth}px`
-	                    })
-	                  }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 5)
-	                ]),
-	                _: 1
-	              }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
-	            ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.states.cachedOptions, (selected, idx) => {
-	              return vue.openBlock(), vue.createElementBlock("div", {
-	                key: idx,
-	                class: "el-select-v2__selected-item"
-	              }, [
-	                (vue.openBlock(), vue.createBlock(_component_el_tag, {
-	                  key: _ctx.getValueKey(selected),
-	                  closable: !_ctx.selectDisabled && !selected.disabled,
+	      default: vue.withCtx(() => {
+	        var _a;
+	        return [
+	          vue.createElementVNode("div", {
+	            ref: "selectionRef",
+	            class: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+	              vue.renderSlot(_ctx.$slots, "prefix")
+	            ])) : vue.createCommentVNode("v-if", true),
+	            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+	              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, [
+	                vue.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: vue.withCtx(() => {
+	                    var _a2;
+	                    return [
+	                      vue.createElementVNode("span", {
+	                        class: "el-select-v2__tags-text",
+	                        style: vue.normalizeStyle({
+	                          maxWidth: `${_ctx.tagMaxWidth}px`
+	                        })
+	                      }, vue.toDisplayString((_a2 = _ctx.states.cachedOptions[0]) == null ? void 0 : _a2.label), 5)
+	                    ];
+	                  }),
+	                  _: 1
+	                }, 8, ["closable", "size"]),
+	                _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
+	                  key: 0,
+	                  closable: false,
+	                  size: _ctx.collapseTagSize,
+	                  type: "info",
+	                  "disable-transitions": ""
 	                }, {
 	                  default: vue.withCtx(() => [
 	                    vue.createElementVNode("span", {
@@ -34332,141 +34430,165 @@
 	                      style: vue.normalizeStyle({
 	                        maxWidth: `${_ctx.tagMaxWidth}px`
 	                      })
-	                    }, vue.toDisplayString(_ctx.getLabel(selected)), 5)
+	                    }, "+ " + vue.toDisplayString(_ctx.modelValue.length - 1), 5)
 	                  ]),
-	                  _: 2
-	                }, 1032, ["closable", "size", "onClose"]))
-	              ]);
-	            }), 128)),
-	            vue.createElementVNode("div", {
-	              class: "el-select-v2__selected-item el-select-v2__input-wrapper",
-	              style: vue.normalizeStyle(_ctx.inputWrapperStyle)
-	            }, [
-	              vue.withDirectives(vue.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: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-	                  _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-	                  _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-	                  _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-	                  _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-	                ]
-	              }, null, 42, _hoisted_4$6), [
-	                [_directive_model_text, _ctx.states.displayInputValue]
+	                  _: 1
+	                }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
+	              ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.states.cachedOptions, (selected, idx) => {
+	                return vue.openBlock(), vue.createElementBlock("div", {
+	                  key: idx,
+	                  class: "el-select-v2__selected-item"
+	                }, [
+	                  (vue.openBlock(), vue.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: vue.withCtx(() => [
+	                      vue.createElementVNode("span", {
+	                        class: "el-select-v2__tags-text",
+	                        style: vue.normalizeStyle({
+	                          maxWidth: `${_ctx.tagMaxWidth}px`
+	                        })
+	                      }, vue.toDisplayString(_ctx.getLabel(selected)), 5)
+	                    ]),
+	                    _: 2
+	                  }, 1032, ["closable", "size", "onClose"]))
+	                ]);
+	              }), 128)),
+	              vue.createElementVNode("div", {
+	                class: "el-select-v2__selected-item el-select-v2__input-wrapper",
+	                style: vue.normalizeStyle(_ctx.inputWrapperStyle)
+	              }, [
+	                vue.withDirectives(vue.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: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+	                    _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+	                    _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+	                    _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
+	                    _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
+	                  ]
+	                }, null, 42, _hoisted_4$6), [
+	                  [_directive_model_text, _ctx.states.displayInputValue]
+	                ]),
+	                _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
+	                  key: 0,
+	                  ref: "calculatorRef",
+	                  "aria-hidden": "true",
+	                  class: "el-select-v2__input-calculator",
+	                  textContent: vue.toDisplayString(_ctx.states.displayInputValue)
+	                }, null, 8, _hoisted_5$4)) : vue.createCommentVNode("v-if", true)
+	              ], 4)
+	            ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+	              vue.createElementVNode("div", _hoisted_6$3, [
+	                vue.withDirectives(vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+	                    _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+	                    _cache[19] || (_cache[19] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+	                    _cache[20] || (_cache[20] = vue.withKeys(vue.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 ? (vue.openBlock(), vue.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: vue.toDisplayString(_ctx.states.displayInputValue)
-	              }, null, 8, _hoisted_5$4)) : vue.createCommentVNode("v-if", true)
-	            ], 4)
-	          ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-	            vue.createElementVNode("div", _hoisted_6$3, [
-	              vue.withDirectives(vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-	                  _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-	                  _cache[19] || (_cache[19] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-	                  _cache[20] || (_cache[20] = vue.withKeys(vue.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 ? (vue.openBlock(), vue.createElementBlock("span", {
-	              key: 0,
-	              ref: "calculatorRef",
-	              "aria-hidden": "true",
-	              class: "el-select-v2__selected-item el-select-v2__input-calculator",
-	              textContent: vue.toDisplayString(_ctx.states.displayInputValue)
-	            }, null, 8, _hoisted_8$2)) : vue.createCommentVNode("v-if", true)
-	          ], 64)),
-	          _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("span", {
-	            key: 3,
-	            class: vue.normalizeClass({
-	              "el-select-v2__placeholder": true,
-	              "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
-	            })
-	          }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
-	          vue.createElementVNode("span", _hoisted_9$1, [
-	            _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
-	              key: 0,
-	              class: vue.normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
-	            }, {
-	              default: vue.withCtx(() => [
-	                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-	              ]),
-	              _: 1
-	            }, 8, ["class"])), [
-	              [vue.vShow, !_ctx.showClearBtn]
-	            ]) : vue.createCommentVNode("v-if", true),
-	            _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-	              key: 1,
-	              class: "el-select-v2__caret el-input__icon",
-	              onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
-	            }, {
-	              default: vue.withCtx(() => [
-	                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-	              ]),
-	              _: 1
-	            }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-	            _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-	              key: 2,
-	              class: "el-input__icon el-input__validateIcon"
-	            }, {
-	              default: vue.withCtx(() => [
-	                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
-	              ]),
-	              _: 1
-	            })) : vue.createCommentVNode("v-if", true)
-	          ])
-	        ], 2)
-	      ]),
+	              }, null, 8, _hoisted_8$2)) : vue.createCommentVNode("v-if", true)
+	            ], 64)),
+	            _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("span", {
+	              key: 3,
+	              class: vue.normalizeClass({
+	                "el-select-v2__placeholder": true,
+	                "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
+	              })
+	            }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
+	            vue.createElementVNode("span", _hoisted_9$1, [
+	              _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+	                key: 0,
+	                class: vue.normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
+	              }, {
+	                default: vue.withCtx(() => [
+	                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+	                ]),
+	                _: 1
+	              }, 8, ["class"])), [
+	                [vue.vShow, !_ctx.showClearBtn]
+	              ]) : vue.createCommentVNode("v-if", true),
+	              _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+	                key: 1,
+	                class: "el-select-v2__caret el-input__icon",
+	                onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
+	              }, {
+	                default: vue.withCtx(() => [
+	                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+	                ]),
+	                _: 1
+	              }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
+	              _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+	                key: 2,
+	                class: "el-input__icon el-input__validateIcon"
+	              }, {
+	                default: vue.withCtx(() => [
+	                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
+	                ]),
+	                _: 1
+	              })) : vue.createCommentVNode("v-if", true)
+	            ])
+	          ], 2)
+	        ];
+	      }),
 	      content: vue.withCtx(() => [
 	        vue.createVNode(_component_el_select_menu, {
 	          ref: "menuRef",
@@ -34930,9 +35052,10 @@
 	    };
 	  },
 	  render() {
+	    var _a;
 	    return vue.h("div", {
 	      class: "el-slider__marks-text",
-	      style: this.mark?.style
+	      style: (_a = this.mark) == null ? void 0 : _a.style
 	    }, this.label);
 	  }
 	});
@@ -35264,6 +35387,7 @@
 	    }
 	  };
 	  const setValues = () => {
+	    var _a, _b;
 	    if (props.min > props.max) {
 	      throwError("Slider", "min should not be greater than max.");
 	      return;
@@ -35282,7 +35406,7 @@
 	        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();
 	        }
 	      }
@@ -35294,7 +35418,7 @@
 	      } else {
 	        initData.firstValue = val;
 	        if (valueChanged()) {
-	          elFormItem.validate?.("change");
+	          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
 	          initData.oldValue = val;
 	        }
 	      }
@@ -35777,7 +35901,8 @@
 	      return parent.steps.value.length;
 	    });
 	    const isLast = vue.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 = vue.computed(() => {
 	      return isSimple.value ? "" : parent.props.space;
@@ -36054,12 +36179,13 @@
 	      emit(INPUT_EVENT, props.inactiveValue);
 	    }
 	    vue.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 = () => {
@@ -36106,7 +36232,8 @@
 	      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);
 	    };
 	    vue.onMounted(() => {
 	      if (props.activeColor || props.inactiveColor || props.borderColor) {
@@ -37846,7 +37973,7 @@
 	    const instance = vue.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;
 	    }
@@ -37856,7 +37983,10 @@
 	      return props.column && props.column.filters;
 	    });
 	    const filterValue = vue.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) {
@@ -37932,7 +38062,8 @@
 	      immediate: true
 	    });
 	    const popperPaneRef = vue.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,
@@ -40523,7 +40654,8 @@
 	      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) {
@@ -40531,7 +40663,7 @@
 	        }
 	        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) {
@@ -41231,10 +41363,12 @@
 	      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,
@@ -41837,7 +41971,8 @@
 	    const rightPanelTitle = vue.computed(() => props.titles[1] || t("el.transfer.titles.1"));
 	    const panelFilterPlaceholder = vue.computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
 	    vue.watch(() => props.modelValue, () => {
-	      elFormItem.validate?.("change");
+	      var _a;
+	      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
 	    });
 	    const optionRender = vue.computed(() => (option) => {
 	      if (props.renderContent)
@@ -43528,6 +43663,7 @@
 	  class: "el-tree__drop-indicator"
 	};
 	function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+	  var _a;
 	  const _component_el_tree_node = vue.resolveComponent("el-tree-node");
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    ref: "el$",
@@ -43552,7 +43688,7 @@
 	      }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
 	    }), 128)),
 	    _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-	      vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+	      vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
 	    ])) : vue.createCommentVNode("v-if", true),
 	    vue.withDirectives(vue.createElementVNode("div", _hoisted_3$4, null, 512), [
 	      [vue.vShow, _ctx.dragState.showDropIndicator]
@@ -44227,10 +44363,12 @@
 	  setup(props, { emit }) {
 	    const tree = vue.inject(ROOT_TREE_INJECTION_KEY);
 	    const indent = vue.computed(() => {
-	      return tree?.props.indent ?? 16;
+	      var _a;
+	      return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
 	    });
 	    const icon = vue.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);
@@ -44242,11 +44380,12 @@
 	      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,
@@ -44260,6 +44399,7 @@
 	});
 	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 = vue.resolveComponent("el-icon");
 	  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
 	  const _component_el_node_content = vue.resolveComponent("el-node-content");
@@ -44276,7 +44416,7 @@
 	    "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] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
 	    onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
 	  }, [
@@ -44288,9 +44428,9 @@
 	        key: 0,
 	        class: vue.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"
 	        ]),
@@ -44393,6 +44533,7 @@
 	};
 	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 = vue.resolveComponent("el-tree-node");
 	  const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
 	  return vue.openBlock(), vue.createElementBlock("div", {
@@ -44429,7 +44570,7 @@
 	      ]),
 	      _: 1
 	    }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-	      vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+	      vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
 	    ]))
 	  ], 2);
 	}
@@ -44716,9 +44857,10 @@
 	    const uploader = vue.inject("uploader", {});
 	    const dragover = vue.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);
@@ -46245,6 +46387,7 @@
 	    };
 	  },
 	  render() {
+	    var _a, _b;
 	    let uploadList;
 	    if (this.showFileList) {
 	      uploadList = vue.h(UploadList, {
@@ -46292,12 +46435,12 @@
 	    };
 	    const trigger = this.$slots.trigger || this.$slots.default;
 	    const uploadComponent = vue.h(Upload$1, uploadData, {
-	      default: () => trigger?.()
+	      default: () => trigger == null ? void 0 : trigger()
 	    });
 	    return vue.h("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
 	    ]);
 	  }
@@ -46902,7 +47045,7 @@
 	      }
 	    }
 	    function clearTimer() {
-	      stopTimer?.();
+	      stopTimer == null ? void 0 : stopTimer();
 	    }
 	    function close() {
 	      visible.value = false;
@@ -47230,7 +47373,8 @@
 	      if (val) {
 	        if (props.boxType === "alert" || props.boxType === "confirm") {
 	          vue.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();
@@ -47279,12 +47423,13 @@
 	      }
 	    };
 	    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();
 	      }
@@ -47766,7 +47911,7 @@
 	      }
 	    }
 	    function clearTimer() {
-	      timer?.();
+	      timer == null ? void 0 : timer();
 	    }
 	    function close() {
 	      visible.value = false;