@element-plus/nightly 0.0.20220122 → 0.0.20220126

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220122 */
+/*! Element Plus v0.0.20220126 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4544,7 +4544,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220122";
+	const version$1 = "0.0.20220126";
 
 	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}`);
 	        }
@@ -4790,319 +4791,319 @@
 	const _sfc_main$2J = vue.defineComponent({
 	  name: "ArrowDown"
 	});
-	const _hoisted_1$1R = {
+	const _hoisted_1$1P = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1t = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1s = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 	}, null, -1);
-	const _hoisted_3$1d = [
-	  _hoisted_2$1t
+	const _hoisted_3$1c = [
+	  _hoisted_2$1s
 	];
 	function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1R, _hoisted_3$1d);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1c);
 	}
 	var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2E]]);
 
 	const _sfc_main$2I = vue.defineComponent({
 	  name: "ArrowLeft"
 	});
-	const _hoisted_1$1Q = {
+	const _hoisted_1$1O = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1s = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1r = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
 	}, null, -1);
-	const _hoisted_3$1c = [
-	  _hoisted_2$1s
+	const _hoisted_3$1b = [
+	  _hoisted_2$1r
 	];
 	function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Q, _hoisted_3$1c);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1b);
 	}
 	var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2D]]);
 
 	const _sfc_main$2H = vue.defineComponent({
 	  name: "ArrowRight"
 	});
-	const _hoisted_1$1P = {
+	const _hoisted_1$1N = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1r = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1q = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
 	}, null, -1);
-	const _hoisted_3$1b = [
-	  _hoisted_2$1r
+	const _hoisted_3$1a = [
+	  _hoisted_2$1q
 	];
 	function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1b);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1a);
 	}
 	var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2C]]);
 
 	const _sfc_main$2G = vue.defineComponent({
 	  name: "ArrowUp"
 	});
-	const _hoisted_1$1O = {
+	const _hoisted_1$1M = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1q = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1p = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
 	}, null, -1);
-	const _hoisted_3$1a = [
-	  _hoisted_2$1q
+	const _hoisted_3$19 = [
+	  _hoisted_2$1p
 	];
 	function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1a);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1M, _hoisted_3$19);
 	}
 	var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2B]]);
 
 	const _sfc_main$2F = vue.defineComponent({
 	  name: "Back"
 	});
-	const _hoisted_1$1N = {
+	const _hoisted_1$1L = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1p = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1o = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 	}, null, -1);
-	const _hoisted_3$19 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$18 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M237.248 512l265.408 265.344a32 32 0 01-45.312 45.312l-288-288a32 32 0 010-45.312l288-288a32 32 0 1145.312 45.312L237.248 512z"
 	}, null, -1);
 	const _hoisted_4$q = [
-	  _hoisted_2$1p,
-	  _hoisted_3$19
+	  _hoisted_2$1o,
+	  _hoisted_3$18
 	];
 	function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1N, _hoisted_4$q);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1L, _hoisted_4$q);
 	}
 	var back = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2A]]);
 
 	const _sfc_main$2E = vue.defineComponent({
 	  name: "Calendar"
 	});
-	const _hoisted_1$1M = {
+	const _hoisted_1$1K = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1o = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1n = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
 	}, null, -1);
-	const _hoisted_3$18 = [
-	  _hoisted_2$1o
+	const _hoisted_3$17 = [
+	  _hoisted_2$1n
 	];
 	function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1M, _hoisted_3$18);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1K, _hoisted_3$17);
 	}
 	var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2z]]);
 
 	const _sfc_main$2D = vue.defineComponent({
 	  name: "CaretRight"
 	});
-	const _hoisted_1$1L = {
+	const _hoisted_1$1J = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1n = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1m = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M384 192v640l384-320.064z"
 	}, null, -1);
-	const _hoisted_3$17 = [
-	  _hoisted_2$1n
+	const _hoisted_3$16 = [
+	  _hoisted_2$1m
 	];
 	function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1L, _hoisted_3$17);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
 	}
 	var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2y]]);
 
 	const _sfc_main$2C = vue.defineComponent({
 	  name: "CaretTop"
 	});
-	const _hoisted_1$1K = {
+	const _hoisted_1$1I = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1m = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1l = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 320L192 704h639.936z"
 	}, null, -1);
-	const _hoisted_3$16 = [
-	  _hoisted_2$1m
+	const _hoisted_3$15 = [
+	  _hoisted_2$1l
 	];
 	function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1K, _hoisted_3$16);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
 	}
 	var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2x]]);
 
 	const _sfc_main$2B = vue.defineComponent({
 	  name: "Check"
 	});
-	const _hoisted_1$1J = {
+	const _hoisted_1$1H = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1l = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1k = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z"
 	}, null, -1);
-	const _hoisted_3$15 = [
-	  _hoisted_2$1l
+	const _hoisted_3$14 = [
+	  _hoisted_2$1k
 	];
 	function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1J, _hoisted_3$15);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
 	}
 	var check = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2w]]);
 
 	const _sfc_main$2A = vue.defineComponent({
 	  name: "CircleCheckFilled"
 	});
-	const _hoisted_1$1I = {
+	const _hoisted_1$1G = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1k = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1j = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 	}, null, -1);
-	const _hoisted_3$14 = [
-	  _hoisted_2$1k
+	const _hoisted_3$13 = [
+	  _hoisted_2$1j
 	];
 	function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$14);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
 	}
 	var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2v]]);
 
 	const _sfc_main$2z = vue.defineComponent({
 	  name: "CircleCheck"
 	});
-	const _hoisted_1$1H = {
+	const _hoisted_1$1F = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1j = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1i = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
-	const _hoisted_3$13 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$12 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
 	}, null, -1);
 	const _hoisted_4$p = [
-	  _hoisted_2$1j,
-	  _hoisted_3$13
+	  _hoisted_2$1i,
+	  _hoisted_3$12
 	];
 	function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_4$p);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_4$p);
 	}
 	var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2u]]);
 
 	const _sfc_main$2y = vue.defineComponent({
 	  name: "CircleCloseFilled"
 	});
-	const _hoisted_1$1G = {
+	const _hoisted_1$1E = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1i = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1h = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
 	}, null, -1);
-	const _hoisted_3$12 = [
-	  _hoisted_2$1i
+	const _hoisted_3$11 = [
+	  _hoisted_2$1h
 	];
 	function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$12);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
 	}
 	var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2t]]);
 
 	const _sfc_main$2x = vue.defineComponent({
 	  name: "CircleClose"
 	});
-	const _hoisted_1$1F = {
+	const _hoisted_1$1D = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1h = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1g = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 	}, null, -1);
-	const _hoisted_3$11 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$10 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
 	const _hoisted_4$o = [
-	  _hoisted_2$1h,
-	  _hoisted_3$11
+	  _hoisted_2$1g,
+	  _hoisted_3$10
 	];
 	function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_4$o);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_4$o);
 	}
 	var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2s]]);
 
 	const _sfc_main$2w = vue.defineComponent({
 	  name: "Clock"
 	});
-	const _hoisted_1$1E = {
+	const _hoisted_1$1C = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1g = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1f = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
-	const _hoisted_3$10 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$$ = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 	}, null, -1);
@@ -5110,541 +5111,541 @@
 	  fill: "currentColor",
 	  d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 	}, null, -1);
-	const _hoisted_5$g = [
-	  _hoisted_2$1g,
-	  _hoisted_3$10,
+	const _hoisted_5$e = [
+	  _hoisted_2$1f,
+	  _hoisted_3$$,
 	  _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$1C, _hoisted_5$e);
 	}
 	var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
 	const _sfc_main$2v = vue.defineComponent({
 	  name: "Close"
 	});
-	const _hoisted_1$1D = {
+	const _hoisted_1$1B = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1f = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1e = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
 	}, null, -1);
-	const _hoisted_3$$ = [
-	  _hoisted_2$1f
+	const _hoisted_3$_ = [
+	  _hoisted_2$1e
 	];
 	function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_3$$);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 	}
 	var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2q]]);
 
 	const _sfc_main$2u = vue.defineComponent({
 	  name: "DArrowLeft"
 	});
-	const _hoisted_1$1C = {
+	const _hoisted_1$1A = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1e = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1d = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
 	}, null, -1);
-	const _hoisted_3$_ = [
-	  _hoisted_2$1e
+	const _hoisted_3$Z = [
+	  _hoisted_2$1d
 	];
 	function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 	}
 	var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2p]]);
 
 	const _sfc_main$2t = vue.defineComponent({
 	  name: "DArrowRight"
 	});
-	const _hoisted_1$1B = {
+	const _hoisted_1$1z = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1d = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1c = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
 	}, null, -1);
-	const _hoisted_3$Z = [
-	  _hoisted_2$1d
+	const _hoisted_3$Y = [
+	  _hoisted_2$1c
 	];
 	function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 	}
 	var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2o]]);
 
 	const _sfc_main$2s = vue.defineComponent({
 	  name: "Delete"
 	});
-	const _hoisted_1$1A = {
+	const _hoisted_1$1y = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1c = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1b = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
 	}, null, -1);
-	const _hoisted_3$Y = [
-	  _hoisted_2$1c
+	const _hoisted_3$X = [
+	  _hoisted_2$1b
 	];
 	function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
 	}
 	var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2n]]);
 
 	const _sfc_main$2r = vue.defineComponent({
 	  name: "Document"
 	});
-	const _hoisted_1$1z = {
+	const _hoisted_1$1x = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1b = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1a = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
 	}, null, -1);
-	const _hoisted_3$X = [
-	  _hoisted_2$1b
+	const _hoisted_3$W = [
+	  _hoisted_2$1a
 	];
 	function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
 	}
 	var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2m]]);
 
 	const _sfc_main$2q = vue.defineComponent({
 	  name: "FullScreen"
 	});
-	const _hoisted_1$1y = {
+	const _hoisted_1$1w = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1a = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$19 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 	}, null, -1);
-	const _hoisted_3$W = [
-	  _hoisted_2$1a
+	const _hoisted_3$V = [
+	  _hoisted_2$19
 	];
 	function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$W);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 	}
 	var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2l]]);
 
 	const _sfc_main$2p = vue.defineComponent({
 	  name: "InfoFilled"
 	});
-	const _hoisted_1$1x = {
+	const _hoisted_1$1v = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$19 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$18 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
 	}, null, -1);
-	const _hoisted_3$V = [
-	  _hoisted_2$19
+	const _hoisted_3$U = [
+	  _hoisted_2$18
 	];
 	function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 	}
 	var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2k]]);
 
 	const _sfc_main$2o = vue.defineComponent({
 	  name: "Loading"
 	});
-	const _hoisted_1$1w = {
+	const _hoisted_1$1u = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$18 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$17 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 	}, null, -1);
-	const _hoisted_3$U = [
-	  _hoisted_2$18
+	const _hoisted_3$T = [
+	  _hoisted_2$17
 	];
 	function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 	}
 	var loading = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2j]]);
 
 	const _sfc_main$2n = vue.defineComponent({
 	  name: "Minus"
 	});
-	const _hoisted_1$1v = {
+	const _hoisted_1$1t = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$17 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$16 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 	}, null, -1);
-	const _hoisted_3$T = [
-	  _hoisted_2$17
+	const _hoisted_3$S = [
+	  _hoisted_2$16
 	];
 	function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 	}
 	var minus = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2i]]);
 
 	const _sfc_main$2m = vue.defineComponent({
 	  name: "MoreFilled"
 	});
-	const _hoisted_1$1u = {
+	const _hoisted_1$1s = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$16 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$15 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M176 416a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224z"
 	}, null, -1);
-	const _hoisted_3$S = [
-	  _hoisted_2$16
+	const _hoisted_3$R = [
+	  _hoisted_2$15
 	];
 	function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 	}
 	var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2h]]);
 
 	const _sfc_main$2l = vue.defineComponent({
 	  name: "More"
 	});
-	const _hoisted_1$1t = {
+	const _hoisted_1$1r = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$15 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$14 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M176 416a112 112 0 100 224 112 112 0 000-224m0 64a48 48 0 110 96 48 48 0 010-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96z"
 	}, null, -1);
-	const _hoisted_3$R = [
-	  _hoisted_2$15
+	const _hoisted_3$Q = [
+	  _hoisted_2$14
 	];
 	function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
 	}
 	var more = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2g]]);
 
 	const _sfc_main$2k = vue.defineComponent({
 	  name: "Plus"
 	});
-	const _hoisted_1$1s = {
+	const _hoisted_1$1q = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$14 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$13 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
 	}, null, -1);
-	const _hoisted_3$Q = [
-	  _hoisted_2$14
+	const _hoisted_3$P = [
+	  _hoisted_2$13
 	];
 	function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$Q);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
 	}
 	var plus = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2f]]);
 
 	const _sfc_main$2j = vue.defineComponent({
 	  name: "QuestionFilled"
 	});
-	const _hoisted_1$1r = {
+	const _hoisted_1$1p = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$13 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$12 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 	}, null, -1);
-	const _hoisted_3$P = [
-	  _hoisted_2$13
+	const _hoisted_3$O = [
+	  _hoisted_2$12
 	];
 	function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
 	}
 	var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2e]]);
 
 	const _sfc_main$2i = vue.defineComponent({
 	  name: "RefreshLeft"
 	});
-	const _hoisted_1$1q = {
+	const _hoisted_1$1o = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$12 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$11 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 	}, null, -1);
-	const _hoisted_3$O = [
-	  _hoisted_2$12
+	const _hoisted_3$N = [
+	  _hoisted_2$11
 	];
 	function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$O);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 	}
 	var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2d]]);
 
 	const _sfc_main$2h = vue.defineComponent({
 	  name: "RefreshRight"
 	});
-	const _hoisted_1$1p = {
+	const _hoisted_1$1n = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$11 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$10 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M784.512 230.272v-50.56a32 32 0 1164 0v149.056a32 32 0 01-32 32H667.52a32 32 0 110-64h92.992A320 320 0 10524.8 833.152a320 320 0 00320-320h64a384 384 0 01-384 384 384 384 0 01-384-384 384 384 0 01643.712-282.88z"
 	}, null, -1);
-	const _hoisted_3$N = [
-	  _hoisted_2$11
+	const _hoisted_3$M = [
+	  _hoisted_2$10
 	];
 	function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_3$N);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 	}
 	var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2c]]);
 
 	const _sfc_main$2g = vue.defineComponent({
 	  name: "ScaleToOriginal"
 	});
-	const _hoisted_1$1o = {
+	const _hoisted_1$1m = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$10 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$$ = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M813.176 180.706a60.235 60.235 0 0160.236 60.235v481.883a60.235 60.235 0 01-60.236 60.235H210.824a60.235 60.235 0 01-60.236-60.235V240.94a60.235 60.235 0 0160.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0090.353 240.94v481.883a120.47 120.47 0 00120.47 120.47h602.353a120.47 120.47 0 00120.471-120.47V240.94a120.47 120.47 0 00-120.47-120.47zm-120.47 180.705a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 0060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zm-361.412 0a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 1060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zM512 361.412a30.118 30.118 0 00-30.118 30.117v30.118a30.118 30.118 0 0060.236 0V391.53A30.118 30.118 0 00512 361.412zM512 512a30.118 30.118 0 00-30.118 30.118v30.117a30.118 30.118 0 0060.236 0v-30.117A30.118 30.118 0 00512 512z"
 	}, null, -1);
-	const _hoisted_3$M = [
-	  _hoisted_2$10
+	const _hoisted_3$L = [
+	  _hoisted_2$$
 	];
 	function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$M);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 	}
 	var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2b]]);
 
 	const _sfc_main$2f = vue.defineComponent({
 	  name: "Search"
 	});
-	const _hoisted_1$1n = {
+	const _hoisted_1$1l = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$$ = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$_ = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704z"
 	}, null, -1);
-	const _hoisted_3$L = [
-	  _hoisted_2$$
+	const _hoisted_3$K = [
+	  _hoisted_2$_
 	];
 	function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$L);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 	}
 	var search = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2a]]);
 
 	const _sfc_main$2e = vue.defineComponent({
 	  name: "StarFilled"
 	});
-	const _hoisted_1$1m = {
+	const _hoisted_1$1k = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$_ = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$Z = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M283.84 867.84L512 747.776l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72z"
 	}, null, -1);
-	const _hoisted_3$K = [
-	  _hoisted_2$_
+	const _hoisted_3$J = [
+	  _hoisted_2$Z
 	];
 	function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$K);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 	}
 	var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$29]]);
 
 	const _sfc_main$2d = vue.defineComponent({
 	  name: "Star"
 	});
-	const _hoisted_1$1l = {
+	const _hoisted_1$1j = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$Z = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$Y = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 747.84l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 01-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 01128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 01126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0139.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 01-102.144 74.24L512 820.096l-198.4 104.32z"
 	}, null, -1);
-	const _hoisted_3$J = [
-	  _hoisted_2$Z
+	const _hoisted_3$I = [
+	  _hoisted_2$Y
 	];
 	function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$J);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 	}
 	var star = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$28]]);
 
 	const _sfc_main$2c = vue.defineComponent({
 	  name: "SuccessFilled"
 	});
-	const _hoisted_1$1k = {
+	const _hoisted_1$1i = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$Y = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$X = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 	}, null, -1);
-	const _hoisted_3$I = [
-	  _hoisted_2$Y
+	const _hoisted_3$H = [
+	  _hoisted_2$X
 	];
 	function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$I);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 	}
 	var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$27]]);
 
 	const _sfc_main$2b = vue.defineComponent({
 	  name: "View"
 	});
-	const _hoisted_1$1j = {
+	const _hoisted_1$1h = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$X = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$W = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 	}, null, -1);
-	const _hoisted_3$H = [
-	  _hoisted_2$X
+	const _hoisted_3$G = [
+	  _hoisted_2$W
 	];
 	function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$H);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 	}
 	var view = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$26]]);
 
 	const _sfc_main$2a = vue.defineComponent({
 	  name: "WarningFilled"
 	});
-	const _hoisted_1$1i = {
+	const _hoisted_1$1g = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$W = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$V = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
 	}, null, -1);
-	const _hoisted_3$G = [
-	  _hoisted_2$W
+	const _hoisted_3$F = [
+	  _hoisted_2$V
 	];
 	function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$G);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 	}
 	var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$25]]);
 
 	const _sfc_main$29 = vue.defineComponent({
 	  name: "ZoomIn"
 	});
-	const _hoisted_1$1h = {
+	const _hoisted_1$1f = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$V = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$U = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zm-32-384v-96a32 32 0 0164 0v96h96a32 32 0 010 64h-96v96a32 32 0 01-64 0v-96h-96a32 32 0 010-64h96z"
 	}, null, -1);
-	const _hoisted_3$F = [
-	  _hoisted_2$V
+	const _hoisted_3$E = [
+	  _hoisted_2$U
 	];
 	function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$F);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 	}
 	var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$24]]);
 
 	const _sfc_main$28 = vue.defineComponent({
 	  name: "ZoomOut"
 	});
-	const _hoisted_1$1g = {
+	const _hoisted_1$1e = {
 	  class: "icon",
 	  width: "200",
 	  height: "200",
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$U = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$T = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zM352 448h256a32 32 0 010 64H352a32 32 0 010-64z"
 	}, null, -1);
-	const _hoisted_3$E = [
-	  _hoisted_2$U
+	const _hoisted_3$D = [
+	  _hoisted_2$T
 	];
 	function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$E);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 	}
 	var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$23]]);
 
@@ -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());
@@ -6720,8 +6730,8 @@
 	    };
 	  }
 	});
-	const _hoisted_1$1f = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-	const _hoisted_2$T = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+	const _hoisted_1$1d = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+	const _hoisted_2$S = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 	function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_circle_close = vue.resolveComponent("circle-close");
@@ -6775,7 +6785,7 @@
 	        onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
 	        onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	        onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-	      }), null, 16, _hoisted_1$1f),
+	      }), null, 16, _hoisted_1$1d),
 	      vue.createCommentVNode(" prefix slot "),
 	      _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
 	        key: 1,
@@ -6885,7 +6895,7 @@
 	        onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
 	        onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	        onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-	      }), null, 16, _hoisted_2$T),
+	      }), null, 16, _hoisted_2$S),
 	      _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", {
 	        key: 0,
 	        class: vue.normalizeClass(_ctx.nsInput.e("count"))
@@ -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);
@@ -7211,13 +7222,13 @@
 	    };
 	  }
 	});
-	const _hoisted_1$1e = {
+	const _hoisted_1$1c = {
 	  ref: "scrollbar$",
 	  class: "el-scrollbar"
 	};
 	function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_bar = vue.resolveComponent("bar");
-	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
 	    vue.createElementVNode("div", {
 	      ref: "wrap$",
 	      class: vue.normalizeClass([
@@ -9175,13 +9186,13 @@
 	    };
 	  }
 	});
-	const _hoisted_1$1d = {
+	const _hoisted_1$1b = {
 	  ref: "arrowRef",
 	  class: "el-popper__arrow",
 	  "data-popper-arrow": ""
 	};
 	function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1d, null, 512);
+	  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1b, null, 512);
 	}
 	var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$22, [["render", _sfc_render$1Z]]);
 
@@ -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);
@@ -9873,8 +9892,8 @@
 	    };
 	  }
 	});
-	const _hoisted_1$1c = ["innerHTML"];
-	const _hoisted_2$S = { key: 1 };
+	const _hoisted_1$1a = ["innerHTML"];
+	const _hoisted_2$R = { key: 1 };
 	function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
 	  const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
@@ -9923,7 +9942,7 @@
 	            _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
 	              key: 0,
 	              innerHTML: _ctx.content
-	            }, null, 8, _hoisted_1$1c)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$S, vue.toDisplayString(_ctx.content), 1))
+	            }, null, 8, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$R, vue.toDisplayString(_ctx.content), 1))
 	          ]),
 	          _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
 	            key: 0,
@@ -10019,6 +10038,7 @@
 	    "select"
 	  ],
 	  setup(props, ctx) {
+	    const ns = useNamespace("autocomplete");
 	    const attrs = useAttrs();
 	    const suggestions = vue.ref([]);
 	    const highlightedIndex = vue.ref(-1);
@@ -10030,7 +10050,7 @@
 	    const regionRef = vue.ref(null);
 	    const popper = vue.ref(null);
 	    const id = vue.computed(() => {
-	      return `el-autocomplete-${generateId()}`;
+	      return ns.b(String(generateId()));
 	    });
 	    const suggestionVisible = vue.computed(() => {
 	      const isValidData = isArray$9(suggestions.value) && suggestions.value.length > 0;
@@ -10115,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]);
@@ -10137,8 +10158,8 @@
 	      if (index >= suggestions.value.length) {
 	        index = suggestions.value.length - 1;
 	      }
-	      const suggestion = regionRef.value.querySelector(".el-autocomplete-suggestion__wrap");
-	      const suggestionList = suggestion.querySelectorAll(".el-autocomplete-suggestion__list li");
+	      const suggestion = regionRef.value.querySelector(`.${ns.be("suggestion", "wrap")}`);
+	      const suggestionList = suggestion.querySelectorAll(`.${ns.be("suggestion", "list")} li`);
 	      const highlightItem = suggestionList[index];
 	      const scrollTop = suggestion.scrollTop;
 	      const { offsetTop, scrollHeight } = highlightItem;
@@ -10176,13 +10197,14 @@
 	      focus,
 	      select,
 	      highlight,
-	      onSuggestionShow
+	      onSuggestionShow,
+	      ns
 	    };
 	  }
 	});
-	const _hoisted_1$1b = ["aria-expanded", "aria-owns"];
-	const _hoisted_2$R = { key: 0 };
-	const _hoisted_3$D = ["id", "aria-selected", "onClick"];
+	const _hoisted_1$19 = ["aria-expanded", "aria-owns"];
+	const _hoisted_2$Q = { key: 0 };
+	const _hoisted_3$C = ["id", "aria-selected", "onClick"];
 	function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_input = vue.resolveComponent("el-input");
 	  const _component_loading = vue.resolveComponent("loading");
@@ -10196,36 +10218,33 @@
 	    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.suggestionVisible = $event),
 	    placement: _ctx.placement,
 	    "fallback-placements": ["bottom-start", "top-start"],
-	    "popper-class": `el-autocomplete__popper ${_ctx.popperClass}`,
+	    "popper-class": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
 	    "append-to-body": _ctx.popperAppendToBody,
 	    "gpu-acceleration": false,
 	    pure: "",
 	    "manual-mode": "",
 	    effect: "light",
 	    trigger: "click",
-	    transition: "el-zoom-in-top",
+	    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
 	    persistent: "",
 	    onShow: _ctx.onSuggestionShow
 	  }, {
 	    content: vue.withCtx(() => [
 	      vue.createElementVNode("div", {
 	        ref: "regionRef",
-	        class: vue.normalizeClass([
-	          "el-autocomplete-suggestion",
-	          _ctx.suggestionLoading && "is-loading"
-	        ]),
+	        class: vue.normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
 	        style: vue.normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
 	        role: "region"
 	      }, [
 	        vue.createVNode(_component_el_scrollbar, {
 	          id: _ctx.id,
 	          tag: "ul",
-	          "wrap-class": "el-autocomplete-suggestion__wrap",
-	          "view-class": "el-autocomplete-suggestion__list",
+	          "wrap-class": _ctx.ns.be("suggestion", "wrap"),
+	          "view-class": _ctx.ns.be("suggestion", "list"),
 	          role: "listbox"
 	        }, {
 	          default: vue.withCtx(() => [
-	            _ctx.suggestionLoading ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$R, [
+	            _ctx.suggestionLoading ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$Q, [
 	              vue.createVNode(_component_el_icon, { class: "is-loading" }, {
 	                default: vue.withCtx(() => [
 	                  vue.createVNode(_component_loading)
@@ -10244,16 +10263,16 @@
 	                vue.renderSlot(_ctx.$slots, "default", { item }, () => [
 	                  vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
 	                ])
-	              ], 10, _hoisted_3$D);
+	              ], 10, _hoisted_3$C);
 	            }), 128))
 	          ]),
 	          _: 3
-	        }, 8, ["id"])
+	        }, 8, ["id", "wrap-class", "view-class"])
 	      ], 6)
 	    ]),
 	    default: vue.withCtx(() => [
 	      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-	        class: vue.normalizeClass(["el-autocomplete", _ctx.$attrs.class]),
+	        class: vue.normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
 	        style: vue.normalizeStyle(_ctx.$attrs.style),
 	        role: "combobox",
 	        "aria-haspopup": "listbox",
@@ -10299,12 +10318,12 @@
 	            ])
 	          } : void 0
 	        ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-	      ], 14, _hoisted_1$1b)), [
+	      ], 14, _hoisted_1$19)), [
 	        [_directive_clickoutside, _ctx.close]
 	      ])
 	    ]),
 	    _: 3
-	  }, 8, ["visible", "placement", "popper-class", "append-to-body", "onShow"]);
+	  }, 8, ["visible", "placement", "popper-class", "append-to-body", "transition", "onShow"]);
 	}
 	var Autocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$1X, [["render", _sfc_render$1S]]);
 
@@ -10388,7 +10407,7 @@
 	    };
 	  }
 	});
-	const _hoisted_1$1a = ["src", "alt", "srcset"];
+	const _hoisted_1$18 = ["src", "alt", "srcset"];
 	function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  return vue.openBlock(), vue.createElementBlock("span", {
@@ -10402,7 +10421,7 @@
 	      srcset: _ctx.srcSet,
 	      style: vue.normalizeStyle(_ctx.fitStyle),
 	      onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-	    }, null, 44, _hoisted_1$1a)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
+	    }, null, 44, _hoisted_1$18)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
 	      default: vue.withCtx(() => [
 	        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
 	      ]),
@@ -10449,6 +10468,7 @@
 	  props: backtopProps,
 	  emits: backtopEmits,
 	  setup(props, { emit }) {
+	    const ns = useNamespace("backtop");
 	    const el = vue.shallowRef(document.documentElement);
 	    const container = vue.shallowRef(document);
 	    const visible = vue.ref(false);
@@ -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}`);
 	        }
@@ -10495,14 +10516,17 @@
 	      visible,
 	      styleBottom,
 	      styleRight,
-	      handleClick
+	      handleClick,
+	      ns
 	    };
 	  }
 	});
 	function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_caret_top = vue.resolveComponent("caret-top");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
-	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-fade-in" }, {
+	  return vue.openBlock(), vue.createBlock(vue.Transition, {
+	    name: `${_ctx.ns.namespace.value}-fade-in`
+	  }, {
 	    default: vue.withCtx(() => [
 	      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
 	        key: 0,
@@ -10510,21 +10534,23 @@
 	          right: _ctx.styleRight,
 	          bottom: _ctx.styleBottom
 	        }),
-	        class: "el-backtop",
+	        class: vue.normalizeClass(_ctx.ns.b()),
 	        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
 	      }, [
 	        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-	          vue.createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
+	          vue.createVNode(_component_el_icon, {
+	            class: vue.normalizeClass(_ctx.ns.e("icon"))
+	          }, {
 	            default: vue.withCtx(() => [
 	              vue.createVNode(_component_caret_top)
 	            ]),
 	            _: 1
-	          })
+	          }, 8, ["class"])
 	        ])
-	      ], 4)) : vue.createCommentVNode("v-if", true)
+	      ], 6)) : vue.createCommentVNode("v-if", true)
 	    ]),
 	    _: 3
-	  });
+	  }, 8, ["name"]);
 	}
 	var Backtop = /* @__PURE__ */ _export_sfc$1(_sfc_main$1V, [["render", _sfc_render$1Q]]);
 
