@element-plus/nightly 0.0.20220122 → 0.0.20220126

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220122 */
+/*! Element Plus v0.0.20220126 */
 
 import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -4540,7 +4540,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220122";
+const version$1 = "0.0.20220126";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4693,8 +4693,9 @@ const _sfc_main$2L = defineComponent({
       emit("change", state.fixed);
     });
     onMounted(() => {
+      var _a;
       if (props.target) {
-        target.value = document.querySelector(props.target) ?? void 0;
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!target.value) {
           throw new Error(`Target is not existed: ${props.target}`);
         }
@@ -4786,319 +4787,319 @@ var _export_sfc = (sfc, props) => {
 const _sfc_main$2J = 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__ */ createElementVNode("path", {
+const _hoisted_2$1s = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1R, _hoisted_3$1d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1c);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2E]]);
 
 const _sfc_main$2I = 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__ */ createElementVNode("path", {
+const _hoisted_2$1r = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1Q, _hoisted_3$1c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1b);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2D]]);
 
 const _sfc_main$2H = 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__ */ createElementVNode("path", {
+const _hoisted_2$1q = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1a);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2C]]);
 
 const _sfc_main$2G = 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__ */ createElementVNode("path", {
+const _hoisted_2$1p = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$19);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2B]]);
 
 const _sfc_main$2F = 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__ */ createElementVNode("path", {
+const _hoisted_2$1o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$19 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$18 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_4$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_4$q);
 }
 var back = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2A]]);
 
 const _sfc_main$2E = 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__ */ createElementVNode("path", {
+const _hoisted_2$1n = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$18);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_3$17);
 }
 var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2z]]);
 
 const _sfc_main$2D = 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__ */ createElementVNode("path", {
+const _hoisted_2$1m = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_3$17);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
 }
 var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2y]]);
 
 const _sfc_main$2C = 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__ */ createElementVNode("path", {
+const _hoisted_2$1l = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_3$16);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
 }
 var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2x]]);
 
 const _sfc_main$2B = 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__ */ createElementVNode("path", {
+const _hoisted_2$1k = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$15);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
 }
 var check = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2w]]);
 
 const _sfc_main$2A = 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__ */ createElementVNode("path", {
+const _hoisted_2$1j = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$14);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2v]]);
 
 const _sfc_main$2z = 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__ */ createElementVNode("path", {
+const _hoisted_2$1i = /* @__PURE__ */ 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__ */ createElementVNode("path", {
+const _hoisted_3$12 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_4$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_4$p);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2u]]);
 
 const _sfc_main$2y = 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__ */ createElementVNode("path", {
+const _hoisted_2$1h = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$12);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2t]]);
 
 const _sfc_main$2x = 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__ */ createElementVNode("path", {
+const _hoisted_2$1g = /* @__PURE__ */ 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__ */ createElementVNode("path", {
+const _hoisted_3$10 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_4$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_4$o);
 }
 var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2s]]);
 
 const _sfc_main$2w = 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__ */ createElementVNode("path", {
+const _hoisted_2$1f = /* @__PURE__ */ 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__ */ createElementVNode("path", {
+const _hoisted_3$$ = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 }, null, -1);
@@ -5106,541 +5107,541 @@ const _hoisted_4$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
-const _hoisted_5$g = [
-  _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 openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_5$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_5$e);
 }
 var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
 const _sfc_main$2v = 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__ */ createElementVNode("path", {
+const _hoisted_2$1e = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$$);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 }
 var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2q]]);
 
 const _sfc_main$2u = 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__ */ createElementVNode("path", {
+const _hoisted_2$1d = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2p]]);
 
 const _sfc_main$2t = 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__ */ createElementVNode("path", {
+const _hoisted_2$1c = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2o]]);
 
 const _sfc_main$2s = 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__ */ createElementVNode("path", {
+const _hoisted_2$1b = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
 }
 var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2n]]);
 
 const _sfc_main$2r = 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__ */ createElementVNode("path", {
+const _hoisted_2$1a = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
+  return openBlock(), 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 = 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__ */ createElementVNode("path", {
+const _hoisted_2$19 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$W);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2l]]);
 
 const _sfc_main$2p = 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__ */ createElementVNode("path", {
+const _hoisted_2$18 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2k]]);
 
 const _sfc_main$2o = 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__ */ createElementVNode("path", {
+const _hoisted_2$17 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 }
 var loading = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2j]]);
 
 const _sfc_main$2n = 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__ */ createElementVNode("path", {
+const _hoisted_2$16 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 }
 var minus = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2i]]);
 
 const _sfc_main$2m = 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__ */ createElementVNode("path", {
+const _hoisted_2$15 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2h]]);
 
 const _sfc_main$2l = 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__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
 }
 var more = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2g]]);
 
 const _sfc_main$2k = 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__ */ createElementVNode("path", {
+const _hoisted_2$13 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$Q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
 }
 var plus = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2f]]);
 
 const _sfc_main$2j = 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__ */ createElementVNode("path", {
+const _hoisted_2$12 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2e]]);
 
 const _sfc_main$2i = 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__ */ createElementVNode("path", {
+const _hoisted_2$11 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$O);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2d]]);
 
 const _sfc_main$2h = 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__ */ createElementVNode("path", {
+const _hoisted_2$10 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$N);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2c]]);
 
 const _sfc_main$2g = 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__ */ createElementVNode("path", {
+const _hoisted_2$$ = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2b]]);
 
 const _sfc_main$2f = 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__ */ createElementVNode("path", {
+const _hoisted_2$_ = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 }
 var search = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2a]]);
 
 const _sfc_main$2e = 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__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 }
 var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$29]]);
 
 const _sfc_main$2d = 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__ */ createElementVNode("path", {
+const _hoisted_2$Y = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 }
 var star = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$28]]);
 
 const _sfc_main$2c = 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__ */ createElementVNode("path", {
+const _hoisted_2$X = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 }
 var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$27]]);
 
 const _sfc_main$2b = 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__ */ createElementVNode("path", {
+const _hoisted_2$W = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 }
 var view = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$26]]);
 
 const _sfc_main$2a = 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__ */ createElementVNode("path", {
+const _hoisted_2$V = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$25]]);
 
 const _sfc_main$29 = 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__ */ createElementVNode("path", {
+const _hoisted_2$U = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$24]]);
 
 const _sfc_main$28 = 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__ */ createElementVNode("path", {
+const _hoisted_2$T = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$23]]);
 