@@ -10567,7 +10593,7 @@
 	    };
 	  }
 	});
-	const _hoisted_1$19 = ["textContent"];
+	const _hoisted_1$17 = ["textContent"];
 	function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    class: vue.normalizeClass(_ctx.ns.b())
@@ -10583,7 +10609,7 @@
 	            _ctx.ns.is("dot", _ctx.isDot)
 	          ]),
 	          textContent: vue.toDisplayString(_ctx.content)
-	        }, null, 10, _hoisted_1$19), [
+	        }, null, 10, _hoisted_1$17), [
 	          [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
 	        ])
 	      ]),
@@ -10672,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
 	    };
 	  }
 	});
@@ -11888,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);
 	        }
@@ -11901,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 = {};
@@ -11942,7 +11972,7 @@
 	    });
 	    const handleClick = (evt) => {
 	      if (props.nativeType === "reset") {
-	        form?.resetFields();
+	        form == null ? void 0 : form.resetFields();
 	      }
 	      emit("click", evt);
 	    };
@@ -11958,7 +11988,7 @@
 	    };
 	  }
 	});
-	const _hoisted_1$18 = ["disabled", "autofocus", "type"];
+	const _hoisted_1$16 = ["disabled", "autofocus", "type"];
 	function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  return vue.openBlock(), vue.createElementBlock("button", {
@@ -12001,7 +12031,7 @@
 	    }, [
 	      vue.renderSlot(_ctx.$slots, "default")
 	    ], 2)) : vue.createCommentVNode("v-if", true)
-	  ], 14, _hoisted_1$18);
+	  ], 14, _hoisted_1$16);
 	}
 	var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$1R, [["render", _sfc_render$1M]]);
 
@@ -12111,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",
@@ -12301,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(() => {
@@ -12308,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) => {
@@ -12338,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;
@@ -12382,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(() => {
@@ -12469,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);
@@ -12646,9 +12678,9 @@
 	    };
 	  }
 	});
-	const _hoisted_1$17 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-	const _hoisted_2$Q = { class: "el-range-separator" };
-	const _hoisted_3$C = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+	const _hoisted_1$15 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+	const _hoisted_2$P = { class: "el-range-separator" };
+	const _hoisted_3$B = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 	function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_el_input = vue.resolveComponent("el-input");
@@ -12758,9 +12790,9 @@
 	          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
 	          onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
 	          onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
-	        }, null, 40, _hoisted_1$17),
+	        }, null, 40, _hoisted_1$15),
 	        vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
-	          vue.createElementVNode("span", _hoisted_2$Q, vue.toDisplayString(_ctx.rangeSeparator), 1)
+	          vue.createElementVNode("span", _hoisted_2$P, vue.toDisplayString(_ctx.rangeSeparator), 1)
 	        ]),
 	        vue.createElementVNode("input", {
 	          id: _ctx.id && _ctx.id[1],
@@ -12774,7 +12806,7 @@
 	          onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
 	          onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
 	          onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-	        }, null, 40, _hoisted_3$C),