@@ -6523,8 +6524,11 @@ const _sfc_main$26 = defineComponent({
     const passwordVisible = ref(false);
     const _textareaCalcStyle = shallowRef(props.inputStyle);
     const inputOrTextarea = computed(() => input.value || textarea.value);
-    const needStatusIcon = computed(() => form?.statusIcon ?? false);
-    const validateState = computed(() => formItem?.validateState || "");
+    const needStatusIcon = computed(() => {
+      var _a;
+      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+    });
+    const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = computed(() => ValidateComponentsMap[validateState.value]);
     const containerStyle = computed(() => rawAttrs.style);
     const computedTextareaStyle = computed(() => [
@@ -6594,33 +6598,38 @@ const _sfc_main$26 = defineComponent({
     };
     const focus = () => {
       nextTick(() => {
-        inputOrTextarea.value?.focus();
+        var _a;
+        (_a = inputOrTextarea.value) == null ? void 0 : _a.focus();
       });
     };
     const blur = () => {
-      inputOrTextarea.value?.blur();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.blur();
     };
     const handleFocus = (event) => {
       focused.value = true;
       emit("focus", event);
     };
     const handleBlur = (event) => {
+      var _a;
       focused.value = false;
       emit("blur", event);
       if (props.validateEvent) {
-        formItem?.validate?.("blur");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
       }
     };
     const select = () => {
-      inputOrTextarea.value?.select();
+      var _a;
+      (_a = inputOrTextarea.value) == null ? void 0 : _a.select();
     };
     const handleCompositionStart = (event) => {
       emit("compositionstart", event);
       isComposing.value = true;
     };
     const handleCompositionUpdate = (event) => {
+      var _a;
       emit("compositionupdate", event);
-      const text = event.target?.value;
+      const text = (_a = event.target) == null ? void 0 : _a.value;
       const lastCharacter = text[text.length - 1] || "";
       isComposing.value = !isKorean(lastCharacter);
     };
@@ -6643,9 +6652,10 @@ const _sfc_main$26 = defineComponent({
     };
     const suffixVisible = computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
     watch(() => props.modelValue, () => {
+      var _a;
       nextTick(resizeTextarea);
       if (props.validateEvent) {
-        formItem?.validate?.("change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       }
     });
     watch(nativeInputValue, () => setNativeInputValue());
@@ -6716,8 +6726,8 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
@@ -6771,7 +6781,7 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
         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),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -6881,7 +6891,7 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
         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 ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsInput.e("count"))
@@ -6956,10 +6966,11 @@ const _sfc_main$25 = defineComponent({
     }));
     const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
     const clickThumbHandler = (e) => {
+      var _a;
       e.stopPropagation();
       if (e.ctrlKey || [1, 2].includes(e.button))
         return;
-      window.getSelection()?.removeAllRanges();
+      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
       startDrag(e);
       const el = e.currentTarget;
       if (!el)
@@ -7174,8 +7185,8 @@ const _sfc_main$24 = defineComponent({
     };
     watch(() => props.noresize, (noresize) => {
       if (noresize) {
-        stopResizeObserver?.();
-        stopResizeListener?.();
+        stopResizeObserver == null ? void 0 : stopResizeObserver();
+        stopResizeListener == null ? void 0 : stopResizeListener();
       } else {
         ({ stop: stopResizeObserver } = useResizeObserver(resize$, update));
         stopResizeListener = useEventListener("resize", update);
@@ -7207,13 +7218,13 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-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 = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1c, [
     createElementVNode("div", {
       ref: "wrap$",
       class: normalizeClass([
@@ -9171,13 +9182,13 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-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 openBlock(), createElementBlock("span", _hoisted_1$1d, null, 512);
+  return openBlock(), createElementBlock("span", _hoisted_1$1b, null, 512);
 }
 var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$22, [["render", _sfc_render$1Z]]);
 
@@ -9347,7 +9358,7 @@ const _sfc_main$21 = defineComponent({
           const handler = props[eventName];
           if (handler) {
             el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-            prevEl?.removeEventListener(eventName.slice(2).toLowerCase(), handler);
+            prevEl == null ? void 0 : prevEl.removeEventListener(eventName.slice(2).toLowerCase(), handler);
           }
         });
       }
@@ -9407,15 +9418,17 @@ const _sfc_main$20 = defineComponent({
       return createPopper(referenceEl, popperContentEl, options);
     };
     const updatePopper = () => {
-      unref(popperInstanceRef)?.update();
+      var _a;
+      (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
       contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
     };
     onMounted(() => {
       let updateHandle;
       watch(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef), (val) => {
-        updateHandle?.();
+        var _a;
+        updateHandle == null ? void 0 : updateHandle();
         if (val) {
-          popperInstanceRef.value?.destroy();
+          (_a = popperInstanceRef.value) == null ? void 0 : _a.destroy();
           const popperContentEl = unref(popperContentRef);
           contentRef.value = popperContentEl;
           const arrowEl = unref(arrowRef);
@@ -9582,7 +9595,10 @@ const _sfc_main$1_ = defineComponent({
     const shouldShow = computed(() => {
       return props.disabled ? false : unref(open);
     });
-    const contentStyle = computed(() => props.style ?? {});
+    const contentStyle = computed(() => {
+      var _a;
+      return (_a = props.style) != null ? _a : {};
+    });
     const ariaHidden = computed(() => !unref(open));
     useEscapeKeydown(onClose);
     const onTransitionLeave = () => {
@@ -9603,7 +9619,8 @@ const _sfc_main$1_ = defineComponent({
       }
     });
     const onBeforeEnter = () => {
-      contentRef.value?.updatePopper?.();
+      var _a, _b;
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
     };
     const onAfterShow = () => {
       onShow();
@@ -9612,7 +9629,8 @@ const _sfc_main$1_ = defineComponent({
     watch(() => unref(open), (val) => {
       if (val) {
         stopHandle = onClickOutside(computed(() => {
-          return contentRef.value?.popperContentRef;
+          var _a;
+          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
         }), () => {
           if (unref(controlled))
             return;
@@ -9622,7 +9640,7 @@ const _sfc_main$1_ = defineComponent({
           }
         });
       } else {
-        stopHandle?.();
+        stopHandle == null ? void 0 : stopHandle();
       }
     }, {
       flush: "post"
@@ -9819,9 +9837,10 @@ const _sfc_main$1Y = defineComponent({
     const id = useId();
     const popperRef = ref(null);
     const updatePopper = () => {
+      var _a;
       const popperComponent = unref(popperRef);
       if (popperComponent) {
-        popperComponent.popperInstanceRef?.update();
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
       }
     };
     const open = ref(false);
@@ -9869,8 +9888,8 @@ const _sfc_main$1Y = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
@@ -9919,7 +9938,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("span", _hoisted_2$S, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("span", _hoisted_2$R, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -10015,6 +10034,7 @@ const _sfc_main$1X = defineComponent({
     "select"
   ],
   setup(props, ctx) {
+    const ns = useNamespace("autocomplete");
     const attrs = useAttrs();
     const suggestions = ref([]);
     const highlightedIndex = ref(-1);
@@ -10026,7 +10046,7 @@ const _sfc_main$1X = defineComponent({
     const regionRef = ref(null);
     const popper = ref(null);
     const id = computed(() => {
-      return `el-autocomplete-${generateId()}`;
+      return ns.b(String(generateId()));
     });
     const suggestionVisible = computed(() => {
       const isValidData = isArray$9(suggestions.value) && suggestions.value.length > 0;
@@ -10111,7 +10131,8 @@ const _sfc_main$1X = defineComponent({
       activated.value = false;
     };
     const focus = () => {
-      inputRef.value?.focus();
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const select = (item) => {
       ctx.emit("input", item[props.valueKey]);
@@ -10133,8 +10154,8 @@ const _sfc_main$1X = defineComponent({
       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;
@@ -10172,13 +10193,14 @@ const _sfc_main$1X = defineComponent({
       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 = resolveComponent("el-input");
   const _component_loading = resolveComponent("loading");
@@ -10192,36 +10214,33 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     "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: withCtx(() => [
       createElementVNode("div", {
         ref: "regionRef",
-        class: normalizeClass([
-          "el-autocomplete-suggestion",
-          _ctx.suggestionLoading && "is-loading"
-        ]),
+        class: normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
         style: normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
         role: "region"
       }, [
         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: withCtx(() => [
-            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$R, [
+            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$Q, [
               createVNode(_component_el_icon, { class: "is-loading" }, {
                 default: withCtx(() => [
                   createVNode(_component_loading)
@@ -10240,16 +10259,16 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
                 renderSlot(_ctx.$slots, "default", { item }, () => [
                   createTextVNode(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: withCtx(() => [
       withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass(["el-autocomplete", _ctx.$attrs.class]),
+        class: normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
         style: normalizeStyle(_ctx.$attrs.style),
         role: "combobox",
         "aria-haspopup": "listbox",
@@ -10295,12 +10314,12 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           } : 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]]);
 
@@ -10384,7 +10403,7 @@ const _sfc_main$1W = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
@@ -10398,7 +10417,7 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
       srcset: _ctx.srcSet,
       style: normalizeStyle(_ctx.fitStyle),
       onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 44, _hoisted_1$1a)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    }, null, 44, _hoisted_1$18)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -10445,6 +10464,7 @@ const _sfc_main$1V = defineComponent({
   props: backtopProps,
   emits: backtopEmits,
   setup(props, { emit }) {
+    const ns = useNamespace("backtop");
     const el = shallowRef(document.documentElement);
     const container = shallowRef(document);
     const visible = ref(false);
@@ -10478,8 +10498,9 @@ const _sfc_main$1V = defineComponent({
     };
     const handleScrollThrottled = useThrottleFn(handleScroll, 300);
     onMounted(() => {
+      var _a;
       if (props.target) {
-        el.value = document.querySelector(props.target) ?? void 0;
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!el.value) {
           throwError(COMPONENT_NAME$8, `target is not existed: ${props.target}`);
         }
@@ -10491,14 +10512,17 @@ const _sfc_main$1V = defineComponent({
       visible,
       styleBottom,
       styleRight,
-      handleClick
+      handleClick,
+      ns
     };
   }
 });
 function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_caret_top = resolveComponent("caret-top");
   const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createBlock(Transition, { name: "el-fade-in" }, {
+  return openBlock(), createBlock(Transition, {
+    name: `${_ctx.ns.namespace.value}-fade-in`
+  }, {
     default: withCtx(() => [
       _ctx.visible ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -10506,21 +10530,23 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
           right: _ctx.styleRight,
           bottom: _ctx.styleBottom
         }),
-        class: "el-backtop",
+        class: normalizeClass(_ctx.ns.b()),
         onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
+          createVNode(_component_el_icon, {
+            class: normalizeClass(_ctx.ns.e("icon"))
+          }, {
             default: withCtx(() => [
               createVNode(_component_caret_top)
             ]),
             _: 1
-          })
+          }, 8, ["class"])
         ])
-      ], 4)) : createCommentVNode("v-if", true)
+      ], 6)) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  });
+  }, 8, ["name"]);
 }
 var Backtop = /* @__PURE__ */ _export_sfc$1(_sfc_main$1V, [["render", _sfc_render$1Q]]);
 
@@ -10563,7 +10589,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$19 = ["textContent"];
+const _hoisted_1$17 = ["textContent"];
 function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -10579,7 +10605,7 @@ function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.ns.is("dot", _ctx.isDot)
           ]),
           textContent: toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_1$19), [
+        }, null, 10, _hoisted_1$17), [
           [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
         ])
       ]),
@@ -10668,8 +10694,8 @@ const _sfc_main$1S = defineComponent({
     return {
       ns,
       link,
-      separator: parent?.separator,
-      separatorIcon: parent?.separatorIcon
+      separator: parent == null ? void 0 : parent.separator,
+      separatorIcon: parent == null ? void 0 : parent.separatorIcon
     };
   }
 });
@@ -11884,12 +11910,16 @@ const _sfc_main$1R = defineComponent({
     const buttonGroupContext = inject(buttonGroupContextKey, void 0);
     const globalConfig = useGlobalConfig("button");
     const ns = useNamespace("button");
-    const autoInsertSpace = computed(() => props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false);
+    const autoInsertSpace = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
     const shouldAddSpace = computed(() => {
-      const defaultSlot = slots.default?.();
-      if (autoInsertSpace.value && defaultSlot?.length === 1) {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
         const slot = defaultSlot[0];
-        if (slot?.type === Text) {
+        if ((slot == null ? void 0 : slot.type) === Text) {
           const text = slot.children;
           return /^\p{Unified_Ideograph}{2}$/u.test(text);
         }
@@ -11897,9 +11927,9 @@ const _sfc_main$1R = defineComponent({
       return false;
     });
     const { form } = useFormItem();
-    const buttonSize = useSize(computed(() => buttonGroupContext?.size));
+    const buttonSize = useSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
     const buttonDisabled = useDisabled$1();
-    const buttonType = computed(() => props.type || buttonGroupContext?.type || "");
+    const buttonType = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
     const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
     const buttonStyle = computed(() => {
       let styles = {};
@@ -11938,7 +11968,7 @@ const _sfc_main$1R = defineComponent({
     });
     const handleClick = (evt) => {
       if (props.nativeType === "reset") {
-        form?.resetFields();
+        form == null ? void 0 : form.resetFields();
       }
       emit("click", evt);
     };
@@ -11954,7 +11984,7 @@ const _sfc_main$1R = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock("button", {
@@ -11997,7 +12027,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : 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]]);
 
@@ -12107,12 +12137,6 @@ function isEqual$1(value, other) {
 
 var isEqual_1 = isEqual$1;
 
-const isValidWidthUnit = (val) => {
-  if (isNumber(val)) {
-    return true;
-  }
-  return ["px", "rem", "em", "vw", "%", "vmin", "vmax"].some((unit) => val.endsWith(unit)) || val.startsWith("calc");
-};
 const isValidComponentSize = (val) => ["", "large", "default", "small"].includes(val);
 const isValidDatePickType = (val) => [
   "year",
@@ -12297,6 +12321,7 @@ const _sfc_main$1P = defineComponent({
     const pickerActualVisible = ref(false);
     const valueOnOpen = ref(null);
     watch(pickerVisible, (val) => {
+      var _a;
       if (!val) {
         userInput.value = null;
         nextTick(() => {
@@ -12304,15 +12329,16 @@ const _sfc_main$1P = defineComponent({
         });
         ctx.emit("blur");
         blurInput();
-        props.validateEvent && elFormItem.validate?.("blur");
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur"));
       } else {
         valueOnOpen.value = props.modelValue;
       }
     });
     const emitChange = (val, isClear) => {
+      var _a;
       if (isClear || !valueEquals(val, valueOnOpen.value)) {
         ctx.emit("change", val);
-        props.validateEvent && elFormItem.validate?.("change");
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change"));
       }
     };
     const emitInput = (val) => {
@@ -12334,10 +12360,10 @@ const _sfc_main$1P = defineComponent({
       return [];
     });
     const refStartInput = computed(() => {
-      return refInput?.value[0];
+      return refInput == null ? void 0 : refInput.value[0];
     });
     const refEndInput = computed(() => {
-      return refInput?.value[1];
+      return refInput == null ? void 0 : refInput.value[1];
     });
     const setSelectionRange = (start, end, pos) => {
       const _inputs = refInput.value;
@@ -12378,7 +12404,8 @@ const _sfc_main$1P = defineComponent({
       ctx.emit("focus", e);
     };
     const handleBlur = () => {
-      refPopper.value?.onClose();
+      var _a;
+      (_a = refPopper.value) == null ? void 0 : _a.onClose();
       blurInput();
     };
     const pickerDisabled = computed(() => {
@@ -12465,14 +12492,19 @@ const _sfc_main$1P = defineComponent({
     });
     const pickerSize = useSize();
     const popperPaneRef = computed(() => {
-      return refPopper.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = refPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
+    const popperEl = computed(() => {
+      var _a, _b;
+      return (_b = (_a = unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
-    const popperEl = computed(() => unref(refPopper)?.popperRef?.contentRef);
     const actualInputRef = computed(() => {
+      var _a;
       if (unref(isRangeInput)) {
         return unref(inputRef);
       }
-      return unref(inputRef)?.$el;
+      return (_a = unref(inputRef)) == null ? void 0 : _a.$el;
     });
     onClickOutside(actualInputRef, (e) => {
       const unrefedPopperEl = unref(popperEl);
@@ -12642,9 +12674,9 @@ const _sfc_main$1P = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
@@ -12754,9 +12786,9 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
           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),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
-          createElementVNode("span", _hoisted_2$Q, toDisplayString(_ctx.rangeSeparator), 1)
+          createElementVNode("span", _hoisted_2$P, toDisplayString(_ctx.rangeSeparator), 1)
         ]),
         createElementVNode("input", {
           id: _ctx.id && _ctx.id[1],
@@ -12770,7 +12802,7 @@ function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
           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 ? (openBlock(), createBlock(_component_el_icon, {
           key: 1,
           class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -13128,9 +13160,9 @@ const _sfc_main$1O = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
@@ -13165,7 +13197,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$16);
+            ], 10, _hoisted_1$14);
           }), 128))
         ]),
         _: 2
@@ -13193,7 +13225,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
         })), [
           [_directive_repeat_click, _ctx.onIncreaseClick]
         ]),
-        createElementVNode("ul", _hoisted_3$B, [
+        createElementVNode("ul", _hoisted_3$A, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.arrowListMap[item].value, (time, key) => {
             return openBlock(), createElementBlock("li", {
               key,
@@ -13212,7 +13244,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2);
           }), 128))
         ])
-      ], 40, _hoisted_2$P);
+      ], 40, _hoisted_2$O);
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
@@ -13380,16 +13412,16 @@ const _sfc_main$1N = defineComponent({
     };
   }
 });
-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 = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
-      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$15, [
+      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$13, [
         createElementVNode("div", {
           class: normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
         }, [
@@ -13408,7 +13440,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
             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),
-        createElementVNode("div", _hoisted_2$O, [
+        createElementVNode("div", _hoisted_2$N, [
           createElementVNode("button", {
             type: "button",
             class: "el-time-panel__btn cancel",
@@ -14237,22 +14269,22 @@ const _sfc_main$1M = defineComponent({
     };
   }
 });
-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 = resolveComponent("time-spinner");
-  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$14, [
-    createElementVNode("div", _hoisted_2$N, [
-      createElementVNode("div", _hoisted_3$A, [
+  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1$12, [
+    createElementVNode("div", _hoisted_2$M, [
+      createElementVNode("div", _hoisted_3$z, [
         createElementVNode("div", _hoisted_4$m, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
@@ -14273,8 +14305,8 @@ function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
         ], 2)
       ]),
-      createElementVNode("div", _hoisted_5$f, [
-        createElementVNode("div", _hoisted_6$d, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
+      createElementVNode("div", _hoisted_5$d, [
+        createElementVNode("div", _hoisted_6$b, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
         createElementVNode("div", {
           class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
         }, [
@@ -14504,15 +14536,15 @@ const _sfc_main$1L = defineComponent({
     };
   }
 });
-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 openBlock(), createElementBlock("table", {
     class: normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
     cellspacing: "0",
     cellpadding: "0"
   }, [
-    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$13, [
+    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$11, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
         return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
       }), 128))
@@ -14541,7 +14573,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("span", null, toDisplayString(cell.text), 1)
                 ])
               ], 2)
-            ], 10, _hoisted_2$M);
+            ], 10, _hoisted_2$L);
           }), 128))
         ], 2);
       }), 128))
@@ -14976,6 +15008,7 @@ const _sfc_main$1I = defineComponent({
   },
   emits: ["change"],
   setup(props, { emit }) {
+    const ns = useNamespace("carousel");
     const data = reactive({
       activeIndex: -1,
       containerWidth: 0,
@@ -14989,22 +15022,19 @@ const _sfc_main$1I = defineComponent({
       return items.value.some((item) => item.label.toString().length > 0);
     });
     const carouselClasses = 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 = 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;
     });
@@ -15175,13 +15205,13 @@ const _sfc_main$1I = defineComponent({
       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 = resolveComponent("arrow-left");
   const _component_el_icon = resolveComponent("el-icon");
@@ -15193,7 +15223,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
   }, [
     createElementVNode("div", {
-      class: "el-carousel__container",
+      class: normalizeClass(_ctx.ns.e("container")),
       style: normalizeStyle({ height: _ctx.height })
     }, [
       _ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
@@ -15203,7 +15233,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           withDirectives(createElementVNode("button", {
             type: "button",
-            class: "el-carousel__arrow el-carousel__arrow--left",
+            class: 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] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex - 1), ["stop"]))
@@ -15214,7 +15244,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 544), [
+          ], 34), [
             [
               vShow,
               (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex > 0)
@@ -15230,7 +15260,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           withDirectives(createElementVNode("button", {
             type: "button",
-            class: "el-carousel__arrow el-carousel__arrow--right",
+            class: 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] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex + 1), ["stop"]))
@@ -15241,7 +15271,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             })
-          ], 544), [
+          ], 34), [
             [
               vShow,
               (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex < _ctx.items.length - 1)
@@ -15251,7 +15281,7 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 4),
+    ], 6),
     _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
       key: 0,
       class: normalizeClass(_ctx.indicatorsClasses)
@@ -15260,17 +15290,19 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createElementBlock("li", {
           key: index,
           class: 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: withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
         }, [
-          createElementVNode("button", _hoisted_2$L, [
-            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
-          ])
-        ], 42, _hoisted_1$12);
+          createElementVNode("button", {
+            class: normalizeClass(_ctx.ns.e("button"))
+          }, [
+            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_2$K, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+          ], 2)
+        ], 42, _hoisted_1$10);
       }), 128))
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
@@ -15288,6 +15320,7 @@ const _sfc_main$1H = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("carousel");
     const instance = getCurrentInstance();
     const data = reactive({
       hover: false,
@@ -15323,7 +15356,8 @@ const _sfc_main$1H = defineComponent({
       return index;
     }
     function calcCardTranslate(index, activeIndex) {
-      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0;
+      var _a;
+      const parentWidth = ((_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetWidth) || 0;
       if (data.inStage) {
         return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
       } else if (index < activeIndex) {
@@ -15333,7 +15367,8 @@ const _sfc_main$1H = defineComponent({
       }
     }
     function calcTranslate(index, activeIndex, isVertical) {
-      const distance = (isVertical ? injectCarouselScope.root.value?.offsetHeight : injectCarouselScope.root.value?.offsetWidth) || 0;
+      var _a, _b;
+      const distance = (isVertical ? (_a = injectCarouselScope.root.value) == null ? void 0 : _a.offsetHeight : (_b = injectCarouselScope.root.value) == null ? void 0 : _b.offsetWidth) || 0;
       return distance * (index - activeIndex);
     }
     const translateItem = (index, activeIndex, oldIndex) => {
@@ -15384,27 +15419,28 @@ const _sfc_main$1H = defineComponent({
       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 withDirectives((openBlock(), createElementBlock("div", {
-    class: 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: 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: normalizeStyle(_ctx.itemStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
   }, [
-    _ctx.type === "card" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$11, null, 512)), [
+    _ctx.type === "card" ? withDirectives((openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("mask"))
+    }, null, 2)), [
       [vShow, !_ctx.data.active]
     ]) : createCommentVNode("v-if", true),
     renderSlot(_ctx.$slots, "default")
@@ -15550,9 +15586,9 @@ const useDisabled = (props, {
     return !!(max || min) && model.value.length >= max && !isChecked.value || model.value.length <= min && isChecked.value;
   });
   const isDisabled = 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,
@@ -15649,45 +15685,48 @@ const _sfc_main$1G = defineComponent({
   },
   emits: [UPDATE_MODEL_EVENT, "change"],
   setup(props) {
-    return useCheckbox(props);
+    const ns = useNamespace("checkbox");
+    return {
+      ns,
+      ...useCheckbox(props)
+    };
   }
 });
-const _hoisted_1$10 = ["id", "aria-controls"];
-const _hoisted_2$K = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$y = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
-const _hoisted_4$l = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_5$e = ["aria-hidden", "disabled", "value", "name", "tabindex"];
-const _hoisted_6$c = {
-  key: 0,
-  class: "el-checkbox__label"
-};
+const _hoisted_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 openBlock(), createElementBlock("label", {
     id: _ctx.id,
-    class: normalizeClass(["el-checkbox", [
-      _ctx.checkboxSize ? "el-checkbox--" + _ctx.checkboxSize : "",
-      { "is-disabled": _ctx.isDisabled },
-      { "is-bordered": _ctx.border },
-      { "is-checked": _ctx.isChecked }
-    ]]),
+    class: normalizeClass([
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.checkboxSize),
+      _ctx.ns.is("disabled", _ctx.isDisabled),
+      _ctx.ns.is("bordered", _ctx.border),
+      _ctx.ns.is("checked", _ctx.isChecked)
+    ]),
     "aria-controls": _ctx.indeterminate ? _ctx.controls : null
   }, [
     createElementVNode("span", {
-      class: normalizeClass(["el-checkbox__input", {
-        "is-disabled": _ctx.isDisabled,
-        "is-checked": _ctx.isChecked,
-        "is-indeterminate": _ctx.indeterminate,
-        "is-focus": _ctx.focus
-      }]),
+      class: normalizeClass([
+        _ctx.ns.e("input"),
+        _ctx.ns.is("disabled", _ctx.isDisabled),
+        _ctx.ns.is("checked", _ctx.isChecked),
+        _ctx.ns.is("indeterminate", _ctx.indeterminate),
+        _ctx.ns.is("focus", _ctx.focus)
+      ]),
       tabindex: _ctx.indeterminate ? 0 : void 0,
       role: _ctx.indeterminate ? "checkbox" : void 0,
       "aria-checked": _ctx.indeterminate ? "mixed" : false
     }, [
-      _hoisted_3$y,
+      createElementVNode("span", {
+        class: normalizeClass(_ctx.ns.e("inner"))
+      }, null, 2),
       _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-        class: "el-checkbox__original",
+        class: normalizeClass(_ctx.ns.e("original")),
         type: "checkbox",
         "aria-hidden": _ctx.indeterminate ? "true" : "false",
         name: _ctx.name,
@@ -15698,12 +15737,12 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-      }, null, 40, _hoisted_4$l)), [
+      }, null, 42, _hoisted_3$y)), [
         [vModelCheckbox, _ctx.model]
       ]) : withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-        class: "el-checkbox__original",
+        class: normalizeClass(_ctx.ns.e("original")),
         type: "checkbox",
         "aria-hidden": _ctx.indeterminate ? "true" : "false",
         disabled: _ctx.isDisabled,
@@ -15713,17 +15752,20 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
         onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-      }, null, 40, _hoisted_5$e)), [
+      }, null, 42, _hoisted_4$l)), [
         [vModelCheckbox, _ctx.model]
       ])
-    ], 10, _hoisted_2$K),
-    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$c, [
+    ], 10, _hoisted_2$J),
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("label"))
+    }, [
       renderSlot(_ctx.$slots, "default"),
       !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(_ctx.label), 1)
       ], 2112)) : createCommentVNode("v-if", true)
-    ])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$10);
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1$$);
 }
 var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1G, [["render", _sfc_render$1B]]);
 
@@ -15734,12 +15776,14 @@ const _sfc_main$1F = defineComponent({
   setup(props) {
     const { focus, isChecked, isDisabled, size, model, handleChange } = useCheckbox(props);
     const { checkboxGroup } = useCheckboxGroup();
+    const ns = useNamespace("checkbox");
     const activeStyle = computed(() => {
-      const fillValue = checkboxGroup?.fill?.value ?? "";
+      var _a, _b, _c, _d;
+      const fillValue = (_b = (_a = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a.value) != null ? _b : "";
       return {
         backgroundColor: fillValue,
         borderColor: fillValue,
-        color: checkboxGroup?.textColor?.value ?? "",
+        color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
         boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : null
       };
     });
@@ -15750,21 +15794,23 @@ const _sfc_main$1F = defineComponent({
       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 openBlock(), createElementBlock("label", {
-    class: normalizeClass(["el-checkbox-button", [
-      _ctx.size ? "el-checkbox-button--" + _ctx.size : "",
-      { "is-disabled": _ctx.isDisabled },
-      { "is-checked": _ctx.isChecked },
-      { "is-focus": _ctx.focus }
-    ]]),
+    class: normalizeClass([
+      _ctx.ns.b("button"),
+      _ctx.ns.bm("button", _ctx.size),
+      _ctx.ns.is("disabled", _ctx.isDisabled),
+      _ctx.ns.is("checked", _ctx.isChecked),
+      _ctx.ns.is("focus", _ctx.focus)
+    ]),
     role: "checkbox",
     "aria-checked": _ctx.isChecked,
     "aria-disabled": _ctx.isDisabled
@@ -15772,7 +15818,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
       key: 0,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
+      class: normalizeClass(_ctx.ns.be("button", "original")),
       type: "checkbox",
       name: _ctx.name,
       tabindex: _ctx.tabindex,
@@ -15782,12 +15828,12 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
       onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_2$J)), [
+    }, null, 42, _hoisted_2$I)), [
       [vModelCheckbox, _ctx.model]
     ]) : withDirectives((openBlock(), createElementBlock("input", {
       key: 1,
       "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
-      class: "el-checkbox-button__original",
+      class: normalizeClass(_ctx.ns.be("button", "original")),
       type: "checkbox",
       name: _ctx.name,
       tabindex: _ctx.tabindex,
@@ -15796,19 +15842,19 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
       onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
       onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-    }, null, 40, _hoisted_3$x)), [
+    }, null, 42, _hoisted_3$x)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
       key: 2,
-      class: "el-checkbox-button__inner",
+      class: normalizeClass(_ctx.ns.be("button", "inner")),
       style: normalizeStyle(_ctx.isChecked ? _ctx.activeStyle : null)
     }, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
-    ], 4)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$$);
+    ], 6)) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1$_);
 }
 var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1F, [["render", _sfc_render$1A]]);
 
@@ -15849,6 +15895,7 @@ const _sfc_main$1E = defineComponent({
   setup(props, { emit, slots }) {
     const { elFormItem } = useCheckboxGroup();
     const checkboxGroupSize = useSize();
+    const ns = useNamespace("checkbox");
     const changeEvent = (value) => {
       emit(UPDATE_MODEL_EVENT, value);
       nextTick(() => {
@@ -15871,11 +15918,12 @@ const _sfc_main$1E = defineComponent({
       changeEvent
     });
     watch(() => props.modelValue, () => {
-      elFormItem.validate?.("change");
+      var _a;
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
     });
     return () => {
       return h$1(props.tag, {
-        class: "el-checkbox-group",
+        class: ns.b("group"),
         role: "group",
         "aria-label": "checkbox-group"
       }, [renderSlot(slots, "default")]);
@@ -15971,8 +16019,8 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-const _hoisted_1$_ = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2$I = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
+const _hoisted_1$Z = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2$H = /* @__PURE__ */ 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 openBlock(), createElementBlock("label", {
@@ -15995,7 +16043,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         "is-checked": _ctx.modelValue === _ctx.label
       }])
     }, [
-      _hoisted_2$I,
+      _hoisted_2$H,
       withDirectives(createElementVNode("input", {
         ref: "radioRef",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
@@ -16022,7 +16070,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(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]]);
 
@@ -16050,10 +16098,10 @@ const _sfc_main$1C = defineComponent({
     } = useRadio(props, emit);
     const activeStyle = computed(() => {
       return {
-        backgroundColor: radioGroup?.fill || "",
-        borderColor: radioGroup?.fill || "",
-        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: radioGroup?.textColor || ""
+        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
       };
     });
     return {
@@ -16068,8 +16116,8 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-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 openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio-button", [
@@ -16097,7 +16145,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
       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), [
       [vModelRadio, _ctx.modelValue]
     ]),
     createElementVNode("span", {
@@ -16110,7 +16158,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(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]]);
 
@@ -16183,7 +16231,7 @@ const _sfc_main$1B = defineComponent({
       ...toRefs(props),
       changeEvent
     }));
-    watch(() => props.modelValue, () => formItem?.validate("change"));
+    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
     return {
       radioGroupRef,
       handleKeydown
@@ -16250,15 +16298,19 @@ const _sfc_main$1A = defineComponent({
     const isHoverMenu = computed(() => panel.isHoverMenu);
     const multiple = computed(() => panel.config.multiple);
     const checkStrictly = computed(() => panel.config.checkStrictly);
-    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid);
+    const checkedNodeId = computed(() => {
+      var _a;
+      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+    });
     const isDisabled = computed(() => props.node.isDisabled);
     const isLeaf = computed(() => props.node.isLeaf);
     const expandable = computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
     const inExpandingPath = computed(() => isInPath(panel.expandingNode));
     const inCheckedPath = computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
     const isInPath = (node) => {
+      var _a;
       const { level, uid } = props.node;
-      return node?.pathNodes[level - 1]?.uid === uid;
+      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
     };
     const doExpand = () => {
       if (inExpandingPath.value)
@@ -16335,8 +16387,8 @@ const _sfc_main$1A = defineComponent({
     };
   }
 });
-const _hoisted_1$Y = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$G = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_1$X = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2$F = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -16384,7 +16436,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         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 ? (openBlock(), createBlock(_component_el_icon, {
@@ -16418,7 +16470,7 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }))
     ], 2112)) : 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]]);
 
@@ -16498,11 +16550,11 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-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"
 };
@@ -16526,28 +16578,31 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     onMousemove: _ctx.handleMouseMove,
     onMouseleave: _ctx.clearHoverZone
   }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
-        return openBlock(), createBlock(_component_el_cascader_node, {
-          key: node.uid,
-          node,
-          "menu-id": _ctx.menuId,
-          onExpand: _ctx.handleExpand
-        }, null, 8, ["node", "menu-id", "onExpand"]);
-      }), 128)),
-      _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$X, [
-        createVNode(_component_el_icon, {
-          size: "14",
-          class: "is-loading"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_loading)
-          ]),
-          _: 1
-        }),
-        createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
-      ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$F, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : _ctx.panel?.isHoverMenu ? (openBlock(), createElementBlock("svg", _hoisted_3$v, null, 512)) : createCommentVNode("v-if", true)
-    ]),
+    default: withCtx(() => {
+      var _a;
+      return [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
+          return openBlock(), createBlock(_component_el_cascader_node, {
+            key: node.uid,
+            node,
+            "menu-id": _ctx.menuId,
+            onExpand: _ctx.handleExpand
+          }, null, 8, ["node", "menu-id", "onExpand"]);
+        }), 128)),
+        _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
+          createVNode(_component_el_icon, {
+            size: "14",
+            class: "is-loading"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_loading)
+            ]),
+            _: 1
+          }),
+          createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
+        ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_2$E, toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", _hoisted_3$v, null, 512)) : createCommentVNode("v-if", true)
+      ];
+    }),
     _: 1
   }, 8, ["view-class", "onMousemove", "onMouseleave"]);
 }