+	        }, null, 40, _hoisted_3$B),
 	        _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
 	          key: 1,
 	          class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -13132,9 +13164,9 @@
 	    };
 	  }
 	});
-	const _hoisted_1$16 = ["onClick"];
-	const _hoisted_2$P = ["onMouseenter"];
-	const _hoisted_3$B = { class: "el-time-spinner__list" };
+	const _hoisted_1$14 = ["onClick"];
+	const _hoisted_2$O = ["onMouseenter"];
+	const _hoisted_3$A = { class: "el-time-spinner__list" };
 	function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
 	  const _component_arrow_up = vue.resolveComponent("arrow-up");
@@ -13169,7 +13201,7 @@
 	              ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
 	                vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
 	              ], 2112))
-	            ], 10, _hoisted_1$16);
+	            ], 10, _hoisted_1$14);
 	          }), 128))
 	        ]),
 	        _: 2
@@ -13197,7 +13229,7 @@
 	        })), [
 	          [_directive_repeat_click, _ctx.onIncreaseClick]
 	        ]),
-	        vue.createElementVNode("ul", _hoisted_3$B, [
+	        vue.createElementVNode("ul", _hoisted_3$A, [
 	          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.arrowListMap[item].value, (time, key) => {
 	            return vue.openBlock(), vue.createElementBlock("li", {
 	              key,
@@ -13216,7 +13248,7 @@
 	            ], 2);
 	          }), 128))
 	        ])
-	      ], 40, _hoisted_2$P);
+	      ], 40, _hoisted_2$O);
 	    }), 128)) : vue.createCommentVNode("v-if", true)
 	  ], 2);
 	}
@@ -13384,16 +13416,16 @@
 	    };
 	  }
 	});
-	const _hoisted_1$15 = {
+	const _hoisted_1$13 = {
 	  key: 0,
 	  class: "el-time-panel"
 	};
-	const _hoisted_2$O = { class: "el-time-panel__footer" };
+	const _hoisted_2$N = { class: "el-time-panel__footer" };
 	function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_time_spinner = vue.resolveComponent("time-spinner");
 	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
 	    default: vue.withCtx(() => [
-	      _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+	      _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
 	        vue.createElementVNode("div", {
 	          class: vue.normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
 	        }, [
@@ -13412,7 +13444,7 @@
 	            onSelectRange: _ctx.setSelectionRange
 	          }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
 	        ], 2),
-	        vue.createElementVNode("div", _hoisted_2$O, [
+	        vue.createElementVNode("div", _hoisted_2$N, [
 	          vue.createElementVNode("button", {
 	            type: "button",
 	            class: "el-time-panel__btn cancel",
@@ -14241,22 +14273,22 @@
 	    };
 	  }
 	});
-	const _hoisted_1$14 = {
+	const _hoisted_1$12 = {
 	  key: 0,
 	  class: "el-time-range-picker el-picker-panel"
 	};
-	const _hoisted_2$N = { class: "el-time-range-picker__content" };
-	const _hoisted_3$A = { class: "el-time-range-picker__cell" };
+	const _hoisted_2$M = { class: "el-time-range-picker__content" };
+	const _hoisted_3$z = { 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$d = { class: "el-time-range-picker__cell" };
+	const _hoisted_6$b = { 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) {
 	  const _component_time_spinner = vue.resolveComponent("time-spinner");
-	  return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
-	    vue.createElementVNode("div", _hoisted_2$N, [
-	      vue.createElementVNode("div", _hoisted_3$A, [
+	  return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
+	    vue.createElementVNode("div", _hoisted_2$M, [
+	      vue.createElementVNode("div", _hoisted_3$z, [
 	        vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
 	        vue.createElementVNode("div", {
 	          class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
@@ -14277,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$d, [
+	        vue.createElementVNode("div", _hoisted_6$b, 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"])
 	        }, [
@@ -14508,15 +14540,15 @@
 	    };
 	  }
 	});
-	const _hoisted_1$13 = { key: 0 };
-	const _hoisted_2$M = ["onClick"];
+	const _hoisted_1$11 = { key: 0 };
+	const _hoisted_2$L = ["onClick"];
 	function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("table", {
 	    class: vue.normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
 	    cellspacing: "0",
 	    cellpadding: "0"
 	  }, [
-	    !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$13, [
+	    !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$11, [
 	      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekDays, (day) => {
 	        return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
 	      }), 128))
@@ -14545,7 +14577,7 @@
 	                  vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
 	                ])
 	              ], 2)
-	            ], 10, _hoisted_2$M);
+	            ], 10, _hoisted_2$L);
 	          }), 128))
 	        ], 2);
 	      }), 128))
@@ -14980,6 +15012,7 @@
 	  },
 	  emits: ["change"],
 	  setup(props, { emit }) {
+	    const ns = useNamespace("carousel");
 	    const data = vue.reactive({
 	      activeIndex: -1,
 	      containerWidth: 0,
@@ -14993,22 +15026,19 @@
 	      return items.value.some((item) => item.label.toString().length > 0);
 	    });
 	    const carouselClasses = vue.computed(() => {
-	      const classes = ["el-carousel", `el-carousel--${props.direction}`];
+	      const classes = [ns.b(), ns.m(props.direction)];
 	      if (props.type === "card") {
-	        classes.push("el-carousel--card");
+	        classes.push(ns.m("card"));
 	      }
 	      return classes;
 	    });
 	    const indicatorsClasses = vue.computed(() => {
-	      const classes = [
-	        "el-carousel__indicators",
-	        `el-carousel__indicators--${props.direction}`
-	      ];
+	      const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
 	      if (hasLabel.value) {
-	        classes.push("el-carousel__indicators--labels");
+	        classes.push(ns.em("indicators", "labels"));
 	      }
 	      if (props.indicatorPosition === "outside" || props.type === "card") {
-	        classes.push("el-carousel__indicators--outside");
+	        classes.push(ns.em("indicators", "outside"));
 	      }
 	      return classes;
 	    });
@@ -15179,13 +15209,13 @@
 	      prev,
 	      next,
 	      setActiveItem,
-	      root
+	      root,
+	      ns
 	    };
 	  }
 	});
-	const _hoisted_1$12 = ["onMouseenter", "onClick"];
-	const _hoisted_2$L = { class: "el-carousel__button" };
-	const _hoisted_3$z = { key: 0 };
+	const _hoisted_1$10 = ["onMouseenter", "onClick"];
+	const _hoisted_2$K = { key: 0 };
 	function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_arrow_left = vue.resolveComponent("arrow-left");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -15197,7 +15227,7 @@
 	    onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
 	  }, [
 	    vue.createElementVNode("div", {
-	      class: "el-carousel__container",
+	      class: vue.normalizeClass(_ctx.ns.e("container")),
 	      style: vue.normalizeStyle({ height: _ctx.height })
 	    }, [
 	      _ctx.arrowDisplay ? (vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -15207,7 +15237,7 @@
 	        default: vue.withCtx(() => [
 	          vue.withDirectives(vue.createElementVNode("button", {
 	            type: "button",
-	            class: "el-carousel__arrow el-carousel__arrow--left",
+	            class: vue.normalizeClass([_ctx.ns.e("arrow"), _ctx.ns.em("arrow", "left")]),
 	            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.handleButtonEnter("left")),
 	            onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
 	            onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex - 1), ["stop"]))
@@ -15218,7 +15248,7 @@
 	              ]),
 	              _: 1
 	            })
-	          ], 544), [
+	          ], 34), [
 	            [
 	              vue.vShow,
 	              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex > 0)
@@ -15234,7 +15264,7 @@
 	        default: vue.withCtx(() => [
 	          vue.withDirectives(vue.createElementVNode("button", {
 	            type: "button",
-	            class: "el-carousel__arrow el-carousel__arrow--right",
+	            class: vue.normalizeClass([_ctx.ns.e("arrow"), _ctx.ns.em("arrow", "right")]),
 	            onMouseenter: _cache[3] || (_cache[3] = ($event) => _ctx.handleButtonEnter("right")),
 	            onMouseleave: _cache[4] || (_cache[4] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
 	            onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex + 1), ["stop"]))
@@ -15245,7 +15275,7 @@
 	              ]),
 	              _: 1
 	            })
-	          ], 544), [
+	          ], 34), [
 	            [
 	              vue.vShow,
 	              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex < _ctx.items.length - 1)
@@ -15255,7 +15285,7 @@
 	        _: 1
 	      })) : vue.createCommentVNode("v-if", true),
 	      vue.renderSlot(_ctx.$slots, "default")
-	    ], 4),
+	    ], 6),
 	    _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
 	      key: 0,
 	      class: vue.normalizeClass(_ctx.indicatorsClasses)
@@ -15264,17 +15294,19 @@
 	        return vue.openBlock(), vue.createElementBlock("li", {
 	          key: index,
 	          class: vue.normalizeClass([
-	            "el-carousel__indicator",
-	            "el-carousel__indicator--" + _ctx.direction,
-	            { "is-active": index === _ctx.data.activeIndex }
+	            _ctx.ns.e("indicator"),
+	            _ctx.ns.em("indicator", _ctx.direction),
+	            _ctx.ns.is("active", index === _ctx.data.activeIndex)
 	          ]),
 	          onMouseenter: ($event) => _ctx.throttledIndicatorHover(index),
 	          onClick: vue.withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
 	        }, [
-	          vue.createElementVNode("button", _hoisted_2$L, [
-	            _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$z, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
-	          ])
-	        ], 42, _hoisted_1$12);
+	          vue.createElementVNode("button", {
+	            class: vue.normalizeClass(_ctx.ns.e("button"))
+	          }, [
+	            _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$K, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
+	          ], 2)
+	        ], 42, _hoisted_1$10);
 	      }), 128))
 	    ], 2)) : vue.createCommentVNode("v-if", true)
 	  ], 34);
@@ -15292,6 +15324,7 @@
 	    }
 	  },
 	  setup(props) {
+	    const ns = useNamespace("carousel");
 	    const instance = vue.getCurrentInstance();
 	    const data = vue.reactive({
 	      hover: false,
@@ -15327,7 +15360,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) {
@@ -15337,7 +15371,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) => {
@@ -15388,27 +15423,28 @@
 	      itemStyle,
 	      translateItem,
 	      type: injectCarouselScope.type,
-	      handleItemClick
+	      handleItemClick,
+	      ns
 	    };
 	  }
 	});
-	const _hoisted_1$11 = {
-	  key: 0,
-	  class: "el-carousel__mask"
-	};
 	function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-	    class: vue.normalizeClass(["el-carousel__item", {
-	      "is-active": _ctx.data.active,
-	      "el-carousel__item--card": _ctx.type === "card",
-	      "is-in-stage": _ctx.data.inStage,
-	      "is-hover": _ctx.data.hover,
-	      "is-animating": _ctx.data.animating
-	    }]),
+	    class: vue.normalizeClass([
+	      _ctx.ns.e("item"),
+	      _ctx.ns.is("active", _ctx.data.active),
+	      _ctx.ns.is("in-stage", _ctx.data.inStage),
+	      _ctx.ns.is("hover", _ctx.data.hover),
+	      _ctx.ns.is("animating", _ctx.data.animating),
+	      { [_ctx.ns.em("item", "card")]: _ctx.type === "card" }
+	    ]),
 	    style: vue.normalizeStyle(_ctx.itemStyle),
 	    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
 	  }, [
-	    _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, null, 512)), [
+	    _ctx.type === "card" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+	      key: 0,
+	      class: vue.normalizeClass(_ctx.ns.e("mask"))
+	    }, null, 2)), [
 	      [vue.vShow, !_ctx.data.active]
 	    ]) : vue.createCommentVNode("v-if", true),
 	    vue.renderSlot(_ctx.$slots, "default")
@@ -15554,9 +15590,9 @@
 	    return !!(max || min) && model.value.length >= max && !isChecked.value || model.value.length <= min && isChecked.value;
 	  });
 	  const isDisabled = vue.computed(() => {
-	    var _a;
+	    var _a, _b;
 	    const disabled = props.disabled || elForm.disabled;
-	    return isGroup.value ? ((_a = checkboxGroup.disabled) == null ? void 0 : _a.value) || disabled || isLimitDisabled.value : props.disabled || elForm.disabled;
+	    return (_b = isGroup.value ? ((_a = checkboxGroup.disabled) == null ? void 0 : _a.value) || disabled || isLimitDisabled.value : props.disabled || elForm.disabled) != null ? _b : false;
 	  });
 	  return {
 	    isDisabled,
@@ -15653,45 +15689,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_1$$ = ["id", "aria-controls"];
+	const _hoisted_2$J = ["tabindex", "role", "aria-checked"];
+	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,
@@ -15702,12 +15741,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,
@@ -15717,17 +15756,20 @@
 	        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, [
+	    ], 10, _hoisted_2$J),
+	    _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)
-	  ], 10, _hoisted_1$10);
+	    ], 2)) : vue.createCommentVNode("v-if", true)
+	  ], 10, _hoisted_1$$);
 	}
 	var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1G, [["render", _sfc_render$1B]]);
 
@@ -15738,12 +15780,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
 	      };
 	    });
@@ -15754,21 +15798,23 @@
 	      model,
 	      handleChange,
 	      activeStyle,
-	      size
+	      size,
+	      ns
 	    };
 	  }
 	});
-	const _hoisted_1$$ = ["aria-checked", "aria-disabled"];
-	const _hoisted_2$J = ["name", "tabindex", "disabled", "true-value", "false-value"];
+	const _hoisted_1$_ = ["aria-checked", "aria-disabled"];
+	const _hoisted_2$I = ["name", "tabindex", "disabled", "true-value", "false-value"];
 	const _hoisted_3$x = ["name", "tabindex", "disabled", "value"];
 	function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
 	  return 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
@@ -15776,7 +15822,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,
@@ -15786,12 +15832,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$I)), [
 	      [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,
@@ -15800,19 +15846,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_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)
-	  ], 10, _hoisted_1$$);
+	    ], 6)) : vue.createCommentVNode("v-if", true)
+	  ], 10, _hoisted_1$_);
 	}
 	var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1F, [["render", _sfc_render$1A]]);
 
@@ -15853,6 +15899,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(() => {
@@ -15875,11 +15922,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")]);
@@ -15975,8 +16023,8 @@
 	    };
 	  }
 	});
-	const _hoisted_1$_ = ["aria-checked", "aria-disabled", "tabindex"];
-	const _hoisted_2$I = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
+	const _hoisted_1$Z = ["aria-checked", "aria-disabled", "tabindex"];
+	const _hoisted_2$H = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
 	const _hoisted_3$w = ["value", "name", "disabled"];
 	function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
@@ -15999,7 +16047,7 @@
 	        "is-checked": _ctx.modelValue === _ctx.label
 	      }])
 	    }, [
-	      _hoisted_2$I,
+	      _hoisted_2$H,
 	      vue.withDirectives(vue.createElementVNode("input", {
 	        ref: "radioRef",
 	        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
@@ -16026,7 +16074,7 @@
 	        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
 	      ])
 	    ], 32)
-	  ], 42, _hoisted_1$_);
+	  ], 42, _hoisted_1$Z);
 	}
 	var Radio = /* @__PURE__ */ _export_sfc$1(_sfc_main$1D, [["render", _sfc_render$1z]]);
 
@@ -16054,10 +16102,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 {
@@ -16072,8 +16120,8 @@
 	    };
 	  }
 	});
-	const _hoisted_1$Z = ["aria-checked", "aria-disabled", "tabindex"];
-	const _hoisted_2$H = ["value", "name", "disabled"];
+	const _hoisted_1$Y = ["aria-checked", "aria-disabled", "tabindex"];
+	const _hoisted_2$G = ["value", "name", "disabled"];
 	function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
 	    class: vue.normalizeClass(["el-radio-button", [
@@ -16101,7 +16149,7 @@
 	      tabindex: "-1",
 	      onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
 	      onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
-	    }, null, 40, _hoisted_2$H), [
+	    }, null, 40, _hoisted_2$G), [
 	      [vue.vModelRadio, _ctx.modelValue]
 	    ]),
 	    vue.createElementVNode("span", {
@@ -16114,7 +16162,7 @@
 	        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
 	      ])
 	    ], 36)
-	  ], 42, _hoisted_1$Z);
+	  ], 42, _hoisted_1$Y);
 	}
 	var RadioButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1C, [["render", _sfc_render$1y]]);
 
@@ -16187,7 +16235,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
@@ -16254,15 +16302,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)
@@ -16339,8 +16391,8 @@
 	    };
 	  }
 	});
-	const _hoisted_1$Y = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-	const _hoisted_2$G = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+	const _hoisted_1$X = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+	const _hoisted_2$F = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
 	function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
 	  const _component_el_radio = vue.resolveComponent("el-radio");
@@ -16388,7 +16440,7 @@
 	    }, {
 	      default: vue.withCtx(() => [
 	        vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-	        _hoisted_2$G
+	        _hoisted_2$F
 	      ]),
 	      _: 1
 	    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -16422,7 +16474,7 @@
 	        _: 1
 	      }))
 	    ], 2112)) : vue.createCommentVNode("v-if", true)
-	  ], 42, _hoisted_1$Y);
+	  ], 42, _hoisted_1$X);
 	}
 	var ElCascaderNode = /* @__PURE__ */ _export_sfc$1(_sfc_main$1A, [["render", _sfc_render$1w]]);
 
@@ -16502,11 +16554,11 @@
 	    };
 	  }
 	});