@@ -16839,7 +16894,7 @@ const _sfc_main$1y = defineComponent({
       const resolve = (dataList) => {
         const _node = node;
         const parent = _node.root ? null : _node;
-        dataList && store?.appendNodes(dataList, parent);
+        dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
         _node.loading = false;
         _node.loaded = true;
         _node.childrenData = _node.childrenData || [];
@@ -16848,6 +16903,7 @@ const _sfc_main$1y = defineComponent({
       cfg.lazyLoad(node, resolve);
     };
     const expandNode = (node, silent) => {
+      var _a;
       const { level } = node;
       const newMenus = menus.value.slice(0, level);
       let newExpandingNode;
@@ -16857,17 +16913,17 @@ const _sfc_main$1y = defineComponent({
         newExpandingNode = node;
         newMenus.push(node.children);
       }
-      if (expandingNode.value?.uid !== newExpandingNode?.uid) {
+      if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
         expandingNode.value = node;
         menus.value = newMenus;
-        !silent && emit("expand-change", node?.pathValues || []);
+        !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
       }
     };
     const handleCheckChange = (node, checked, emitClose = true) => {
       const { checkStrictly, multiple } = config.value;
       const oldNode = checkedNodes.value[0];
       manualChecked = true;
-      !multiple && oldNode?.doCheck(false);
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
       node.doCheck(checked);
       calculateCheckedValue();
       emitClose && !multiple && !checkStrictly && emit("close");
@@ -16881,23 +16937,25 @@ const _sfc_main$1y = defineComponent({
       node && expandNode(node);
     };
     const getFlattedNodes = (leafOnly) => {
-      return store?.getFlattedNodes(leafOnly);
+      return store == null ? void 0 : store.getFlattedNodes(leafOnly);
     };
     const getCheckedNodes = (leafOnly) => {
-      return getFlattedNodes(leafOnly)?.filter((node) => node.checked !== false);
+      var _a;
+      return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
     };
     const clearCheckedNodes = () => {
       checkedNodes.value.forEach((node) => node.doCheck(false));
       calculateCheckedValue();
     };
     const calculateCheckedValue = () => {
+      var _a;
       const { checkStrictly, multiple } = config.value;
       const oldNodes = checkedNodes.value;
       const newNodes = getCheckedNodes(!checkStrictly);
       const nodes = sortByOriginalOrder(oldNodes, newNodes);
       const values = nodes.map((node) => node.valueByOption);
       checkedNodes.value = nodes;
-      checkedValue.value = multiple ? values : values[0] ?? null;
+      checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
     };
     const syncCheckedValue = (loaded = false, forced = false) => {
       const { modelValue } = props;
@@ -16907,7 +16965,7 @@ const _sfc_main$1y = defineComponent({
         return;
       if (lazy && !loaded) {
         const values = deduplicate(arrayFlat(coerceTruthyValueToArray(modelValue)));
-        const nodes = values.map((val) => store?.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
+        const nodes = values.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
         if (nodes.length) {
           nodes.forEach((node) => {
             lazyLoad(node, () => syncCheckedValue(false, forced));
@@ -16917,7 +16975,7 @@ const _sfc_main$1y = defineComponent({
         }
       } else {
         const values = multiple ? coerceTruthyValueToArray(modelValue) : [modelValue];
-        const nodes = deduplicate(values.map((val) => store?.getNodeByValue(val, leafOnly)));
+        const nodes = deduplicate(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
         syncMenuState(nodes, false);
         checkedValue.value = modelValue;
       }
@@ -16926,7 +16984,7 @@ const _sfc_main$1y = defineComponent({
       const { checkStrictly } = config.value;
       const oldNodes = checkedNodes.value;
       const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
-      const oldExpandingNode = store?.getSameNode(expandingNode.value);
+      const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
       const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
       if (newExpandingNode) {
         newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
@@ -16942,7 +17000,7 @@ const _sfc_main$1y = defineComponent({
       if (!isClient)
         return;
       menuList.value.forEach((menu) => {
-        const menuElement = menu?.$el;
+        const menuElement = menu == null ? void 0 : menu.$el;
         if (menuElement) {
           const container = menuElement.querySelector(".el-scrollbar__wrap");
           const activeNode = menuElement.querySelector(".el-cascader-node.is-active") || menuElement.querySelector(".el-cascader-node.in-active-path");
@@ -16964,14 +17022,14 @@ const _sfc_main$1y = defineComponent({
         case EVENT_CODE.left: {
           e.preventDefault();
           const preMenu = menuList.value[getMenuIndex(target) - 1];
-          const expandedNode = preMenu?.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
           focusNode(expandedNode);
           break;
         }
         case EVENT_CODE.right: {
           e.preventDefault();
           const nextMenu = menuList.value[getMenuIndex(target) + 1];
-          const firstNode = nextMenu?.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');
           focusNode(firstNode);
           break;
         }
@@ -17085,15 +17143,16 @@ const _sfc_main$1x = defineComponent({
   emits: tagEmits,
   setup(props, { emit }) {
     const tagSize = useSize();
+    const ns = useNamespace("tag");
     const classes = 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) => {
@@ -17104,14 +17163,13 @@ const _sfc_main$1x = defineComponent({
       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 = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -17121,22 +17179,24 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle({ backgroundColor: _ctx.color }),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("span", _hoisted_1$W, [
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.ns.e("content"))
+    }, [
       renderSlot(_ctx.$slots, "default")
-    ]),
+    ], 2),
     _ctx.closable ? (openBlock(), createBlock(_component_el_icon, {
       key: 0,
-      class: "el-tag__close",
+      class: normalizeClass(_ctx.ns.e("close")),
       onClick: _ctx.handleClose
     }, {
       default: withCtx(() => [
         createVNode(_component_close)
       ]),
       _: 1
-    }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+    }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
   ], 6)) : (openBlock(), createBlock(Transition, {
     key: 1,
-    name: "el-zoom-in-center"
+    name: `${_ctx.ns.namespace.value}-zoom-in-center`
   }, {
     default: withCtx(() => [
       createElementVNode("span", {
@@ -17144,23 +17204,25 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle({ backgroundColor: _ctx.color }),
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
       }, [
-        createElementVNode("span", _hoisted_2$E, [
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.ns.e("content"))
+        }, [
           renderSlot(_ctx.$slots, "default")
-        ]),
+        ], 2),
         _ctx.closable ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
-          class: "el-tag__close",
+          class: normalizeClass(_ctx.ns.e("close")),
           onClick: _ctx.handleClose
         }, {
           default: withCtx(() => [
             createVNode(_component_close)
           ]),
           _: 1
-        }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
       ], 6)
     ]),
     _: 3
-  }));
+  }, 8, ["name"]));
 }
 var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$1x, [["render", _sfc_render$1t]]);
 
@@ -17281,7 +17343,10 @@ const _sfc_main$1w = defineComponent({
     const multiple = computed(() => !!props.props.multiple);
     const readonly = computed(() => !props.filterable || multiple.value);
     const searchKeyword = computed(() => multiple.value ? searchInputValue.value : inputValue.value);
-    const checkedNodes = computed(() => panel.value?.checkedNodes || []);
+    const checkedNodes = computed(() => {
+      var _a;
+      return ((_a = panel.value) == null ? void 0 : _a.checkedNodes) || [];
+    });
     const clearBtnVisible = computed(() => {
       if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
         return false;
@@ -17297,24 +17362,27 @@ const _sfc_main$1w = defineComponent({
         return props.modelValue;
       },
       set(val) {
+        var _a;
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
-        elFormItem.validate?.("change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       }
     });
     const popperPaneRef = computed(() => {
-      return tooltipRef.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     const togglePopperVisible = (visible) => {
+      var _a, _b, _c;
       if (isDisabled.value)
         return;
-      visible = visible ?? !popperVisible.value;
+      visible = visible != null ? visible : !popperVisible.value;
       if (visible !== popperVisible.value) {
         popperVisible.value = visible;
-        input.value?.input?.setAttribute("aria-expanded", `${visible}`);
+        (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
         if (visible) {
           updatePopperPosition();
-          nextTick(panel.value?.scrollToExpandingNode);
+          nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
         } else if (props.filterable) {
           const { value } = presentText;
           inputValue.value = value;
@@ -17325,7 +17393,8 @@ const _sfc_main$1w = defineComponent({
     };
     const updatePopperPosition = () => {
       nextTick(() => {
-        tooltipRef.value?.updatePopper();
+        var _a;
+        (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
       });
     };
     const hideSuggestionPanel = () => {
@@ -17342,9 +17411,10 @@ const _sfc_main$1w = defineComponent({
       };
     };
     const deleteTag = (tag) => {
+      var _a;
       const node = tag.node;
       node.doCheck(false);
-      panel.value?.calculateCheckedValue();
+      (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
       emit("remove-tag", node.valueByOption);
     };
     const calculatePresentTags = () => {
@@ -17371,8 +17441,9 @@ const _sfc_main$1w = defineComponent({
       presentTags.value = tags;
     };
     const calculateSuggestions = () => {
+      var _a, _b;
       const { filterMethod, showAllLevels, separator } = props;
-      const res = panel.value?.getFlattedNodes(!props.props.checkStrictly)?.filter((node) => {
+      const res = (_b = (_a = panel.value) == null ? void 0 : _a.getFlattedNodes(!props.props.checkStrictly)) == null ? void 0 : _b.filter((node) => {
         if (node.isDisabled)
           return false;
         node.calcText(showAllLevels, separator);
@@ -17388,11 +17459,12 @@ const _sfc_main$1w = defineComponent({
       updatePopperPosition();
     };
     const focusFirstNode = () => {
+      var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
         firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
       } else {
-        firstNode = panel.value?.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
       }
       if (firstNode) {
         firstNode.focus();
@@ -17400,9 +17472,10 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const updateStyle = () => {
-      const inputInner = input.value?.input;
+      var _a, _b;
+      const inputInner = (_a = input.value) == null ? void 0 : _a.input;
       const tagWrapperEl = tagWrapper.value;
-      const suggestionPanelEl = suggestionPanel.value?.$el;
+      const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
       if (!isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
@@ -17417,14 +17490,16 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const getCheckedNodes = (leafOnly) => {
-      return panel.value?.getCheckedNodes(leafOnly);
+      var _a;
+      return (_a = panel.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
     };
     const handleExpandChange = (value) => {
       updatePopperPosition();
       emit("expand-change", value);
     };
     const handleComposition = (event) => {
-      const text = event.target?.value;
+      var _a;
+      const text = (_a = event.target) == null ? void 0 : _a.value;
       if (event.type === "compositionend") {
         isOnComposition.value = false;
         nextTick(() => handleInput(text));
@@ -17452,15 +17527,17 @@ const _sfc_main$1w = defineComponent({
       }
     };
     const handleClear = () => {
-      panel.value?.clearCheckedNodes();
+      var _a;
+      (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
       togglePopperVisible(false);
     };
     const handleSuggestionClick = (node) => {
+      var _a, _b;
       const { checked } = node;
       if (multiple.value) {
-        panel.value?.handleCheckChange(node, !checked, false);
+        (_a = panel.value) == null ? void 0 : _a.handleCheckChange(node, !checked, false);
       } else {
-        !checked && panel.value?.handleCheckChange(node, true, false);
+        !checked && ((_b = panel.value) == null ? void 0 : _b.handleCheckChange(node, true, false));
         togglePopperVisible(false);
       }
     };
@@ -17511,7 +17588,7 @@ const _sfc_main$1w = defineComponent({
     }, props.debounce);
     const handleInput = (val, e) => {
       !popperVisible.value && togglePopperVisible(true);
-      if (e?.isComposing)
+      if (e == null ? void 0 : e.isComposing)
         return;
       val ? handleFilter() : hideSuggestionPanel();
     };
@@ -17522,12 +17599,14 @@ const _sfc_main$1w = defineComponent({
     });
     watch(presentText, (val) => inputValue.value = val, { immediate: true });
     onMounted(() => {
-      const inputEl = input.value?.$el;
-      inputInitialHeight = inputEl?.offsetHeight || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
+      var _a;
+      const inputEl = (_a = input.value) == null ? void 0 : _a.$el;
+      inputInitialHeight = (inputEl == null ? void 0 : inputEl.offsetHeight) || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
       addResizeListener(inputEl, updateStyle);
     });
     onBeforeUnmount(() => {
-      removeResizeListener(input.value?.$el, updateStyle);
+      var _a;
+      removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
     });
     return {
       popperOptions,
@@ -18069,7 +18148,7 @@ const _sfc_main$1s = defineComponent({
     const isClick = ref(false);
     const id = ref(generateId());
     const isActive = computed(() => {
-      return collapse?.activeNames.value.indexOf(props.name) > -1;
+      return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
     });
     const handleFocus = () => {
       setTimeout(() => {
@@ -18083,12 +18162,12 @@ const _sfc_main$1s = defineComponent({
     const handleHeaderClick = () => {
       if (props.disabled)
         return;
-      collapse?.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(props.name);
       focusing.value = false;
       isClick.value = true;
     };
     const handleEnterClick = () => {
-      collapse?.handleItemClick(props.name);
+      collapse == null ? void 0 : collapse.handleItemClick(props.name);
     };
     return {
       isActive,
@@ -18988,10 +19067,11 @@ const _sfc_main$1n = defineComponent({
       color.fromString(customInput.value);
     }
     function confirmValue() {
+      var _a;
       const value = color.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit("change", value);
-      elFormItem.validate?.("change");
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       debounceSetShowPicker(false);
       nextTick(() => {
         const newColor = new Color({
@@ -19005,11 +19085,12 @@ const _sfc_main$1n = defineComponent({
       });
     }
     function clear() {
+      var _a;
       debounceSetShowPicker(false);
       emit(UPDATE_MODEL_EVENT, null);
       emit("change", null);
       if (props.modelValue !== null) {
-        elFormItem.validate?.("change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
       }
       resetColor();
     }
@@ -19020,9 +19101,10 @@ const _sfc_main$1n = defineComponent({
     });
     watch(() => showPicker.value, () => {
       nextTick(() => {
-        hue.value?.update();
-        svPanel.value?.update();
-        alpha.value?.update();
+        var _a, _b, _c;
+        (_a = hue.value) == null ? void 0 : _a.update();
+        (_b = svPanel.value) == null ? void 0 : _b.update();
+        (_c = alpha.value) == null ? void 0 : _c.update();
       });
     });
     provide(OPTIONS_KEY, {
@@ -19530,6 +19612,7 @@ const _sfc_main$1h = defineComponent({
       return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7);
     });
     const rows = computed(() => {
+      var _a;
       const startOfMonth = props.date.startOf("month");
       const startOfMonthDay = startOfMonth.day() || 7;
       const dateCountOfMonth = startOfMonth.daysInMonth();
@@ -19569,7 +19652,7 @@ const _sfc_main$1h = defineComponent({
           cell.type = "normal";
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "day") && calEndDate && calTime.isSameOrBefore(calEndDate, "day") || props.minDate && calTime.isSameOrBefore(props.minDate, "day") && calEndDate && calTime.isSameOrAfter(calEndDate, "day");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "day");
             cell.end = props.minDate && calTime.isSame(props.minDate, "day");
           } else {
@@ -19838,6 +19921,7 @@ const _sfc_main$1g = defineComponent({
     const lastRow = ref(null);
     const lastColumn = ref(null);
     const rows = computed(() => {
+      var _a;
       const rows2 = tableRows.value;
       const now = dayjs().locale(lang.value).startOf("month");
       for (let i = 0; i < 3; i++) {
@@ -19859,7 +19943,7 @@ const _sfc_main$1g = defineComponent({
           const calTime = props.date.startOf("year").month(index);
           const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate;
           cell.inRange = props.minDate && calTime.isSameOrAfter(props.minDate, "month") && calEndDate && calTime.isSameOrBefore(calEndDate, "month") || props.minDate && calTime.isSameOrBefore(props.minDate, "month") && calEndDate && calTime.isSameOrAfter(calEndDate, "month");
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
+          if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
             cell.start = calEndDate && calTime.isSame(calEndDate, "month");
             cell.end = props.minDate && calTime.isSame(props.minDate, "month");
           } else {
@@ -20043,8 +20127,8 @@ const _hoisted_1$N = { class: "cell" };
 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" };
@@ -20083,12 +20167,12 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 4)])
         }, [
-          createElementVNode("a", _hoisted_5$d, toDisplayString(_ctx.startYear + 4), 1)
+          createElementVNode("a", _hoisted_5$c, toDisplayString(_ctx.startYear + 4), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 5)])
         }, [
-          createElementVNode("a", _hoisted_6$b, toDisplayString(_ctx.startYear + 5), 1)
+          createElementVNode("a", _hoisted_6$a, toDisplayString(_ctx.startYear + 5), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 6)])
@@ -20277,7 +20361,7 @@ const _sfc_main$1e = defineComponent({
       currentView.value = "date";
     }, { immediate: true });
     watch(() => currentView.value, () => {
-      popper?.updatePopper();
+      popper == null ? void 0 : popper.updatePopper();
     });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const handleMonthPick = (month2) => {
@@ -20539,11 +20623,11 @@ const _hoisted_2$x = {
 };
 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"];
@@ -20585,8 +20669,8 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$f, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
-          createElementVNode("span", _hoisted_6$a, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+          createElementVNode("span", _hoisted_6$9, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
               "model-value": _ctx.visibleDate,
@@ -21191,11 +21275,11 @@ const _hoisted_2$w = {
 };
 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" };
@@ -21245,8 +21329,8 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$e, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
-          createElementVNode("span", _hoisted_6$9, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+          createElementVNode("span", _hoisted_6$8, [
             createElementVNode("span", _hoisted_7$6, [
               createVNode(_component_el_input, {
                 size: "small",
@@ -21674,8 +21758,8 @@ const _hoisted_2$v = {
 };
 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" };
@@ -21705,8 +21789,8 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_4$d, [
-        createElementVNode("div", _hoisted_5$a, [
-          createElementVNode("div", _hoisted_6$8, [
+        createElementVNode("div", _hoisted_5$9, [
+          createElementVNode("div", _hoisted_6$7, [
             createElementVNode("button", {
               type: "button",
               class: "el-picker-panel__icon-btn d-arrow-left",
@@ -22111,13 +22195,18 @@ const _sfc_main$1a = defineComponent({
       return node;
     };
     const getRows = () => {
-      const children = flattedChildren(slots.default?.()).filter((node) => node?.type?.name === "ElDescriptionsItem");
+      var _a;
+      const children = flattedChildren((_a = slots.default) == null ? void 0 : _a.call(slots)).filter((node) => {
+        var _a2;
+        return ((_a2 = node == null ? void 0 : node.type) == null ? void 0 : _a2.name) === "ElDescriptionsItem";
+      });
       const rows = [];
       let temp = [];
       let count = props.column;
       let totalSpan = 0;
       children.forEach((node, index) => {
-        const span = node.props?.span || 1;
+        var _a2;
+        const span = ((_a2 = node.props) == null ? void 0 : _a2.span) || 1;
         if (index < children.length - 1) {
           totalSpan += span > count ? count : span;
         }
@@ -22360,8 +22449,7 @@ const dialogProps = buildProps({
   },
   modalClass: String,
   width: {
-    type: [String, Number],
-    validator: isValidWidthUnit
+    type: [String, Number]
   },
   zIndex: {
     type: Number
@@ -22534,7 +22622,7 @@ const _hoisted_4$c = {
   key: 0,
   class: "el-dialog__body"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$8 = {
   key: 1,
   class: "el-dialog__footer"
 };
@@ -22605,7 +22693,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.rendered ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
                   renderSlot(_ctx.$slots, "default")
                 ])) : createCommentVNode("v-if", true),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
                   renderSlot(_ctx.$slots, "footer")
                 ])) : createCommentVNode("v-if", true)
               ], 14, _hoisted_1$I)), [
@@ -22712,32 +22800,22 @@ const _sfc_main$17 = defineComponent({
   emits: drawerEmits,
   setup(props, ctx) {
     const drawerRef = ref();
+    const ns = useNamespace("drawer");
     const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
     const drawerSize = 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 = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -22748,7 +22826,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: !_ctx.appendToBody
   }, [
     createVNode(Transition, {
-      name: "el-drawer-fade",
+      name: _ctx.ns.b("fade"),
       onAfterEnter: _ctx.afterEnter,
       onAfterLeave: _ctx.afterLeave,
       onBeforeLeave: _ctx.beforeLeave
@@ -22764,15 +22842,19 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
             withDirectives((openBlock(), createElementBlock("div", {
               ref: "drawerRef",
               "aria-modal": "true",
-              "aria-labelledby": "el-drawer__title",
+              "aria-labelledby": _ctx.ns.e("title"),
               "aria-label": _ctx.title,
-              class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+              class: normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
               style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
               role: "dialog",
               onClick: _cache[1] || (_cache[1] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.withHeader ? (openBlock(), createElementBlock("header", _hoisted_2$t, [
+              _ctx.withHeader ? (openBlock(), createElementBlock("header", {
+                key: 0,
+                id: _ctx.ns.e("title"),
+                class: normalizeClass(_ctx.ns.e("header"))
+              }, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createElementVNode("span", {
                     role: "heading",
@@ -22782,24 +22864,32 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   "aria-label": "close " + (_ctx.title || "drawer"),
-                  class: "el-drawer__close-btn",
+                  class: normalizeClass(_ctx.ns.e("close-btn")),
                   type: "button",
                   onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
                 }, [
-                  createVNode(_component_el_icon, { class: "el-drawer__close" }, {
+                  createVNode(_component_el_icon, {
+                    class: normalizeClass(_ctx.ns.e("close"))
+                  }, {
                     default: withCtx(() => [
                       createVNode(_component_close)
                     ]),
                     _: 1
-                  })
-                ], 8, _hoisted_4$b)) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true),
-              _ctx.rendered ? (openBlock(), createElementBlock("section", _hoisted_5$8, [
+                  }, 8, ["class"])
+                ], 10, _hoisted_4$b)) : createCommentVNode("v-if", true)
+              ], 10, _hoisted_2$t)) : createCommentVNode("v-if", true),
+              _ctx.rendered ? (openBlock(), createElementBlock("section", {
+                key: 1,
+                class: normalizeClass(_ctx.ns.e("body"))
+              }, [
                 renderSlot(_ctx.$slots, "default")
-              ])) : createCommentVNode("v-if", true),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+              ], 2)) : createCommentVNode("v-if", true),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: normalizeClass(_ctx.ns.e("footer"))
+              }, [
                 renderSlot(_ctx.$slots, "footer")
-              ])) : createCommentVNode("v-if", true)
+              ], 2)) : createCommentVNode("v-if", true)
             ], 14, _hoisted_1$H)), [
               [_directive_trap_focus]
             ])
@@ -22810,7 +22900,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 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]]);
@@ -23030,7 +23120,7 @@ const _sfc_main$16 = defineComponent({
         on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
         trapContainer.dispatchEvent(unmountEvent);
         if (!unmountEvent.defaultPrevented) {
-          tryFocus(lastFocusBeforeMounted ?? document.body, true);
+          tryFocus(lastFocusBeforeMounted != null ? lastFocusBeforeMounted : document.body, true);
         }
         off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount);
         focusableStack.remove(focusLayer);
@@ -23207,7 +23297,8 @@ const _sfc_main$13 = defineComponent({
   props: rovingFocusGroupProps,
   emits: [CURRENT_TAB_ID_CHANGE_EVT, "entryFocus"],
   setup(props, { emit }) {
-    const currentTabbedId = ref((props.currentTabId || props.defaultCurrentTabId) ?? null);
+    var _a;
+    const currentTabbedId = ref((_a = props.currentTabId || props.defaultCurrentTabId) != null ? _a : null);
     const isBackingOut = ref(false);
     const isClickFocus = ref(false);
     const rovingFocusGroupRef = ref(null);
@@ -23227,18 +23318,20 @@ const _sfc_main$13 = defineComponent({
       isBackingOut.value = true;
     };
     const onMousedown = composeEventHandlers((e) => {
-      props.onMousedown?.(e);
+      var _a2;
+      (_a2 = props.onMousedown) == null ? void 0 : _a2.call(props, e);
     }, () => {
       isClickFocus.value = true;
     });
     const onFocus = composeEventHandlers((e) => {
-      props.onFocus?.(e);
+      var _a2;
+      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
     }, (e) => {
       const isKeyboardFocus = !unref(isClickFocus);
       const { target, currentTarget } = e;
       if (target === currentTarget && isKeyboardFocus && !unref(isBackingOut)) {
         const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS);
-        currentTarget?.dispatchEvent(entryFocusEvt);
+        currentTarget == null ? void 0 : currentTarget.dispatchEvent(entryFocusEvt);
         if (!entryFocusEvt.defaultPrevented) {
           const items = getItems().filter((item) => item.focusable);
           const activeItem = items.find((item) => item.active);
@@ -23251,7 +23344,8 @@ const _sfc_main$13 = defineComponent({
       isClickFocus.value = false;
     });
     const onBlur = composeEventHandlers((e) => {
-      props.onBlur?.(e);
+      var _a2;
+      (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
     }, () => {
       isBackingOut.value = false;
     });
@@ -23275,7 +23369,7 @@ const _sfc_main$13 = defineComponent({
       onMousedown
     });
     watch(() => props.currentTabId, (val) => {
-      currentTabbedId.value = val ?? null;
+      currentTabbedId.value = val != null ? val : null;
     });
     onMounted(() => {
       const rovingFocusGroupEl = unref(rovingFocusGroupRef);
@@ -23534,10 +23628,12 @@ const _sfc_main$10 = defineComponent({
       handleClose();
     }
     function handleClose() {
-      popperRef.value?.onClose();
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onClose();
     }
     function handleOpen() {
-      popperRef.value?.onOpen();
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
     }
     const dropdownSize = useSize();
     function commandHandler(...args) {
@@ -23547,7 +23643,7 @@ const _sfc_main$10 = defineComponent({
     }
     function onItemLeave() {
       const contentEl = unref(contentRef);
-      contentEl?.focus();
+      contentEl == null ? void 0 : contentEl.focus();
       currentTabId.value = null;
     }
     function handleCurrentTabIdChange(id) {
@@ -23574,8 +23670,9 @@ const _sfc_main$10 = defineComponent({
       hideOnClick: toRef(props, "hideOnClick")
     });
     const onMountOnFocus = (e) => {
+      var _a, _b;
       e.preventDefault();
-      contentRef.value?.focus?.({
+      (_b = (_a = contentRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a, {
         preventScroll: true
       });
     };
@@ -23602,6 +23699,7 @@ const _sfc_main$10 = defineComponent({
 });
 const _hoisted_1$G = { class: "el-dropdown" };
 function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -23622,7 +23720,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       "manual-mode": true,
       placement: _ctx.placement,
       "popper-class": `el-dropdown__popper ${_ctx.popperClass}`,
-      "reference-element": _ctx.referenceElementRef?.$el,
+      "reference-element": (_a = _ctx.referenceElementRef) == null ? void 0 : _a.$el,
       trigger: _ctx.trigger,
       "show-after": _ctx.showTimeout,
       "stop-popper-mouse-event": false,
@@ -23818,18 +23916,22 @@ const _sfc_main$_ = defineComponent({
     const { elDropdown } = useDropdown();
     const _instance = getCurrentInstance();
     const itemRef = ref(null);
-    const textContent = computed(() => unref(itemRef)?.textContent ?? "");
+    const textContent = computed(() => {
+      var _a, _b;
+      return (_b = (_a = unref(itemRef)) == null ? void 0 : _a.textContent) != null ? _b : "";
+    });
     const { onItemEnter, onItemLeave } = inject(DROPDOWN_INJECTION_KEY, void 0);
     const handlePointerMove = composeEventHandlers((e) => {
       emit("pointermove", e);
       return e.defaultPrevented;
     }, whenMouse((e) => {
+      var _a;
       if (props.disabled) {
         onItemLeave(e);
       } else {
         onItemEnter(e);
         if (!e.defaultPrevented) {
-          e.currentTarget?.focus();
+          (_a = e.currentTarget) == null ? void 0 : _a.focus();
         }
       }
     }));
@@ -23843,14 +23945,15 @@ const _sfc_main$_ = defineComponent({
       emit("click", e);
       return e.defaultPrevented;
     }, (e) => {
+      var _a, _b, _c;
       if (props.disabled) {
         e.stopImmediatePropagation();
         return;
       }
-      if (elDropdown?.hideOnClick?.value) {
-        elDropdown.handleClick?.();
+      if ((_a = elDropdown == null ? void 0 : elDropdown.hideOnClick) == null ? void 0 : _a.value) {
+        (_b = elDropdown.handleClick) == null ? void 0 : _b.call(elDropdown);
       }
-      elDropdown.commandHandler?.(props.command, _instance, e);
+      (_c = elDropdown.commandHandler) == null ? void 0 : _c.call(elDropdown, props.command, _instance, e);
     });
     return {
       handleClick,
@@ -23861,12 +23964,13 @@ const _sfc_main$_ = defineComponent({
   }
 });
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
   const _component_el_dropdown_collection_item = resolveComponent("el-dropdown-collection-item");
   return openBlock(), createBlock(_component_el_dropdown_collection_item, {
     disabled: _ctx.disabled,
-    "text-value": _ctx.textValue ?? _ctx.textContent
+    "text-value": (_a = _ctx.textValue) != null ? _a : _ctx.textContent
   }, {
     default: withCtx(() => [
       createVNode(_component_el_roving_focus_item, {
@@ -23918,7 +24022,8 @@ const _sfc_main$Z = defineComponent({
     });
     const dropdownListWrapperRef = composeRefs(contentRef, dropdownCollectionRef, focusTrapRef, rovingFocusGroupRef, rovingFocusGroupCollectionRef);
     const composedKeydown = composeEventHandlers((e) => {
-      props.onKeydown?.(e);
+      var _a;
+      (_a = props.onKeydown) == null ? void 0 : _a.call(props, e);
     }, (e) => {
       const { currentTarget, code, target } = e;
       currentTarget.contains(target);
@@ -23995,11 +24100,11 @@ const _hoisted_1$E = {
 };
 const _hoisted_2$r = ["id"];
 const _hoisted_3$j = /* @__PURE__ */ createElementVNode("stop", {
-  "stop-color": "#FCFCFD",
+  "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
 const _hoisted_4$a = /* @__PURE__ */ createElementVNode("stop", {
-  "stop-color": "#EEEFF3",
+  "stop-color": "var(--el-empty-fill-color-4)",
   offset: "100%"
 }, null, -1);
 const _hoisted_5$7 = [
@@ -24008,11 +24113,11 @@ const _hoisted_5$7 = [
 ];
 const _hoisted_6$6 = ["id"];
 const _hoisted_7$4 = /* @__PURE__ */ createElementVNode("stop", {
-  "stop-color": "#FCFCFD",
+  "stop-color": "var(--el-empty-fill-color-1)",
   offset: "0%"
 }, null, -1);
 const _hoisted_8$3 = /* @__PURE__ */ createElementVNode("stop", {
-  "stop-color": "#E9EBEF",
+  "stop-color": "var(--el-empty-fill-color-6)",
   offset: "100%"
 }, null, -1);
 const _hoisted_9$2 = [
@@ -24038,11 +24143,11 @@ const _hoisted_13 = {
 const _hoisted_14 = /* @__PURE__ */ 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__ */ 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);
@@ -24052,19 +24157,19 @@ const _hoisted_16 = {
 };
 const _hoisted_17 = /* @__PURE__ */ 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__ */ 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__ */ 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);
@@ -24079,7 +24184,7 @@ const _hoisted_25 = ["xlink:href"];
 const _hoisted_26 = ["mask"];
 const _hoisted_27 = /* @__PURE__ */ 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);
@@ -24138,7 +24243,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("g", _hoisted_22, [
             createElementVNode("mask", {
               id: `mask-4-${_ctx.id}`,
-              fill: "white"
+              fill: "var(--el-empty-fill-color-0)"
             }, [
               createElementVNode("use", {
                 "xlink:href": `#path-3-${_ctx.id}`
@@ -24146,13 +24251,13 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
             ], 8, _hoisted_23),
             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),
             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"
@@ -25907,10 +26012,11 @@ const _sfc_main$V = defineComponent({
       const model = {};
       model[props.prop] = fieldValue.value;
       validator.validate(model, { firstFields: true }, (errors, fields) => {
+        var _a;
         validateState.value = !errors ? "success" : "error";
         validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
         callback(validateMessage.value, errors ? fields : {});
-        elForm.emit?.("validate", props.prop, !errors, validateMessage.value || null);
+        (_a = elForm.emit) == null ? void 0 : _a.call(elForm, "validate", props.prop, !errors, validateMessage.value || null);
       });
     };
     const clearValidate = () => {
@@ -25955,7 +26061,8 @@ const _sfc_main$V = defineComponent({
       }).map((rule) => ({ ...rule }));
     };
     const evaluateValidationEnabled = () => {
-      isValidationEnabled.value = !!getRules()?.length;
+      var _a;
+      isValidationEnabled.value = !!((_a = getRules()) == null ? void 0 : _a.length);
     };
     const updateComputedLabelWidth = (width) => {
       computedLabelWidth.value = width ? `${width}px` : "";
@@ -25973,14 +26080,14 @@ const _sfc_main$V = defineComponent({
     });
     onMounted(() => {
       if (props.prop) {
-        elForm?.addField(elFormItem);
+        elForm == null ? void 0 : elForm.addField(elFormItem);
         const value = fieldValue.value;
         initialValue = Array.isArray(value) ? [...value] : value;
         evaluateValidationEnabled();
       }
     });
     onBeforeUnmount(() => {
-      elForm?.removeField(elFormItem);
+      elForm == null ? void 0 : elForm.removeField(elFormItem);
     });
     provide(elFormItemKey, elFormItem);
     const formItemClass = computed(() => [
@@ -26308,7 +26415,7 @@ const _sfc_main$U = defineComponent({
     watch(currentImg, () => {
       nextTick(() => {
         const $img = img.value;
-        if (!$img?.complete) {
+        if (!($img == null ? void 0 : $img.complete)) {
           loading.value = true;
         }
       });
@@ -26318,8 +26425,9 @@ const _sfc_main$U = defineComponent({
       emit("switch", val);
     });
     onMounted(() => {
+      var _a, _b;
       registerEventListener();
-      wrapper.value?.focus?.();
+      (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     });
     return {
       index,
@@ -26626,6 +26734,7 @@ const _sfc_main$T = defineComponent({
     }
     const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
     async function addLazyLoadListener() {
+      var _a;
       if (!isClient)
         return;
       await nextTick();
@@ -26633,7 +26742,7 @@ const _sfc_main$T = defineComponent({
       if (isHtmlElement(scrollContainer)) {
         _scrollContainer.value = scrollContainer;
       } else if (isString$1(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer.value = document.querySelector(scrollContainer) ?? void 0;
+        _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
       } else if (container.value) {
         _scrollContainer.value = getScrollContainer(container.value);
       }
@@ -26670,7 +26779,7 @@ const _sfc_main$T = defineComponent({
       showViewer.value = true;
     }
     function closeViewer() {
-      stopWheelListener?.();
+      stopWheelListener == null ? void 0 : stopWheelListener();
       document.body.style.overflow = prevOverflow;
       showViewer.value = false;
       emit("close");
@@ -26916,6 +27025,7 @@ const _sfc_main$S = defineComponent({
       setCurrentValue(newVal);
     };
     const setCurrentValue = (newVal) => {
+      var _a;
       const oldVal = data.currentValue;
       if (typeof newVal === "number" && props.precision !== void 0) {
         newVal = toPrecision(newVal, props.precision);
@@ -26933,7 +27043,7 @@ const _sfc_main$S = defineComponent({
       emit("update:modelValue", newVal);
       emit("input", newVal);
       emit("change", newVal, oldVal);
-      formItem?.validate?.("change");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       data.currentValue = newVal;
     };
     const handleInput = (value) => {
@@ -26947,17 +27057,20 @@ const _sfc_main$S = defineComponent({
       data.userInput = null;
     };
     const focus = () => {
-      input.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     const blur = () => {
-      input.value?.blur?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
     };
     const handleFocus = (event) => {
       emit("focus", event);
     };
     const handleBlur = (event) => {
+      var _a;
       emit("blur", event);
-      formItem?.validate?.("blur");
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
     };
     watch(() => props.modelValue, (value) => {
       let newVal = Number(value);
@@ -26986,7 +27099,8 @@ const _sfc_main$S = defineComponent({
       data.userInput = null;
     }, { immediate: true });
     onMounted(() => {
-      const innerInput = input.value?.input;
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput.setAttribute("role", "spinbutton");
       innerInput.setAttribute("aria-valuemax", String(props.max));
       innerInput.setAttribute("aria-valuemin", String(props.min));
@@ -27001,7 +27115,8 @@ const _sfc_main$S = defineComponent({
       }
     });
     onUpdated(() => {
-      const innerInput = input.value?.input;
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput.setAttribute("aria-valuenow", data.currentValue);
     });
     return {
@@ -28477,7 +28592,8 @@ const _sfc_main$J = defineComponent({
     const isFitInputWidth = computed(() => select.props.fitInputWidth);
     const minWidth = ref("");
     function updateMinWidth() {
-      minWidth.value = `${select.selectWrapper?.getBoundingClientRect().width}px`;
+      var _a;
+      minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
     }
     onMounted(() => {
       updateMinWidth();
@@ -29401,7 +29517,8 @@ const _sfc_main$I = defineComponent({
       ctx.emit(UPDATE_MODEL_EVENT, "");
     }
     const popperPaneRef = computed(() => {
-      return tooltipRef.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     return {
       tagInMultiLine,
@@ -29746,9 +29863,10 @@ const _sfc_main$H = defineComponent({
       const children2 = [];
       if (Array.isArray(node.children)) {
         node.children.forEach((child) => {
+          var _a;
           if (child.type && child.type.name === "ElOption" && child.component && child.component.proxy) {
             children2.push(child.component.proxy);
-          } else if (child.children?.length) {
+          } else if ((_a = child.children) == null ? void 0 : _a.length) {
             children2.push(...flattedChildren(child));
           }
         });
@@ -29830,9 +29948,10 @@ const _sfc_main$G = defineComponent({
     });
     const innerPagesizes = computed(() => props.pageSizes);
     function handleChange(val) {
+      var _a;
       if (val !== innerPageSize.value) {
         innerPageSize.value = val;
-        pagination.handleSizeChange?.(Number(val));
+        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
       }
     }
     return {
@@ -29879,13 +29998,16 @@ const _sfc_main$F = defineComponent({
     const { t } = useLocale();
     const { pageCount, disabled, currentPage, changeEvent } = usePagination();
     const userInput = ref();
-    const innerValue = computed(() => userInput.value ?? currentPage?.value);
+    const innerValue = computed(() => {
+      var _a;
+      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
+    });
     function handleInput(val) {
       userInput.value = +val;
     }
     function handleChange(val) {
       val = Math.trunc(+val);
-      changeEvent?.(+val);
+      changeEvent == null ? void 0 : changeEvent(+val);
       userInput.value = void 0;
     }
     return {
@@ -30420,17 +30542,20 @@ const _sfc_main$C = defineComponent({
     const { t } = useLocale();
     const tooltipRef = ref();
     const hidePopper = () => {
-      unref(tooltipRef)?.onClose?.();
+      var _a, _b;
+      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
     const handleCallback = () => {
       hidePopper();
     };
     const confirm = (e) => {
-      props.onConfirm?.(e);
+      var _a;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
       handleCallback();
     };
     const cancel = (e) => {
-      props.onCancel?.(e);
+      var _a;
+      (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
       handleCallback();
     };
     const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
@@ -30523,10 +30648,6 @@ const usePopoverProps = {
   },
   ...buildProps({
     title: String,
-    hideAfter: {
-      type: Number,
-      default: 200
-    },
     width: {
       type: [String, Number],
       default: 150
@@ -30546,7 +30667,8 @@ const _sfc_main$B = defineComponent({
   setup(props) {
     const tooltipRef = ref(null);
     const popperRef = computed(() => {
-      return unref(tooltipRef)?.popperRef;
+      var _a;
+      return (_a = unref(tooltipRef)) == null ? void 0 : _a.popperRef;
     });
     const width = computed(() => {
       if (isString$1(props.width)) {
@@ -30570,7 +30692,8 @@ const _sfc_main$B = defineComponent({
       ];
     });
     const hide = () => {
-      tooltipRef.value?.hide();
+      var _a;
+      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
     };
     return {
       kls,
@@ -30783,6 +30906,7 @@ const _sfc_main$A = defineComponent({
     });
     const content = computed(() => props.format(props.percentage));
     const getCurrentColor = (percentage) => {
+      var _a;
       const { color } = props;
       if (typeof color === "function") {
         return color(percentage);
@@ -30804,7 +30928,7 @@ const _sfc_main$A = defineComponent({
           if (color2.percentage > percentage)
             return color2.color;
         }
-        return colors[colors.length - 1]?.color;
+        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
       }
     };
     const slotData = computed(() => {
@@ -30942,15 +31066,19 @@ const rateProps = buildProps({
   },
   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]),
@@ -30982,7 +31110,7 @@ const rateProps = buildProps({
   },
   textColor: {
     type: String,
-    default: "#1f2d3d"
+    default: "var(--el-rate-text-color)"
   },
   texts: {
     type: definePropType(Array),
@@ -33354,6 +33482,7 @@ const _sfc_main$v = defineComponent({
     };
   },
   render(_ctx, _cache) {
+    var _a;
     const {
       $slots,
       data,
@@ -33380,7 +33509,7 @@ const _sfc_main$v = defineComponent({
         style: {
           width: `${width}px`
         }
-      }, $slots.empty?.());
+      }, (_a = $slots.empty) == null ? void 0 : _a.call($slots));
     }
     const ListItem = withCtx((scoped) => {
       const { index, data: data2 } = scoped;
@@ -34255,67 +34384,49 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       onShow: _ctx.handleMenuEnter,
       onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
     }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          ref: "selectionRef",
-          class: normalizeClass(["el-select-v2__wrapper", {
-            "is-focused": _ctx.states.isComposing,
-            "is-hovering": _ctx.states.comboBoxHovering,
-            "is-filterable": _ctx.filterable,
-            "is-disabled": _ctx.disabled
-          }])
-        }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
-            renderSlot(_ctx.$slots, "prefix")
-          ])) : createCommentVNode("v-if", true),
-          _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
-            _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
-              createVNode(_component_el_tag, {
-                closable: !_ctx.selectDisabled && !_ctx.states.cachedOptions[0]?.disable,
-                size: _ctx.collapseTagSize,
-                type: "info",
-                "disable-transitions": "",
-                onClose: _cache[0] || (_cache[0] = ($event) => _ctx.deleteTag($event, _ctx.states.cachedOptions[0]))
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", {
-                    class: "el-select-v2__tags-text",
-                    style: normalizeStyle({
-                      maxWidth: `${_ctx.tagMaxWidth}px`
-                    })
-                  }, toDisplayString(_ctx.states.cachedOptions[0]?.label), 5)
-                ]),
-                _: 1
-              }, 8, ["closable", "size"]),
-              _ctx.modelValue.length > 1 ? (openBlock(), createBlock(_component_el_tag, {
-                key: 0,
-                closable: false,
-                size: _ctx.collapseTagSize,
-                type: "info",
-                "disable-transitions": ""
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", {
-                    class: "el-select-v2__tags-text",
-                    style: normalizeStyle({
-                      maxWidth: `${_ctx.tagMaxWidth}px`
-                    })
-                  }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 5)
-                ]),
-                _: 1
-              }, 8, ["size"])) : createCommentVNode("v-if", true)
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.states.cachedOptions, (selected, idx) => {
-              return openBlock(), createElementBlock("div", {
-                key: idx,
-                class: "el-select-v2__selected-item"
-              }, [
-                (openBlock(), createBlock(_component_el_tag, {
-                  key: _ctx.getValueKey(selected),
-                  closable: !_ctx.selectDisabled && !selected.disabled,
+      default: withCtx(() => {
+        var _a;
+        return [
+          createElementVNode("div", {
+            ref: "selectionRef",
+            class: normalizeClass(["el-select-v2__wrapper", {
+              "is-focused": _ctx.states.isComposing,
+              "is-hovering": _ctx.states.comboBoxHovering,
+              "is-filterable": _ctx.filterable,
+              "is-disabled": _ctx.disabled
+            }])
+          }, [
+            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+              renderSlot(_ctx.$slots, "prefix")
+            ])) : createCommentVNode("v-if", true),
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
+                createVNode(_component_el_tag, {
+                  closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
                   size: _ctx.collapseTagSize,
                   type: "info",
                   "disable-transitions": "",
-                  onClose: ($event) => _ctx.deleteTag($event, selected)
+                  onClose: _cache[0] || (_cache[0] = ($event) => _ctx.deleteTag($event, _ctx.states.cachedOptions[0]))
+                }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [
+                      createElementVNode("span", {
+                        class: "el-select-v2__tags-text",
+                        style: normalizeStyle({
+                          maxWidth: `${_ctx.tagMaxWidth}px`
+                        })
+                      }, toDisplayString((_a2 = _ctx.states.cachedOptions[0]) == null ? void 0 : _a2.label), 5)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["closable", "size"]),
+                _ctx.modelValue.length > 1 ? (openBlock(), createBlock(_component_el_tag, {
+                  key: 0,
+                  closable: false,
+                  size: _ctx.collapseTagSize,
+                  type: "info",
+                  "disable-transitions": ""
                 }, {
                   default: withCtx(() => [
                     createElementVNode("span", {
@@ -34323,141 +34434,165 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                       style: normalizeStyle({
                         maxWidth: `${_ctx.tagMaxWidth}px`
                       })
-                    }, toDisplayString(_ctx.getLabel(selected)), 5)
+                    }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 5)
                   ]),
-                  _: 2
-                }, 1032, ["closable", "size", "onClose"]))
-              ]);
-            }), 128)),
-            createElementVNode("div", {
-              class: "el-select-v2__selected-item el-select-v2__input-wrapper",
-              style: normalizeStyle(_ctx.inputWrapperStyle)
-            }, [
-              withDirectives(createElementVNode("input", {
-                id: _ctx.id,
-                ref: "inputRef",
-                autocomplete: _ctx.autocomplete,
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                autocapitalize: "off",
-                "aria-expanded": _ctx.expanded,
-                "aria-labelledby": _ctx.label,
-                class: normalizeClass(["el-select-v2__combobox-input", [_ctx.selectSize ? `is-${_ctx.selectSize}` : ""]]),
-                disabled: _ctx.disabled,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                name: _ctx.name,
-                unselectable: _ctx.expanded ? "on" : void 0,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
-                onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                onKeydown: [
-                  _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                  _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-                ]
-              }, null, 42, _hoisted_4$6), [
-                [_directive_model_text, _ctx.states.displayInputValue]
+                  _: 1
+                }, 8, ["size"])) : createCommentVNode("v-if", true)
+              ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                return openBlock(), createElementBlock("div", {
+                  key: idx,
+                  class: "el-select-v2__selected-item"
+                }, [
+                  (openBlock(), createBlock(_component_el_tag, {
+                    key: _ctx.getValueKey(selected),
+                    closable: !_ctx.selectDisabled && !selected.disabled,
+                    size: _ctx.collapseTagSize,
+                    type: "info",
+                    "disable-transitions": "",
+                    onClose: ($event) => _ctx.deleteTag($event, selected)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: "el-select-v2__tags-text",
+                        style: normalizeStyle({
+                          maxWidth: `${_ctx.tagMaxWidth}px`
+                        })
+                      }, toDisplayString(_ctx.getLabel(selected)), 5)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "onClose"]))
+                ]);
+              }), 128)),
+              createElementVNode("div", {
+                class: "el-select-v2__selected-item el-select-v2__input-wrapper",
+                style: normalizeStyle(_ctx.inputWrapperStyle)
+              }, [
+                withDirectives(createElementVNode("input", {
+                  id: _ctx.id,
+                  ref: "inputRef",
+                  autocomplete: _ctx.autocomplete,
+                  "aria-autocomplete": "list",
+                  "aria-haspopup": "listbox",
+                  autocapitalize: "off",
+                  "aria-expanded": _ctx.expanded,
+                  "aria-labelledby": _ctx.label,
+                  class: normalizeClass(["el-select-v2__combobox-input", [_ctx.selectSize ? `is-${_ctx.selectSize}` : ""]]),
+                  disabled: _ctx.disabled,
+                  role: "combobox",
+                  readonly: !_ctx.filterable,
+                  spellcheck: "false",
+                  type: "text",
+                  name: _ctx.name,
+                  unselectable: _ctx.expanded ? "on" : void 0,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
+                  onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                  onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                  onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                  onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                  onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                  onKeydown: [
+                    _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                    _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                    _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                    _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
+                    _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
+                  ]
+                }, null, 42, _hoisted_4$6), [
+                  [_directive_model_text, _ctx.states.displayInputValue]
+                ]),
+                _ctx.filterable ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  ref: "calculatorRef",
+                  "aria-hidden": "true",
+                  class: "el-select-v2__input-calculator",
+                  textContent: toDisplayString(_ctx.states.displayInputValue)
+                }, null, 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
+              ], 4)
+            ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createElementVNode("div", _hoisted_6$3, [
+                withDirectives(createElementVNode("input", {
+                  id: _ctx.id,
+                  ref: "inputRef",
+                  "aria-autocomplete": "list",
+                  "aria-haspopup": "listbox",
+                  "aria-labelledby": _ctx.label,
+                  "aria-expanded": _ctx.expanded,
+                  autocapitalize: "off",
+                  autocomplete: _ctx.autocomplete,
+                  class: "el-select-v2__combobox-input",
+                  disabled: _ctx.disabled,
+                  name: _ctx.name,
+                  role: "combobox",
+                  readonly: !_ctx.filterable,
+                  spellcheck: "false",
+                  type: "text",
+                  unselectable: _ctx.expanded ? "on" : void 0,
+                  onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                  onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                  onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                  onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                  onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                  onKeydown: [
+                    _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                    _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                    _cache[19] || (_cache[19] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                    _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
+                  ],
+                  "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
+                }, null, 40, _hoisted_7$2), [
+                  [_directive_model_text, _ctx.states.displayInputValue]
+                ])
               ]),
               _ctx.filterable ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 ref: "calculatorRef",
                 "aria-hidden": "true",
-                class: "el-select-v2__input-calculator",
+                class: "el-select-v2__selected-item el-select-v2__input-calculator",
                 textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
-            ], 4)
-          ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_6$3, [
-              withDirectives(createElementVNode("input", {
-                id: _ctx.id,
-                ref: "inputRef",
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                "aria-labelledby": _ctx.label,
-                "aria-expanded": _ctx.expanded,
-                autocapitalize: "off",
-                autocomplete: _ctx.autocomplete,
-                class: "el-select-v2__combobox-input",
-                disabled: _ctx.disabled,
-                name: _ctx.name,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                unselectable: _ctx.expanded ? "on" : void 0,
-                onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                onKeydown: [
-                  _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  _cache[19] || (_cache[19] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
-                ],
-                "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-              }, null, 40, _hoisted_7$2), [
-                [_directive_model_text, _ctx.states.displayInputValue]
-              ])
-            ]),
-            _ctx.filterable ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              ref: "calculatorRef",
-              "aria-hidden": "true",
-              class: "el-select-v2__selected-item el-select-v2__input-calculator",
-              textContent: toDisplayString(_ctx.states.displayInputValue)
-            }, null, 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
-          ], 64)),
-          _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
-            key: 3,
-            class: normalizeClass({
-              "el-select-v2__placeholder": true,
-              "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
-            })
-          }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
-          createElementVNode("span", _hoisted_9$1, [
-            _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
-              key: 0,
-              class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-              ]),
-              _: 1
-            }, 8, ["class"])), [
-              [vShow, !_ctx.showClearBtn]
-            ]) : createCommentVNode("v-if", true),
-            _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 1,
-              class: "el-select-v2__caret el-input__icon",
-              onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-            _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 2,
-              class: "el-input__icon el-input__validateIcon"
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
-              ]),
-              _: 1
-            })) : createCommentVNode("v-if", true)
-          ])
-        ], 2)
-      ]),
+              }, null, 8, _hoisted_8$2)) : createCommentVNode("v-if", true)
+            ], 64)),
+            _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
+              key: 3,
+              class: normalizeClass({
+                "el-select-v2__placeholder": true,
+                "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
+              })
+            }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
+            createElementVNode("span", _hoisted_9$1, [
+              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+                key: 0,
+                class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])), [
+                [vShow, !_ctx.showClearBtn]
+              ]) : createCommentVNode("v-if", true),
+              _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                class: "el-select-v2__caret el-input__icon",
+                onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+              _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 2,
+                class: "el-input__icon el-input__validateIcon"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ];
+      }),
       content: withCtx(() => [
         createVNode(_component_el_select_menu, {
           ref: "menuRef",
@@ -34921,9 +35056,10 @@ const _sfc_main$p = defineComponent({
     };
   },
   render() {
+    var _a;
     return h$1("div", {
       class: "el-slider__marks-text",
-      style: this.mark?.style
+      style: (_a = this.mark) == null ? void 0 : _a.style
     }, this.label);
   }
 });
@@ -35255,6 +35391,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
     }
   };
   const setValues = () => {
+    var _a, _b;
     if (props.min > props.max) {
       throwError("Slider", "min should not be greater than max.");
       return;
@@ -35273,7 +35410,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.firstValue = val[0];
         initData.secondValue = val[1];
         if (valueChanged()) {
-          elFormItem.validate?.("change");
+          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
           initData.oldValue = val.slice();
         }
       }
@@ -35285,7 +35422,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
       } else {
         initData.firstValue = val;
         if (valueChanged()) {
-          elFormItem.validate?.("change");
+          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
           initData.oldValue = val;
         }
       }
@@ -35768,7 +35905,8 @@ const _sfc_main$l = defineComponent({
       return parent.steps.value.length;
     });
     const isLast = computed(() => {
-      return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid;
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
     });
     const space = computed(() => {
       return isSimple.value ? "" : parent.props.space;
@@ -36045,12 +36183,13 @@ const _sfc_main$k = defineComponent({
       emit(INPUT_EVENT, props.inactiveValue);
     }
     watch(checked, () => {
+      var _a;
       input.value.checked = checked.value;
       if (props.activeColor || props.inactiveColor) {
         setBackgroundColor();
       }
       if (props.validateEvent) {
-        formItem?.validate?.("change");
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       }
     });
     const handleChange = () => {
@@ -36097,7 +36236,8 @@ const _sfc_main$k = defineComponent({
       coreEl.children[0].style.color = newColor;
     };
     const focus = () => {
-      input.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     onMounted(() => {
       if (props.activeColor || props.inactiveColor || props.borderColor) {
@@ -37837,7 +37977,7 @@ const _sfc_main$j = defineComponent({
     const instance = getCurrentInstance();
     const { t } = useLocale();
     const ns = useNamespace("table-filter");
-    const parent = instance?.parent;
+    const parent = instance == null ? void 0 : instance.parent;
     if (!parent.filterPanels.value[props.column.id]) {
       parent.filterPanels.value[props.column.id] = instance;
     }
@@ -37847,7 +37987,10 @@ const _sfc_main$j = defineComponent({
       return props.column && props.column.filters;
     });
     const filterValue = computed({
-      get: () => (props.column?.filteredValue || [])[0],
+      get: () => {
+        var _a;
+        return (((_a = props.column) == null ? void 0 : _a.filteredValue) || [])[0];
+      },
       set: (value) => {
         if (filteredValue.value) {
           if (typeof value !== "undefined" && value !== null) {
@@ -37923,7 +38066,8 @@ const _sfc_main$j = defineComponent({
       immediate: true
     });
     const popperPaneRef = computed(() => {
-      return tooltip.value?.popperRef?.contentRef;
+      var _a, _b;
+      return (_b = (_a = tooltip.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     return {
       tooltipVisible,
@@ -39049,7 +39193,7 @@ var TableBody = defineComponent({
       }
       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) {
@@ -39853,7 +39997,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         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: withCtx(() => [
             createVNode(_component_table_body, {
@@ -39892,7 +40037,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["height"])
+        }, 8, ["height", "max-height"])
       ], 6),
       _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
         key: 1,
@@ -40514,7 +40659,8 @@ const _sfc_main$h = defineComponent({
       const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
       const sizeDir = sizeName === "width" ? "x" : "y";
       props.tabs.every((tab) => {
-        const $el = instance.parent?.refs?.[`tab-${tab.paneName}`];
+        var _a, _b, _c, _d;
+        const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.paneName}`];
         if (!$el)
           return false;
         if (!tab.active) {
@@ -40522,7 +40668,7 @@ const _sfc_main$h = defineComponent({
         }
         tabSize = $el[`client${capitalize(sizeName)}`];
         const position = sizeDir === "x" ? "left" : "top";
-        offset = $el.getBoundingClientRect()[position] - ($el.parentElement?.getBoundingClientRect()[position] ?? 0);
+        offset = $el.getBoundingClientRect()[position] - ((_d = (_c = $el.parentElement) == null ? void 0 : _c.getBoundingClientRect()[position]) != null ? _d : 0);
         const tabStyles = window.getComputedStyle($el);
         if (sizeName === "width") {
           if (props.tabs.length > 1) {
@@ -41222,10 +41368,12 @@ const _sfc_main$f = defineComponent({
       return result;
     });
     const blur = () => {
-      select.value?.blur?.();
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
     };
     const focus = () => {
-      select.value?.focus?.();
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     return {
       select,
@@ -41814,13 +41962,16 @@ const _sfc_main$c = defineComponent({
     const { propsKey, sourceData, targetData } = useComputedData(props);
     const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
     const { addToLeft, addToRight } = useMove(props, checkedState, propsKey, emit);
-    const leftPanel = ref(null);
-    const rightPanel = ref(null);
+    const leftPanel = ref();
+    const rightPanel = 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 = computed(() => props.buttonTexts.length === 2);
@@ -41828,7 +41979,8 @@ const _sfc_main$c = defineComponent({
     const rightPanelTitle = computed(() => props.titles[1] || t("el.transfer.titles.1"));
     const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
     watch(() => props.modelValue, () => {
-      elFormItem.validate?.("change");
+      var _a;
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
     });
     const optionRender = computed(() => (option) => {
       if (props.renderContent)
@@ -41850,6 +42002,8 @@ const _sfc_main$c = defineComponent({
       rightPanelTitle,
       panelFilterPlaceholder,
       clearQuery,
+      leftPanel,
+      rightPanel,
       optionRender
     };
   }
@@ -43519,6 +43673,7 @@ const _hoisted_3$4 = {
   class: "el-tree__drop-indicator"
 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
     ref: "el$",
@@ -43543,7 +43698,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
     }), 128)),
     _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-      createElementVNode("span", _hoisted_2$5, toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$5, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ])) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", _hoisted_3$4, null, 512), [
       [vShow, _ctx.dragState.showDropIndicator]
@@ -44218,10 +44373,12 @@ const _sfc_main$8 = defineComponent({
   setup(props, { emit }) {
     const tree = inject(ROOT_TREE_INJECTION_KEY);
     const indent = computed(() => {
-      return tree?.props.indent ?? 16;
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
     });
     const icon = computed(() => {
-      return tree?.props.icon ?? DEFAULT_ICON;
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
     });
     const handleClick = (e) => {
       emit("click", props.node, e);
@@ -44233,11 +44390,12 @@ const _sfc_main$8 = defineComponent({
       emit("check", props.node, value);
     };
     const handleContextMenu = (event) => {
-      if (tree?.instance?.vnode?.props?.["onNodeContextmenu"]) {
+      var _a, _b, _c, _d;
+      if ((_c = (_b = (_a = tree == null ? void 0 : tree.instance) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props) == null ? void 0 : _c["onNodeContextmenu"]) {
         event.stopPropagation();
         event.preventDefault();
       }
-      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node);
+      tree == null ? void 0 : tree.ctx.emit(NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
     };
     return {
       indent,
@@ -44251,6 +44409,7 @@ const _sfc_main$8 = defineComponent({
 });
 const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c;
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_node_content = resolveComponent("el-node-content");
@@ -44267,7 +44426,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-expanded": _ctx.expanded,
     "aria-disabled": _ctx.disabled,
     "aria-checked": _ctx.checked,
-    "data-key": _ctx.node?.key,
+    "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
     onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
     onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
   }, [
@@ -44279,9 +44438,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: normalizeClass([
           {
-            "is-leaf": _ctx.node?.isLeaf,
+            "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
             "is-hidden": _ctx.hiddenExpandIcon,
-            expanded: !_ctx.node?.isLeaf && _ctx.expanded
+            expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
           },
           "el-tree-node__expand-icon"
         ]),
@@ -44384,6 +44543,7 @@ const _hoisted_1$5 = {
 };
 const _hoisted_2$4 = { class: "el-tree__empty-text" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
   return openBlock(), createElementBlock("div", {
@@ -44420,7 +44580,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", _hoisted_1$5, [
-      createElementVNode("span", _hoisted_2$4, toDisplayString(_ctx.emptyText ?? _ctx.t("el.tree.emptyText")), 1)
+      createElementVNode("span", _hoisted_2$4, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
     ]))
   ], 2);
 }
@@ -44707,9 +44867,10 @@ const _sfc_main$5 = defineComponent({
     const uploader = inject("uploader", {});
     const dragover = ref(false);
     function onDrop(e) {
+      var _a;
       if (props.disabled || !uploader)
         return;
-      const accept = uploader.props?.accept || uploader.accept;
+      const accept = ((_a = uploader.props) == null ? void 0 : _a.accept) || uploader.accept;
       dragover.value = false;
       if (!accept) {
         emit("file", e.dataTransfer.files);
@@ -46236,6 +46397,7 @@ const _sfc_main$3 = defineComponent({
     };
   },
   render() {
+    var _a, _b;
     let uploadList;
     if (this.showFileList) {
       uploadList = h$1(UploadList, {
@@ -46283,12 +46445,12 @@ const _sfc_main$3 = defineComponent({
     };
     const trigger = this.$slots.trigger || this.$slots.default;
     const uploadComponent = h$1(Upload$1, uploadData, {
-      default: () => trigger?.()
+      default: () => trigger == null ? void 0 : trigger()
     });
     return h$1("div", [
       this.listType === "picture-card" ? uploadList : null,
       this.$slots.trigger ? [uploadComponent, this.$slots.default()] : uploadComponent,
-      this.$slots.tip?.(),
+      (_b = (_a = this.$slots).tip) == null ? void 0 : _b.call(_a),
       this.listType !== "picture-card" ? uploadList : null
     ]);
   }
@@ -46893,7 +47055,7 @@ const _sfc_main$2 = defineComponent({
       }
     }
     function clearTimer() {
-      stopTimer?.();
+      stopTimer == null ? void 0 : stopTimer();
     }
     function close() {
       visible.value = false;
@@ -47206,6 +47368,7 @@ const _sfc_main$1 = defineComponent({
       const type = state.type;
       return type && TypeComponentsMap[type] ? `el-message-box-icon--${type}` : "";
     });
+    const btnSize = useSize(computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
     const iconComponent = computed(() => state.icon || TypeComponentsMap[state.type] || "");
     const hasMessage = computed(() => !!state.message);
     const inputRef = ref(null);
@@ -47221,7 +47384,8 @@ const _sfc_main$1 = defineComponent({
       if (val) {
         if (props.boxType === "alert" || props.boxType === "confirm") {
           nextTick().then(() => {
-            confirmRef.value?.$el?.focus?.();
+            var _a, _b, _c;
+            (_c = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus) == null ? void 0 : _c.call(_b);
           });
         }
         state.zIndex = PopupManager.nextZIndex();
@@ -47270,12 +47434,13 @@ const _sfc_main$1 = defineComponent({
       }
     };
     const handleAction = (action) => {
+      var _a;
       if (props.boxType === "prompt" && action === "confirm" && !validate()) {
         return;
       }
       state.action = action;
       if (state.beforeClose) {
-        state.beforeClose?.(action, state, doClose);
+        (_a = state.beforeClose) == null ? void 0 : _a.call(state, action, state, doClose);
       } else {
         doClose();
       }
@@ -47330,6 +47495,7 @@ const _sfc_main$1 = defineComponent({
       visible,
       hasMessage,
       typeClass,
+      btnSize,
       iconComponent,
       confirmButtonClasses,
       inputRef,
@@ -47465,7 +47631,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 loading: _ctx.cancelButtonLoading,
                 class: 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] = withKeys(withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
               }, {
@@ -47481,7 +47647,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 class: 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] = withKeys(withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
               }, {
@@ -47757,7 +47923,7 @@ const _sfc_main = defineComponent({
       }
     }
     function clearTimer() {
-      timer?.();
+      timer == null ? void 0 : timer();
     }
     function close() {
       visible.value = false;