-	const _hoisted_1$X = {
+	const _hoisted_1$W = {
 	  key: 0,
 	  class: "el-cascader-menu__empty-text"
 	};
-	const _hoisted_2$F = {
+	const _hoisted_2$E = {
 	  key: 1,
 	  class: "el-cascader-menu__empty-text"
 	};
@@ -16530,28 +16582,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$W, [
+	          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$E, 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"]);
 	}
@@ -16843,7 +16898,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 || [];
@@ -16852,6 +16907,7 @@
 	      cfg.lazyLoad(node, resolve);
 	    };
 	    const expandNode = (node, silent) => {
+	      var _a;
 	      const { level } = node;
 	      const newMenus = menus.value.slice(0, level);
 	      let newExpandingNode;
@@ -16861,17 +16917,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");
@@ -16885,23 +16941,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;
@@ -16911,7 +16969,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));
@@ -16921,7 +16979,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;
 	      }
@@ -16930,7 +16988,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));
@@ -16946,7 +17004,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");
@@ -16968,14 +17026,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;
 	        }
@@ -17089,15 +17147,16 @@
 	  emits: tagEmits,
 	  setup(props, { emit }) {
 	    const tagSize = useSize();
+	    const ns = useNamespace("tag");
 	    const classes = vue.computed(() => {
 	      const { type, hit, effect, closable } = props;
 	      return [
-	        "el-tag",
-	        closable && "is-closable",
-	        type ? `el-tag--${type}` : "",
-	        tagSize.value ? `el-tag--${tagSize.value}` : "",
-	        effect ? `el-tag--${effect}` : "",
-	        hit && "is-hit"
+	        ns.b(),
+	        ns.is("closable", closable),
+	        ns.m(type),
+	        ns.m(tagSize.value),
+	        ns.m(effect),
+	        ns.is("hit", hit)
 	      ];
 	    });
 	    const handleClose = (event) => {
@@ -17108,14 +17167,13 @@
 	      emit("click", event);
 	    };
 	    return {
+	      ns,
 	      classes,
 	      handleClose,
 	      handleClick
 	    };
 	  }
 	});
-	const _hoisted_1$W = { class: "el-tag__content" };
-	const _hoisted_2$E = { class: "el-tag__content" };
 	function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_close = vue.resolveComponent("close");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -17125,22 +17183,24 @@
 	    style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
 	    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
 	  }, [
-	    vue.createElementVNode("span", _hoisted_1$W, [
+	    vue.createElementVNode("span", {
+	      class: vue.normalizeClass(_ctx.ns.e("content"))
+	    }, [
 	      vue.renderSlot(_ctx.$slots, "default")
-	    ]),
+	    ], 2),
 	    _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
 	      key: 0,
-	      class: "el-tag__close",
+	      class: vue.normalizeClass(_ctx.ns.e("close")),
 	      onClick: _ctx.handleClose
 	    }, {
 	      default: vue.withCtx(() => [
 	        vue.createVNode(_component_close)
 	      ]),
 	      _: 1
-	    }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+	    }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
 	  ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
 	    key: 1,
-	    name: "el-zoom-in-center"
+	    name: `${_ctx.ns.namespace.value}-zoom-in-center`
 	  }, {
 	    default: vue.withCtx(() => [
 	      vue.createElementVNode("span", {
@@ -17148,23 +17208,25 @@
 	        style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
 	        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
 	      }, [
-	        vue.createElementVNode("span", _hoisted_2$E, [
+	        vue.createElementVNode("span", {
+	          class: vue.normalizeClass(_ctx.ns.e("content"))
+	        }, [
 	          vue.renderSlot(_ctx.$slots, "default")
-	        ]),
+	        ], 2),
 	        _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
 	          key: 0,
-	          class: "el-tag__close",
+	          class: vue.normalizeClass(_ctx.ns.e("close")),
 	          onClick: _ctx.handleClose
 	        }, {
 	          default: vue.withCtx(() => [
 	            vue.createVNode(_component_close)
 	          ]),
 	          _: 1
-	        }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+	        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
 	      ], 6)
 	    ]),
 	    _: 3
-	  }));
+	  }, 8, ["name"]));
 	}
 	var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$1x, [["render", _sfc_render$1t]]);
 
@@ -17285,7 +17347,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;
@@ -17301,24 +17366,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;
@@ -17329,7 +17397,8 @@
 	    };
 	    const updatePopperPosition = () => {
 	      vue.nextTick(() => {
-	        tooltipRef.value?.updatePopper();
+	        var _a;
+	        (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
 	      });
 	    };
 	    const hideSuggestionPanel = () => {
@@ -17346,9 +17415,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 = () => {
@@ -17375,8 +17445,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);
@@ -17392,11 +17463,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();
@@ -17404,9 +17476,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) {
@@ -17421,14 +17494,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));
@@ -17456,15 +17531,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);
 	      }
 	    };
@@ -17515,7 +17592,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();
 	    };
@@ -17526,12 +17603,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,
@@ -18073,7 +18152,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(() => {
@@ -18087,12 +18166,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,
@@ -18992,10 +19071,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({
@@ -19009,11 +19089,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();
 	    }
@@ -19024,9 +19105,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, {
@@ -19534,6 +19616,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();
@@ -19573,7 +19656,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 {
@@ -19842,6 +19925,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++) {
@@ -19863,7 +19947,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 {
@@ -20047,8 +20131,8 @@
 	const _hoisted_2$y = { class: "cell" };
 	const _hoisted_3$p = { class: "cell" };
 	const _hoisted_4$g = { class: "cell" };
-	const _hoisted_5$d = { class: "cell" };
-	const _hoisted_6$b = { class: "cell" };
+	const _hoisted_5$c = { class: "cell" };
+	const _hoisted_6$a = { class: "cell" };
 	const _hoisted_7$8 = { class: "cell" };
 	const _hoisted_8$7 = { class: "cell" };
 	const _hoisted_9$6 = { class: "cell" };
@@ -20087,12 +20171,12 @@
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
 	        }, [
-	          vue.createElementVNode("a", _hoisted_5$d, vue.toDisplayString(_ctx.startYear + 4), 1)
+	          vue.createElementVNode("a", _hoisted_5$c, vue.toDisplayString(_ctx.startYear + 4), 1)
 	        ], 2),
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
 	        }, [
-	          vue.createElementVNode("a", _hoisted_6$b, vue.toDisplayString(_ctx.startYear + 5), 1)
+	          vue.createElementVNode("a", _hoisted_6$a, vue.toDisplayString(_ctx.startYear + 5), 1)
 	        ], 2),
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
@@ -20281,7 +20365,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) => {
@@ -20543,11 +20627,11 @@
 	};
 	const _hoisted_3$o = ["onClick"];
 	const _hoisted_4$f = { class: "el-picker-panel__body" };
-	const _hoisted_5$c = {
+	const _hoisted_5$b = {
 	  key: 0,
 	  class: "el-date-picker__time-header"
 	};
-	const _hoisted_6$a = { class: "el-date-picker__editor-wrap" };
+	const _hoisted_6$9 = { class: "el-date-picker__editor-wrap" };
 	const _hoisted_7$7 = { class: "el-date-picker__editor-wrap" };
 	const _hoisted_8$6 = ["aria-label"];
 	const _hoisted_9$5 = ["aria-label"];
@@ -20589,8 +20673,8 @@
 	        }), 128))
 	      ])) : vue.createCommentVNode("v-if", true),
 	      vue.createElementVNode("div", _hoisted_4$f, [
-	        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
-	          vue.createElementVNode("span", _hoisted_6$a, [
+	        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
+	          vue.createElementVNode("span", _hoisted_6$9, [
 	            vue.createVNode(_component_el_input, {
 	              placeholder: _ctx.t("el.datepicker.selectDate"),
 	              "model-value": _ctx.visibleDate,
@@ -21195,11 +21279,11 @@
 	};
 	const _hoisted_3$n = ["onClick"];
 	const _hoisted_4$e = { class: "el-picker-panel__body" };
-	const _hoisted_5$b = {
+	const _hoisted_5$a = {
 	  key: 0,
 	  class: "el-date-range-picker__time-header"
 	};
-	const _hoisted_6$9 = { class: "el-date-range-picker__editors-wrap" };
+	const _hoisted_6$8 = { class: "el-date-range-picker__editors-wrap" };
 	const _hoisted_7$6 = { class: "el-date-range-picker__time-picker-wrap" };
 	const _hoisted_8$5 = { class: "el-date-range-picker__time-picker-wrap" };
 	const _hoisted_9$4 = { class: "el-date-range-picker__editors-wrap is-right" };
@@ -21249,8 +21333,8 @@
 	        }), 128))
 	      ])) : vue.createCommentVNode("v-if", true),
 	      vue.createElementVNode("div", _hoisted_4$e, [
-	        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
-	          vue.createElementVNode("span", _hoisted_6$9, [
+	        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
+	          vue.createElementVNode("span", _hoisted_6$8, [
 	            vue.createElementVNode("span", _hoisted_7$6, [
 	              vue.createVNode(_component_el_input, {
 	                size: "small",
@@ -21678,8 +21762,8 @@
 	};
 	const _hoisted_3$m = ["onClick"];
 	const _hoisted_4$d = { class: "el-picker-panel__body" };
-	const _hoisted_5$a = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-	const _hoisted_6$8 = { class: "el-date-range-picker__header" };
+	const _hoisted_5$9 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
+	const _hoisted_6$7 = { class: "el-date-range-picker__header" };
 	const _hoisted_7$5 = ["disabled"];
 	const _hoisted_8$4 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
 	const _hoisted_9$3 = { class: "el-date-range-picker__header" };
@@ -21709,8 +21793,8 @@
 	        }), 128))
 	      ])) : vue.createCommentVNode("v-if", true),
 	      vue.createElementVNode("div", _hoisted_4$d, [
-	        vue.createElementVNode("div", _hoisted_5$a, [
-	          vue.createElementVNode("div", _hoisted_6$8, [
+	        vue.createElementVNode("div", _hoisted_5$9, [
+	          vue.createElementVNode("div", _hoisted_6$7, [
 	            vue.createElementVNode("button", {
 	              type: "button",
 	              class: "el-picker-panel__icon-btn d-arrow-left",
@@ -22115,13 +22199,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;
 	        }
@@ -22364,8 +22453,7 @@
 	  },
 	  modalClass: String,
 	  width: {
-	    type: [String, Number],
-	    validator: isValidWidthUnit
+	    type: [String, Number]
 	  },
 	  zIndex: {
 	    type: Number
@@ -22538,7 +22626,7 @@
 	  key: 0,
 	  class: "el-dialog__body"
 	};
-	const _hoisted_5$9 = {
+	const _hoisted_5$8 = {
 	  key: 1,
 	  class: "el-dialog__footer"
 	};
@@ -22609,7 +22697,7 @@
 	                _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
 	                  vue.renderSlot(_ctx.$slots, "default")
 	                ])) : vue.createCommentVNode("v-if", true),
-	                _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
+	                _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
 	                  vue.renderSlot(_ctx.$slots, "footer")
 	                ])) : vue.createCommentVNode("v-if", true)
 	              ], 14, _hoisted_1$I)), [
@@ -22716,32 +22804,22 @@
 	  emits: drawerEmits,
 	  setup(props, ctx) {
 	    const drawerRef = vue.ref();
+	    const ns = useNamespace("drawer");
 	    const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
 	    const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
 	    return {
 	      ...useDialog(props, ctx, drawerRef),
 	      drawerRef,
 	      isHorizontal,
-	      drawerSize
+	      drawerSize,
+	      ns
 	    };
 	  }
 	});
-	const _hoisted_1$H = ["aria-label"];
-	const _hoisted_2$t = {
-	  key: 0,
-	  id: "el-drawer__title",
-	  class: "el-drawer__header"
-	};
+	const _hoisted_1$H = ["aria-labelledby", "aria-label"];
+	const _hoisted_2$t = ["id"];
 	const _hoisted_3$k = ["title"];
 	const _hoisted_4$b = ["aria-label"];
-	const _hoisted_5$8 = {
-	  key: 1,
-	  class: "el-drawer__body"
-	};
-	const _hoisted_6$7 = {
-	  key: 2,
-	  class: "el-drawer__footer"
-	};
 	function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_close = vue.resolveComponent("close");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -22752,7 +22830,7 @@
 	    disabled: !_ctx.appendToBody
 	  }, [
 	    vue.createVNode(vue.Transition, {
-	      name: "el-drawer-fade",
+	      name: _ctx.ns.b("fade"),
 	      onAfterEnter: _ctx.afterEnter,
 	      onAfterLeave: _ctx.afterLeave,
 	      onBeforeLeave: _ctx.beforeLeave
@@ -22768,15 +22846,19 @@
 	            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
 	              ref: "drawerRef",
 	              "aria-modal": "true",
-	              "aria-labelledby": "el-drawer__title",
+	              "aria-labelledby": _ctx.ns.e("title"),
 	              "aria-label": _ctx.title,
-	              class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+	              class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
 	              style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
 	              role: "dialog",
 	              onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
 	              }, ["stop"]))
 	            }, [
-	              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$t, [
+	              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
+	                key: 0,
+	                id: _ctx.ns.e("title"),
+	                class: vue.normalizeClass(_ctx.ns.e("header"))
+	              }, [
 	                vue.renderSlot(_ctx.$slots, "title", {}, () => [
 	                  vue.createElementVNode("span", {
 	                    role: "heading",
@@ -22786,24 +22868,32 @@
 	                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
 	                  key: 0,
 	                  "aria-label": "close " + (_ctx.title || "drawer"),
-	                  class: "el-drawer__close-btn",
+	                  class: vue.normalizeClass(_ctx.ns.e("close-btn")),
 	                  type: "button",
 	                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
 	                }, [
-	                  vue.createVNode(_component_el_icon, { class: "el-drawer__close" }, {
+	                  vue.createVNode(_component_el_icon, {
+	                    class: vue.normalizeClass(_ctx.ns.e("close"))
+	                  }, {
 	                    default: vue.withCtx(() => [
 	                      vue.createVNode(_component_close)
 	                    ]),
 	                    _: 1
-	                  })
-	                ], 8, _hoisted_4$b)) : vue.createCommentVNode("v-if", true)
-	              ])) : vue.createCommentVNode("v-if", true),
-	              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_5$8, [
+	                  }, 8, ["class"])
+	                ], 10, _hoisted_4$b)) : vue.createCommentVNode("v-if", true)
+	              ], 10, _hoisted_2$t)) : vue.createCommentVNode("v-if", true),
+	              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+	                key: 1,
+	                class: vue.normalizeClass(_ctx.ns.e("body"))
+	              }, [
 	                vue.renderSlot(_ctx.$slots, "default")
-	              ])) : vue.createCommentVNode("v-if", true),
-	              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [
+	              ], 2)) : vue.createCommentVNode("v-if", true),
+	              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+	                key: 2,
+	                class: vue.normalizeClass(_ctx.ns.e("footer"))
+	              }, [
 	                vue.renderSlot(_ctx.$slots, "footer")
-	              ])) : vue.createCommentVNode("v-if", true)
+	              ], 2)) : vue.createCommentVNode("v-if", true)
 	            ], 14, _hoisted_1$H)), [
 	              [_directive_trap_focus]
 	            ])
@@ -22814,7 +22904,7 @@
 	        ])
 	      ]),
 	      _: 3
-	    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+	    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
 	  ], 8, ["disabled"]);
 	}
 	var Drawer = /* @__PURE__ */ _export_sfc$1(_sfc_main$17, [["render", _sfc_render$13]]);
@@ -23034,7 +23124,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);
@@ -23211,7 +23301,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);
@@ -23231,18 +23322,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);
@@ -23255,7 +23348,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;
 	    });
@@ -23279,7 +23373,7 @@
 	      onMousedown
 	    });
 	    vue.watch(() => props.currentTabId, (val) => {
-	      currentTabbedId.value = val ?? null;
+	      currentTabbedId.value = val != null ? val : null;
 	    });
 	    vue.onMounted(() => {
 	      const rovingFocusGroupEl = vue.unref(rovingFocusGroupRef);
@@ -23538,10 +23632,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) {
@@ -23551,7 +23647,7 @@
 	    }
 	    function onItemLeave() {
 	      const contentEl = vue.unref(contentRef);
-	      contentEl?.focus();
+	      contentEl == null ? void 0 : contentEl.focus();
 	      currentTabId.value = null;
 	    }
 	    function handleCurrentTabIdChange(id) {
@@ -23578,8 +23674,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
 	      });
 	    };
@@ -23606,6 +23703,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");
@@ -23626,7 +23724,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,
@@ -23822,18 +23920,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();
 	        }
 	      }
 	    }));
@@ -23847,14 +23949,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,
@@ -23865,12 +23968,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, {
@@ -23922,7 +24026,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);
@@ -23999,11 +24104,11 @@
 	};
 	const _hoisted_2$r = ["id"];
 	const _hoisted_3$j = /* @__PURE__ */ vue.createElementVNode("stop", {
-	  "stop-color": "#FCFCFD",
+	  "stop-color": "var(--el-empty-fill-color-1)",
 	  offset: "0%"
 	}, null, -1);
 	const _hoisted_4$a = /* @__PURE__ */ vue.createElementVNode("stop", {
-	  "stop-color": "#EEEFF3",
+	  "stop-color": "var(--el-empty-fill-color-4)",
 	  offset: "100%"
 	}, null, -1);
 	const _hoisted_5$7 = [
@@ -24012,11 +24117,11 @@
 	];
 	const _hoisted_6$6 = ["id"];
 	const _hoisted_7$4 = /* @__PURE__ */ vue.createElementVNode("stop", {
-	  "stop-color": "#FCFCFD",
+	  "stop-color": "var(--el-empty-fill-color-1)",
 	  offset: "0%"
 	}, null, -1);
 	const _hoisted_8$3 = /* @__PURE__ */ vue.createElementVNode("stop", {
-	  "stop-color": "#E9EBEF",
+	  "stop-color": "var(--el-empty-fill-color-6)",
 	  offset: "100%"
 	}, null, -1);
 	const _hoisted_9$2 = [
@@ -24042,11 +24147,11 @@
 	const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  id: "Oval-Copy-2",
 	  d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
-	  fill: "#F7F8FC"
+	  fill: "var(--el-empty-fill-color-3)"
 	}, null, -1);
 	const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("polygon", {
 	  id: "Rectangle-Copy-14",
-	  fill: "#E5E7E9",
+	  fill: "var(--el-empty-fill-color-7)",
 	  transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
 	  points: "13 58 53 58 42 45 2 45"
 	}, null, -1);
@@ -24056,19 +24161,19 @@
 	};
 	const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("polygon", {
 	  id: "Rectangle-Copy-10",
-	  fill: "#E5E7E9",
+	  fill: "var(--el-empty-fill-color-7)",
 	  transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
 	  points: "2.84078316e-14 3 18 3 23 7 5 7"
 	}, null, -1);
 	const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("polygon", {
 	  id: "Rectangle-Copy-11",
-	  fill: "#EDEEF2",
+	  fill: "var(--el-empty-fill-color-5)",
 	  points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
 	}, null, -1);
 	const _hoisted_19 = ["fill"];
 	const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("polygon", {
 	  id: "Rectangle-Copy-13",
-	  fill: "#F8F9FB",
+	  fill: "var(--el-empty-fill-color-2)",
 	  transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
 	  points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
 	}, null, -1);
@@ -24083,7 +24188,7 @@
 	const _hoisted_26 = ["mask"];
 	const _hoisted_27 = /* @__PURE__ */ vue.createElementVNode("polygon", {
 	  id: "Rectangle-Copy-18",
-	  fill: "#F8F9FB",
+	  fill: "var(--el-empty-fill-color-2)",
 	  transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
 	  points: "62 45 79 45 70 58 53 58"
 	}, null, -1);
@@ -24142,7 +24247,7 @@
 	          vue.createElementVNode("g", _hoisted_22, [
 	            vue.createElementVNode("mask", {
 	              id: `mask-4-${_ctx.id}`,
-	              fill: "white"
+	              fill: "var(--el-empty-fill-color-0)"
 	            }, [
 	              vue.createElementVNode("use", {
 	                "xlink:href": `#path-3-${_ctx.id}`
@@ -24150,13 +24255,13 @@
 	            ], 8, _hoisted_23),
 	            vue.createElementVNode("use", {
 	              id: "Mask",
-	              fill: "#E0E3E9",
+	              fill: "var(--el-empty-fill-color-8)",
 	              transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
 	              "xlink:href": `#path-3-${_ctx.id}`
 	            }, null, 8, _hoisted_25),
 	            vue.createElementVNode("polygon", {
 	              id: "Rectangle-Copy",
-	              fill: "#D5D7DE",
+	              fill: "var(--el-empty-fill-color-9)",
 	              mask: `url(#mask-4-${_ctx.id})`,
 	              transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
 	              points: "7 0 24 0 20 18 -1.70530257e-13 16"
@@ -25911,10 +26016,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 = () => {
@@ -25959,7 +26065,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` : "";
@@ -25977,14 +26084,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(() => [
@@ -26312,7 +26419,7 @@
 	    vue.watch(currentImg, () => {
 	      vue.nextTick(() => {
 	        const $img = img.value;
-	        if (!$img?.complete) {
+	        if (!($img == null ? void 0 : $img.complete)) {
 	          loading.value = true;
 	        }
 	      });
@@ -26322,8 +26429,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,
@@ -26630,6 +26738,7 @@
 	    }
 	    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
 	    async function addLazyLoadListener() {
+	      var _a;
 	      if (!isClient)
 	        return;
 	      await vue.nextTick();
@@ -26637,7 +26746,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);
 	      }
@@ -26674,7 +26783,7 @@
 	      showViewer.value = true;
 	    }
 	    function closeViewer() {
-	      stopWheelListener?.();
+	      stopWheelListener == null ? void 0 : stopWheelListener();
 	      document.body.style.overflow = prevOverflow;
 	      showViewer.value = false;
 	      emit("close");
@@ -26920,6 +27029,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);
@@ -26937,7 +27047,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) => {
@@ -26951,17 +27061,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);
@@ -26990,7 +27103,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));
@@ -27005,7 +27119,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 {
@@ -28481,7 +28596,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();
@@ -29405,7 +29521,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,
@@ -29750,9 +29867,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));
 	          }
 	        });
@@ -29834,9 +29952,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 {
@@ -29883,13 +30002,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 {
@@ -30424,17 +30546,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"));
@@ -30527,10 +30652,6 @@
 	  },
 	  ...buildProps({
 	    title: String,
-	    hideAfter: {
-	      type: Number,
-	      default: 200
-	    },
 	    width: {
 	      type: [String, Number],
 	      default: 150
@@ -30550,7 +30671,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)) {
@@ -30574,7 +30696,8 @@
 	      ];
 	    });
 	    const hide = () => {
-	      tooltipRef.value?.hide();
+	      var _a;
+	      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
 	    };
 	    return {
 	      kls,
@@ -30787,6 +30910,7 @@
 	    });
 	    const content = vue.computed(() => props.format(props.percentage));
 	    const getCurrentColor = (percentage) => {
+	      var _a;
 	      const { color } = props;
 	      if (typeof color === "function") {
 	        return color(percentage);
@@ -30808,7 +30932,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(() => {
@@ -30946,15 +31070,19 @@
 	  },
 	  colors: {
 	    type: definePropType([Array, Object]),
-	    default: () => mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
+	    default: () => mutable([
+	      "var(--el-rate-star-color)",
+	      "var(--el-rate-star-color)",
+	      "var(--el-rate-star-color)"
+	    ])
 	  },
 	  voidColor: {
 	    type: String,
-	    default: "#C6D1DE"
+	    default: "var(--el-rate-void-color)"
 	  },
 	  disabledVoidColor: {
 	    type: String,
-	    default: "#EFF2F7"
+	    default: "var(--el-rate-disable-void-color)"
 	  },
 	  icons: {
 	    type: definePropType([Array, Object]),
@@ -30986,7 +31114,7 @@
 	  },
 	  textColor: {
 	    type: String,
-	    default: "#1f2d3d"
+	    default: "var(--el-rate-text-color)"
 	  },
 	  texts: {
 	    type: definePropType(Array),
@@ -33358,6 +33486,7 @@
 	    };
 	  },
 	  render(_ctx, _cache) {
+	    var _a;
 	    const {
 	      $slots,
 	      data,
@@ -33384,7 +33513,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;
@@ -34259,67 +34388,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", {
@@ -34327,141 +34438,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",
@@ -34925,9 +35060,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);
 	  }
 	});
@@ -35259,6 +35395,7 @@
 	    }
 	  };
 	  const setValues = () => {
+	    var _a, _b;
 	    if (props.min > props.max) {
 	      throwError("Slider", "min should not be greater than max.");
 	      return;
@@ -35277,7 +35414,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();
 	        }
 	      }
@@ -35289,7 +35426,7 @@
 	      } else {
 	        initData.firstValue = val;
 	        if (valueChanged()) {
-	          elFormItem.validate?.("change");
+	          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
 	          initData.oldValue = val;
 	        }
 	      }
@@ -35772,7 +35909,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;
@@ -36049,12 +36187,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 = () => {
@@ -36101,7 +36240,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) {
@@ -37841,7 +37981,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;
 	    }
@@ -37851,7 +37991,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) {
@@ -37927,7 +38070,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,
@@ -39053,7 +39197,7 @@
 	      }
 	      raf(() => {
 	        var _a;
-	        const rows = (_a = instance == null ? void 0 : instance.vnode.el) == null ? void 0 : _a.querySelectorAll(ns.e("row"));
+	        const rows = (_a = instance == null ? void 0 : instance.vnode.el) == null ? void 0 : _a.querySelectorAll(`.${ns.e("row")}`);
 	        const oldRow = rows[oldVal];
 	        const newRow = rows[newVal];
 	        if (oldRow) {
@@ -39857,7 +40001,8 @@
 	      }, [
 	        vue.createVNode(_component_el_scrollbar, {
 	          ref: "scrollWrapper",
-	          height: _ctx.height
+	          height: _ctx.maxHeight ? void 0 : _ctx.height,
+	          "max-height": _ctx.maxHeight ? _ctx.height : void 0
 	        }, {
 	          default: vue.withCtx(() => [
 	            vue.createVNode(_component_table_body, {
@@ -39896,7 +40041,7 @@
 	            ], 2)) : vue.createCommentVNode("v-if", true)
 	          ]),
 	          _: 3
-	        }, 8, ["height"])
+	        }, 8, ["height", "max-height"])
 	      ], 6),
 	      _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
 	        key: 1,
@@ -40518,7 +40663,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) {
@@ -40526,7 +40672,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) {
@@ -41226,10 +41372,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,
@@ -41818,13 +41966,16 @@
 	    const { propsKey, sourceData, targetData } = useComputedData(props);
 	    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
 	    const { addToLeft, addToRight } = useMove(props, checkedState, propsKey, emit);
-	    const leftPanel = vue.ref(null);
-	    const rightPanel = vue.ref(null);
+	    const leftPanel = vue.ref();
+	    const rightPanel = vue.ref();
 	    const clearQuery = (which) => {
-	      if (which === "left") {
-	        leftPanel.value.query = "";
-	      } else if (which === "right") {
-	        rightPanel.value.query = "";
+	      switch (which) {
+	        case "left":
+	          leftPanel.value.query = "";
+	          break;
+	        case "right":
+	          rightPanel.value.query = "";
+	          break;
 	      }
 	    };
 	    const hasButtonTexts = vue.computed(() => props.buttonTexts.length === 2);
@@ -41832,7 +41983,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)
@@ -41854,6 +42006,8 @@
 	      rightPanelTitle,
 	      panelFilterPlaceholder,
 	      clearQuery,
+	      leftPanel,
+	      rightPanel,
 	      optionRender
 	    };
 	  }
@@ -43523,6 +43677,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$",
@@ -43547,7 +43702,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]
@@ -44222,10 +44377,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);
@@ -44237,11 +44394,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,
@@ -44255,6 +44413,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");
@@ -44271,7 +44430,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))
 	  }, [
@@ -44283,9 +44442,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"
 	        ]),
@@ -44388,6 +44547,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", {
@@ -44424,7 +44584,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);
 	}
@@ -44711,9 +44871,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);
@@ -46240,6 +46401,7 @@
 	    };
 	  },
 	  render() {
+	    var _a, _b;
 	    let uploadList;
 	    if (this.showFileList) {
 	      uploadList = vue.h(UploadList, {
@@ -46287,12 +46449,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
 	    ]);
 	  }
@@ -46897,7 +47059,7 @@
 	      }
 	    }
 	    function clearTimer() {
-	      stopTimer?.();
+	      stopTimer == null ? void 0 : stopTimer();
 	    }
 	    function close() {
 	      visible.value = false;
@@ -47210,6 +47372,7 @@
 	      const type = state.type;
 	      return type && TypeComponentsMap[type] ? `el-message-box-icon--${type}` : "";
 	    });
+	    const btnSize = useSize(vue.computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
 	    const iconComponent = vue.computed(() => state.icon || TypeComponentsMap[state.type] || "");
 	    const hasMessage = vue.computed(() => !!state.message);
 	    const inputRef = vue.ref(null);
@@ -47225,7 +47388,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();
@@ -47274,12 +47438,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();
 	      }
@@ -47334,6 +47499,7 @@
 	      visible,
 	      hasMessage,
 	      typeClass,
+	      btnSize,
 	      iconComponent,
 	      confirmButtonClasses,
 	      inputRef,
@@ -47469,7 +47635,7 @@
 	                loading: _ctx.cancelButtonLoading,
 	                class: vue.normalizeClass([_ctx.cancelButtonClass]),
 	                round: _ctx.roundButton,
-	                size: _ctx.buttonSize || "",
+	                size: _ctx.btnSize,
 	                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
 	                onKeydown: _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
 	              }, {
@@ -47485,7 +47651,7 @@
 	                class: vue.normalizeClass([_ctx.confirmButtonClasses]),
 	                round: _ctx.roundButton,
 	                disabled: _ctx.confirmButtonDisabled,
-	                size: _ctx.buttonSize || "",
+	                size: _ctx.btnSize,
 	                onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
 	                onKeydown: _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
 	              }, {
@@ -47761,7 +47927,7 @@
 	      }
 	    }
 	    function clearTimer() {
-	      timer?.();
+	      timer == null ? void 0 : timer();
 	    }
 	    function close() {
 	      visible.value = false;