@element-plus/nightly 0.0.20220118 → 0.0.20220119

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220118 */
+/*! Element Plus v0.0.20220119 */
 
-import { getCurrentInstance, computed, warn, readonly, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, 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, effectScope, markRaw, toRaw, triggerRef, TransitionGroup, createApp, render as render$25 } from 'vue';
+import { getCurrentInstance, computed, warn, readonly, getCurrentScope, onScopeDispose, 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, effectScope, markRaw, toRaw, triggerRef, TransitionGroup, createApp, render as render$25 } from 'vue';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2732,6 +2732,9 @@ function onClickOutside(target, handler, options = {}) {
   return stop;
 }
 
+const globalKey = "__vueuse_ssr_handlers__";
+globalThis[globalKey] = globalThis[globalKey] || {};
+
 function useCssVar(prop, target, { window = defaultWindow } = {}) {
   const variable = ref("");
   const elRef = computed(() => {
@@ -2803,15 +2806,6 @@ function useResizeObserver(target, callback, options = {}) {
   };
 }
 
-var SwipeDirection;
-(function(SwipeDirection2) {
-  SwipeDirection2["UP"] = "UP";
-  SwipeDirection2["RIGHT"] = "RIGHT";
-  SwipeDirection2["DOWN"] = "DOWN";
-  SwipeDirection2["LEFT"] = "LEFT";
-  SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
 var _a, _b;
 isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
 
@@ -3562,7 +3556,7 @@ const useLocale = () => {
 };
 
 let scrollBarWidth;
-function scrollbarWidth() {
+function getScrollBarWidth() {
   var _a;
   if (!isClient)
     return 0;
@@ -3784,7 +3778,7 @@ const useLockscreen = (trigger) => {
       bodyPaddingRight = document.body.style.paddingRight;
       computedBodyPaddingRight = parseInt(getStyle(document.body, "paddingRight"), 10);
     }
-    scrollBarWidth = scrollbarWidth();
+    scrollBarWidth = getScrollBarWidth();
     const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
     const bodyOverflowY = getStyle(document.body, "overflowY");
     if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
@@ -4544,7 +4538,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220118";
+const version$1 = "0.0.20220119";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4619,6 +4613,7 @@ var script$29 = defineComponent({
   props: affixProps,
   emits: affixEmits,
   setup(props, { emit }) {
+    const ns = useNamespace("affix");
     const target = shallowRef();
     const root = shallowRef();
     const scrollContainer = shallowRef();
@@ -4703,6 +4698,7 @@ var script$29 = defineComponent({
     useResizeObserver(root, () => update());
     useResizeObserver(target, () => update());
     return {
+      ns,
       root,
       state,
       rootStyle,
@@ -4715,16 +4711,16 @@ var script$29 = defineComponent({
 function render$24(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
-    class: "el-affix",
+    class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.rootStyle)
   }, [
     createElementVNode("div", {
-      class: normalizeClass({ "el-affix--fixed": _ctx.state.fixed }),
+      class: normalizeClass({ [_ctx.ns.m("fixed")]: _ctx.state.fixed }),
       style: normalizeStyle(_ctx.affixStyle)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6)
-  ], 4);
+  ], 6);
 }
 
 script$29.render = render$24;
@@ -4788,861 +4784,861 @@ var _export_sfc = (sfc, props) => {
 const _sfc_main$B = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$1X = {
+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$1z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1w = /* @__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$1k = [
-  _hoisted_2$1z
+const _hoisted_3$1j = [
+  _hoisted_2$1w
 ];
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1X, _hoisted_3$1k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1U, _hoisted_3$1j);
 }
 var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
 
 const _sfc_main$A = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$1W = {
+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$1y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1v = /* @__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$1j = [
-  _hoisted_2$1y
+const _hoisted_3$1i = [
+  _hoisted_2$1v
 ];
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1W, _hoisted_3$1j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1T, _hoisted_3$1i);
 }
 var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A]]);
 
 const _sfc_main$z = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$1V = {
+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$1x = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1u = /* @__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$1i = [
-  _hoisted_2$1x
+const _hoisted_3$1h = [
+  _hoisted_2$1u
 ];
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1V, _hoisted_3$1i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1S, _hoisted_3$1h);
 }
 var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z]]);
 
 const _sfc_main$y = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$1U = {
+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$1w = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1t = /* @__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$1h = [
-  _hoisted_2$1w
+const _hoisted_3$1g = [
+  _hoisted_2$1t
 ];
 function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1U, _hoisted_3$1h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1R, _hoisted_3$1g);
 }
 var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
 
 const _sfc_main$x = defineComponent({
   name: "Back"
 });
-const _hoisted_1$1T = {
+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$1v = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1s = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 }, null, -1);
-const _hoisted_3$1g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$1f = /* @__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$x = [
-  _hoisted_2$1v,
-  _hoisted_3$1g
+const _hoisted_4$w = [
+  _hoisted_2$1s,
+  _hoisted_3$1f
 ];
 function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1T, _hoisted_4$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1Q, _hoisted_4$w);
 }
 var back = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x]]);
 
 const _sfc_main$w = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$1S = {
+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$1u = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1r = /* @__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$1f = [
-  _hoisted_2$1u
+const _hoisted_3$1e = [
+  _hoisted_2$1r
 ];
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1S, _hoisted_3$1f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1e);
 }
 var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w]]);
 
 const _sfc_main$v = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$1R = {
+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$1t = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 192v640l384-320.064z"
 }, null, -1);
-const _hoisted_3$1e = [
-  _hoisted_2$1t
+const _hoisted_3$1d = [
+  _hoisted_2$1q
 ];
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1R, _hoisted_3$1e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1d);
 }
 var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v]]);
 
 const _sfc_main$u = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$1Q = {
+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$1s = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 320L192 704h639.936z"
 }, null, -1);
-const _hoisted_3$1d = [
-  _hoisted_2$1s
+const _hoisted_3$1c = [
+  _hoisted_2$1p
 ];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1Q, _hoisted_3$1d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1c);
 }
 var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
 
 const _sfc_main$t = defineComponent({
   name: "Check"
 });
-const _hoisted_1$1P = {
+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$1r = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1o = /* @__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$1c = [
-  _hoisted_2$1r
+const _hoisted_3$1b = [
+  _hoisted_2$1o
 ];
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$1b);
 }
 var check = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
 
 const _sfc_main$s = defineComponent({
   name: "CircleCheckFilled"
 });
-const _hoisted_1$1O = {
+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$1q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1n = /* @__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$1b = [
-  _hoisted_2$1q
+const _hoisted_3$1a = [
+  _hoisted_2$1n
 ];
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_3$1a);
 }
 var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
 
 const _sfc_main$r = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$1N = {
+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$1p = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1m = /* @__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$1a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$19 = /* @__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$w = [
-  _hoisted_2$1p,
-  _hoisted_3$1a
+const _hoisted_4$v = [
+  _hoisted_2$1m,
+  _hoisted_3$19
 ];
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1N, _hoisted_4$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_4$v);
 }
 var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);
 
 const _sfc_main$q = defineComponent({
   name: "CircleCloseFilled"
 });
-const _hoisted_1$1M = {
+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$1o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1l = /* @__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$19 = [
-  _hoisted_2$1o
+const _hoisted_3$18 = [
+  _hoisted_2$1l
 ];
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1M, _hoisted_3$19);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$18);
 }
 var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
 
 const _sfc_main$p = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$1L = {
+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$1n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1k = /* @__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$18 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$17 = /* @__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$v = [
-  _hoisted_2$1n,
-  _hoisted_3$18
+const _hoisted_4$u = [
+  _hoisted_2$1k,
+  _hoisted_3$17
 ];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1L, _hoisted_4$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_4$u);
 }
 var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
 
 const _sfc_main$o = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$1K = {
+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$1m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1j = /* @__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$17 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$16 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 }, null, -1);
-const _hoisted_4$u = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_4$t = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
-const _hoisted_5$l = [
-  _hoisted_2$1m,
-  _hoisted_3$17,
-  _hoisted_4$u
+const _hoisted_5$k = [
+  _hoisted_2$1j,
+  _hoisted_3$16,
+  _hoisted_4$t
 ];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1K, _hoisted_5$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_5$k);
 }
 var clock = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
 
 const _sfc_main$n = defineComponent({
   name: "Close"
 });
-const _hoisted_1$1J = {
+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$1l = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1i = /* @__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$16 = [
-  _hoisted_2$1l
+const _hoisted_3$15 = [
+  _hoisted_2$1i
 ];
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$15);
 }
 var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
 
 const _sfc_main$m = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$1I = {
+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$1k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1h = /* @__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$15 = [
-  _hoisted_2$1k
+const _hoisted_3$14 = [
+  _hoisted_2$1h
 ];
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$14);
 }
 var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
 
 const _sfc_main$l = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$1H = {
+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$1j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1g = /* @__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$14 = [
-  _hoisted_2$1j
+const _hoisted_3$13 = [
+  _hoisted_2$1g
 ];
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_3$13);
 }
 var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l]]);
 
 const _sfc_main$k = defineComponent({
   name: "Delete"
 });
-const _hoisted_1$1G = {
+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$1i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1f = /* @__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$13 = [
-  _hoisted_2$1i
+const _hoisted_3$12 = [
+  _hoisted_2$1f
 ];
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$12);
 }
 var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k]]);
 
 const _sfc_main$j = defineComponent({
   name: "Document"
 });
-const _hoisted_1$1F = {
+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$1h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1e = /* @__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$12 = [
-  _hoisted_2$1h
+const _hoisted_3$11 = [
+  _hoisted_2$1e
 ];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$12);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$11);
 }
 var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
 
 const _sfc_main$i = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$1E = {
+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$1g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1d = /* @__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$11 = [
-  _hoisted_2$1g
+const _hoisted_3$10 = [
+  _hoisted_2$1d
 ];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$10);
 }
 var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
 
 const _sfc_main$h = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$1D = {
+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$1f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1c = /* @__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$10 = [
-  _hoisted_2$1f
+const _hoisted_3$$ = [
+  _hoisted_2$1c
 ];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$10);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$$);
 }
 var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h]]);
 
 const _sfc_main$g = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$1C = {
+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$1e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1b = /* @__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$$ = [
-  _hoisted_2$1e
+const _hoisted_3$_ = [
+  _hoisted_2$1b
 ];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$$);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$_);
 }
 var loading = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
 
 const _sfc_main$f = defineComponent({
   name: "Minus"
 });
-const _hoisted_1$1B = {
+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$1d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 }, null, -1);
-const _hoisted_3$_ = [
-  _hoisted_2$1d
+const _hoisted_3$Z = [
+  _hoisted_2$1a
 ];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$Z);
 }
 var minus = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
 
 const _sfc_main$e = defineComponent({
   name: "MoreFilled"
 });
-const _hoisted_1$1A = {
+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$1c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$19 = /* @__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$Z = [
-  _hoisted_2$1c
+const _hoisted_3$Y = [
+  _hoisted_2$19
 ];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$Y);
 }
 var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
 
 const _sfc_main$d = defineComponent({
   name: "More"
 });
-const _hoisted_1$1z = {
+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$1b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$18 = /* @__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$Y = [
-  _hoisted_2$1b
+const _hoisted_3$X = [
+  _hoisted_2$18
 ];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$X);
 }
 var more = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
 
 const _sfc_main$c = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$1y = {
+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$1a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$17 = /* @__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$X = [
-  _hoisted_2$1a
+const _hoisted_3$W = [
+  _hoisted_2$17
 ];
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$W);
 }
 var plus = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 
 const _sfc_main$b = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$1x = {
+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$19 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$16 = /* @__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$W = [
-  _hoisted_2$19
+const _hoisted_3$V = [
+  _hoisted_2$16
 ];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$V);
 }
 var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
 
 const _sfc_main$a = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$1w = {
+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$18 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$15 = /* @__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$V = [
-  _hoisted_2$18
+const _hoisted_3$U = [
+  _hoisted_2$15
 ];
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$U);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
 
 const _sfc_main$9 = defineComponent({
   name: "RefreshRight"
 });
-const _hoisted_1$1v = {
+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$17 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__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$U = [
-  _hoisted_2$17
+const _hoisted_3$T = [
+  _hoisted_2$14
 ];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$T);
 }
 var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
 
 const _sfc_main$8 = defineComponent({
   name: "ScaleToOriginal"
 });
-const _hoisted_1$1u = {
+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$16 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$13 = /* @__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$T = [
-  _hoisted_2$16
+const _hoisted_3$S = [
+  _hoisted_2$13
 ];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$S);
 }
 var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 
 const _sfc_main$7 = defineComponent({
   name: "Search"
 });
-const _hoisted_1$1t = {
+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$15 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$12 = /* @__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$S = [
-  _hoisted_2$15
+const _hoisted_3$R = [
+  _hoisted_2$12
 ];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$R);
 }
 var search = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 
 const _sfc_main$6 = defineComponent({
   name: "StarFilled"
 });
-const _hoisted_1$1s = {
+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$14 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$11 = /* @__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$R = [
-  _hoisted_2$14
+const _hoisted_3$Q = [
+  _hoisted_2$11
 ];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$Q);
 }
 var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 
 const _sfc_main$5 = defineComponent({
   name: "Star"
 });
-const _hoisted_1$1r = {
+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$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$10 = /* @__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$Q = [
-  _hoisted_2$13
+const _hoisted_3$P = [
+  _hoisted_2$10
 ];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$P);
 }
 var star = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 
 const _sfc_main$4 = defineComponent({
   name: "SuccessFilled"
 });
-const _hoisted_1$1q = {
+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$12 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$$ = /* @__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$P = [
-  _hoisted_2$12
+const _hoisted_3$O = [
+  _hoisted_2$$
 ];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$O);
 }
 var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 
 const _sfc_main$3 = defineComponent({
   name: "View"
 });
-const _hoisted_1$1p = {
+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$11 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$_ = /* @__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$O = [
-  _hoisted_2$11
+const _hoisted_3$N = [
+  _hoisted_2$_
 ];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$N);
 }
 var view = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
 
 const _sfc_main$2 = defineComponent({
   name: "WarningFilled"
 });
-const _hoisted_1$1o = {
+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$10 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__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$N = [
-  _hoisted_2$10
+const _hoisted_3$M = [
+  _hoisted_2$Z
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$M);
 }
 var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 
 const _sfc_main$1 = defineComponent({
   name: "ZoomIn"
 });
-const _hoisted_1$1n = {
+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$Y = /* @__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$M = [
-  _hoisted_2$$
+const _hoisted_3$L = [
+  _hoisted_2$Y
 ];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$L);
 }
 var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
 const _sfc_main = defineComponent({
   name: "ZoomOut"
 });
-const _hoisted_1$1m = {
+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$_ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$X = /* @__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$L = [
-  _hoisted_2$_
+const _hoisted_3$K = [
+  _hoisted_2$X
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$K);
 }
 var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
@@ -5668,6 +5664,7 @@ const ValidateComponentsMap = {
   error: circleClose
 };
 
+const alertEffects = ["light", "dark"];
 const alertProps = buildProps({
   title: {
     type: String,
@@ -5694,7 +5691,7 @@ const alertProps = buildProps({
   center: Boolean,
   effect: {
     type: String,
-    values: ["light", "dark"],
+    values: alertEffects,
     default: "light"
   }
 });
@@ -5711,18 +5708,18 @@ var script$27 = defineComponent({
   props: alertProps,
   emits: alertEmits,
   setup(props, { emit, slots }) {
+    const ns = useNamespace("alert");
     const visible = ref(true);
-    const typeClass = computed(() => `el-alert--${props.type}`);
     const iconComponent = computed(() => TypeComponentsMap[props.type] || TypeComponentsMap["info"]);
-    const isBigIcon = computed(() => props.description || slots.default ? "is-big" : "");
-    const isBoldTitle = computed(() => props.description || slots.default ? "is-bold" : "");
+    const isBigIcon = computed(() => props.description || slots.default ? ns.is("big") : "");
+    const isBoldTitle = computed(() => props.description || slots.default ? ns.is("bold") : "");
     const close = (evt) => {
       visible.value = false;
       emit("close", evt);
     };
     return {
+      ns,
       visible,
-      typeClass,
       iconComponent,
       isBigIcon,
       isBoldTitle,
@@ -5731,60 +5728,60 @@ var script$27 = defineComponent({
   }
 });
 
-const _hoisted_1$1l = { class: "el-alert__content" };
-const _hoisted_2$Z = {
-  key: 1,
-  class: "el-alert__description"
-};
 function render$22(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
   return openBlock(), createBlock(Transition, { name: "el-alert-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("div", {
-        class: normalizeClass(["el-alert", [_ctx.typeClass, _ctx.center ? "is-center" : "", "is-" + _ctx.effect]]),
+        class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.type), _ctx.ns.is("center", _ctx.center), _ctx.ns.is(_ctx.effect)]),
         role: "alert"
       }, [
         _ctx.showIcon && _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
-          class: normalizeClass(["el-alert__icon", _ctx.isBigIcon])
+          class: normalizeClass([_ctx.ns.e("icon"), _ctx.isBigIcon])
         }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
           ]),
           _: 1
         }, 8, ["class"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_1$1l, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.ns.e("content"))
+        }, [
           _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["el-alert__title", [_ctx.isBoldTitle]])
+            class: normalizeClass([_ctx.ns.e("title"), _ctx.isBoldTitle])
           }, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(_ctx.title), 1)
             ])
           ], 2)) : createCommentVNode("v-if", true),
-          _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", _hoisted_2$Z, [
+          _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
+            key: 1,
+            class: normalizeClass(_ctx.ns.e("description"))
+          }, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(_ctx.description), 1)
             ])
-          ])) : createCommentVNode("v-if", true),
+          ], 2)) : createCommentVNode("v-if", true),
           _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             _ctx.closeText ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "el-alert__closebtn is-customed",
+              class: normalizeClass([_ctx.ns.e("closebtn"), _ctx.ns.is("customed")]),
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-            }, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_el_icon, {
+            }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(_component_el_icon, {
               key: 1,
-              class: "el-alert__closebtn",
+              class: normalizeClass(_ctx.ns.e("closebtn")),
               onClick: _ctx.close
             }, {
               default: withCtx(() => [
                 createVNode(_component_close)
               ]),
               _: 1
-            }, 8, ["onClick"]))
+            }, 8, ["class", "onClick"]))
           ], 2112)) : createCommentVNode("v-if", true)
-        ])
+        ], 2)
       ], 2), [
         [vShow, _ctx.visible]
       ])
@@ -6519,6 +6516,8 @@ var script$26 = defineComponent({
     const { form, formItem } = useFormItem();
     const inputSize = useSize();
     const inputDisabled = useDisabled$1();
+    const nsInput = useNamespace("input");
+    const nsTextarea = useNamespace("textarea");
     const input = ref();
     const textarea = ref();
     const focused = ref(false);
@@ -6571,13 +6570,13 @@ var script$26 = defineComponent({
       const { el } = instance.vnode;
       if (!el)
         return;
-      const elList = Array.from(el.querySelectorAll(`.el-input__${place}`));
+      const elList = Array.from(el.querySelectorAll(`.${nsInput.e(place)}`));
       const target = elList.find((item) => item.parentNode === el);
       if (!target)
         return;
       const pendant = PENDANT_MAP[place];
       if (slots[pendant]) {
-        target.style.transform = `translateX(${place === "suffix" ? "-" : ""}${el.querySelector(`.el-input-group__${pendant}`).offsetWidth}px)`;
+        target.style.transform = `translateX(${place === "suffix" ? "-" : ""}${el.querySelector(`.${nsInput.be("group", pendant)}`).offsetWidth}px)`;
       } else {
         target.removeAttribute("style");
       }
@@ -6723,57 +6722,32 @@ var script$26 = defineComponent({
       blur,
       onMouseLeave,
       onMouseEnter,
-      handleKeydown
+      handleKeydown,
+      nsInput,
+      nsTextarea
     };
   }
 });
 
-const _hoisted_1$1k = {
-  key: 0,
-  class: "el-input-group__prepend"
-};
-const _hoisted_2$Y = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_3$K = {
-  key: 1,
-  class: "el-input__prefix"
-};
-const _hoisted_4$t = { class: "el-input__prefix-inner" };
-const _hoisted_5$k = {
-  key: 2,
-  class: "el-input__suffix"
-};
-const _hoisted_6$i = { class: "el-input__suffix-inner" };
-const _hoisted_7$b = {
-  key: 3,
-  class: "el-input__count"
-};
-const _hoisted_8$a = { class: "el-input__count-inner" };
-const _hoisted_9$7 = {
-  key: 3,
-  class: "el-input-group__append"
-};
-const _hoisted_10$7 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const _hoisted_11$4 = {
-  key: 0,
-  class: "el-input__count"
-};
+const _hoisted_1$1i = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_2$W = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 function render$21(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
   const _component_icon_view = resolveComponent("icon-view");
   return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass([
-      _ctx.type === "textarea" ? "el-textarea" : "el-input",
-      _ctx.inputSize ? "el-input--" + _ctx.inputSize : "",
+      _ctx.type === "textarea" ? _ctx.nsTextarea.b() : _ctx.nsInput.b(),
+      _ctx.nsInput.m(_ctx.inputSize),
+      _ctx.nsInput.is("disabled", _ctx.inputDisabled),
+      _ctx.nsInput.is("exceed", _ctx.inputExceed),
       {
-        "is-disabled": _ctx.inputDisabled,
-        "is-exceed": _ctx.inputExceed,
-        "el-input-group": _ctx.$slots.prepend || _ctx.$slots.append,
-        "el-input-group--append": _ctx.$slots.append,
-        "el-input-group--prepend": _ctx.$slots.prepend,
-        "el-input--prefix": _ctx.$slots.prefix || _ctx.prefixIcon,
-        "el-input--suffix": _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-        "el-input--suffix--password-clear": _ctx.clearable && _ctx.showPassword
+        [_ctx.nsInput.b("group")]: _ctx.$slots.prepend || _ctx.$slots.append,
+        [_ctx.nsInput.bm("group", "append")]: _ctx.$slots.append,
+        [_ctx.nsInput.bm("group", "prepend")]: _ctx.$slots.prepend,
+        [_ctx.nsInput.m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
+        [_ctx.nsInput.m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
+        [_ctx.nsInput.m("suffix--password-clear")]: _ctx.clearable && _ctx.showPassword
       },
       _ctx.$attrs.class
     ]),
@@ -6784,12 +6758,15 @@ function render$21(_ctx, _cache, $props, $setup, $data, $options) {
     createCommentVNode(" input "),
     _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       createCommentVNode(" prepend slot "),
-      _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$1k, [
+      _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.nsInput.be("group", "prepend"))
+      }, [
         renderSlot(_ctx.$slots, "prepend")
-      ])) : createCommentVNode("v-if", true),
+      ], 2)) : createCommentVNode("v-if", true),
       createElementVNode("input", mergeProps({
         ref: "input",
-        class: "el-input__inner"
+        class: _ctx.nsInput.e("inner")
       }, _ctx.attrs, {
         type: _ctx.showPassword ? _ctx.passwordVisible ? "text" : "password" : _ctx.type,
         disabled: _ctx.inputDisabled,
@@ -6807,40 +6784,50 @@ function 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_2$Y),
+      }), null, 16, _hoisted_1$1i),
       createCommentVNode(" prefix slot "),
-      _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3$K, [
-        createElementVNode("span", _hoisted_4$t, [
+      _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: normalizeClass(_ctx.nsInput.e("prefix"))
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.nsInput.e("prefix-inner"))
+        }, [
           renderSlot(_ctx.$slots, "prefix"),
           _ctx.prefixIcon ? (openBlock(), createBlock(_component_el_icon, {
             key: 0,
-            class: "el-input__icon"
+            class: normalizeClass(_ctx.nsInput.e("icon"))
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
             ]),
             _: 1
-          })) : createCommentVNode("v-if", true)
-        ])
-      ])) : createCommentVNode("v-if", true),
+          }, 8, ["class"])) : createCommentVNode("v-if", true)
+        ], 2)
+      ], 2)) : createCommentVNode("v-if", true),
       createCommentVNode(" suffix slot "),
-      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_5$k, [
-        createElementVNode("span", _hoisted_6$i, [
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        class: normalizeClass(_ctx.nsInput.e("suffix"))
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.nsInput.e("suffix-inner"))
+        }, [
           !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "suffix"),
             _ctx.suffixIcon ? (openBlock(), createBlock(_component_el_icon, {
               key: 0,
-              class: "el-input__icon"
+              class: normalizeClass(_ctx.nsInput.e("icon"))
             }, {
               default: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
               ]),
               _: 1
-            })) : createCommentVNode("v-if", true)
+            }, 8, ["class"])) : createCommentVNode("v-if", true)
           ], 64)) : createCommentVNode("v-if", true),
           _ctx.showClear ? (openBlock(), createBlock(_component_el_icon, {
             key: 1,
-            class: "el-input__icon el-input__clear",
+            class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("clear")]),
             onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {
             }, ["prevent"])),
             onClick: _ctx.clear
@@ -6849,40 +6836,48 @@ function render$21(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_circle_close)
             ]),
             _: 1
-          }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
           _ctx.showPwdVisible ? (openBlock(), createBlock(_component_el_icon, {
             key: 2,
-            class: "el-input__icon el-input__clear",
+            class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("clear")]),
             onClick: _ctx.handlePasswordVisible
           }, {
             default: withCtx(() => [
               createVNode(_component_icon_view)
             ]),
             _: 1
-          }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-          _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_7$b, [
-            createElementVNode("span", _hoisted_8$a, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)
-          ])) : createCommentVNode("v-if", true)
-        ]),
+          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+          _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
+            key: 3,
+            class: normalizeClass(_ctx.nsInput.e("count"))
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.nsInput.e("count-inner"))
+            }, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 3)
+          ], 2)) : createCommentVNode("v-if", true)
+        ], 2),
         _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
-          class: "el-input__icon el-input__validateIcon"
+          class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
         }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
           ]),
           _: 1
-        })) : createCommentVNode("v-if", true)
-      ])) : createCommentVNode("v-if", true),
+        }, 8, ["class"])) : createCommentVNode("v-if", true)
+      ], 2)) : createCommentVNode("v-if", true),
       createCommentVNode(" append slot "),
-      _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_9$7, [
+      _ctx.$slots.append ? (openBlock(), createElementBlock("div", {
+        key: 3,
+        class: normalizeClass(_ctx.nsInput.be("group", "append"))
+      }, [
         renderSlot(_ctx.$slots, "append")
-      ])) : createCommentVNode("v-if", true)
+      ], 2)) : createCommentVNode("v-if", true)
     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
       createCommentVNode(" textarea "),
       createElementVNode("textarea", mergeProps({
         ref: "textarea",
-        class: "el-textarea__inner"
+        class: _ctx.nsTextarea.e("inner")
       }, _ctx.attrs, {
         tabindex: _ctx.tabindex,
         disabled: _ctx.inputDisabled,
@@ -6899,8 +6894,11 @@ function 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_10$7),
-      _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_11$4, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)) : createCommentVNode("v-if", true)
+      }), null, 16, _hoisted_2$W),
+      _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(_ctx.nsInput.e("count"))
+      }, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 3)) : createCommentVNode("v-if", true)
     ], 64))
   ], 38)), [
     [vShow, _ctx.type !== "hidden"]
@@ -7230,13 +7228,13 @@ var script$24 = defineComponent({
   }
 });
 
-const _hoisted_1$1j = {
+const _hoisted_1$1h = {
   ref: "scrollbar$",
   class: "el-scrollbar"
 };
 function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", _hoisted_1$1j, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1h, [
     createElementVNode("div", {
       ref: "wrap$",
       class: normalizeClass([
@@ -7462,29 +7460,32 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
-// import { isHTMLElement } from './instanceOf';
-function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars
-includeScale) {
+var max$1 = Math.max;
+var min$1 = Math.min;
+var round = Math.round;
+
+function getBoundingClientRect(element, includeScale) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
 
   var rect = element.getBoundingClientRect();
   var scaleX = 1;
-  var scaleY = 1; // FIXME:
-  // `offsetWidth` returns an integer while `getBoundingClientRect`
-  // returns a float. This results in `scaleX` or `scaleY` being
-  // non-1 when it should be for elements that aren't a full pixel in
-  // width or height.
-  // if (isHTMLElement(element) && includeScale) {
-  //   const offsetHeight = element.offsetHeight;
-  //   const offsetWidth = element.offsetWidth;
-  //   // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-  //   // Fallback to 1 in case both values are `0`
-  //   if (offsetWidth > 0) {
-  //     scaleX = rect.width / offsetWidth || 1;
-  //   }
-  //   if (offsetHeight > 0) {
-  //     scaleY = rect.height / offsetHeight || 1;
-  //   }
-  // }
+  var scaleY = 1;
+
+  if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
+    // Fallback to 1 in case both values are `0`
+
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
+
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
+  }
 
   return {
     width: rect.width / scaleX,
@@ -7639,13 +7640,13 @@ function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
 }
 
-var max$1 = Math.max;
-var min$1 = Math.min;
-var round = Math.round;
-
 function within(min, value, max) {
   return max$1(min, min$1(value, max));
 }
+function withinMaxClamp(min, value, max) {
+  var v = within(min, value, max);
+  return v > max ? max : v;
+}
 
 function getFreshSideObject() {
   return {
@@ -7768,8 +7769,8 @@ function roundOffsetsByDPR(_ref) {
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(round(x * dpr) / dpr) || 0,
-    y: round(round(y * dpr) / dpr) || 0
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
   };
 }
 
@@ -7784,14 +7785,23 @@ function mapToStyles(_ref2) {
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
       adaptive = _ref2.adaptive,
-      roundOffsets = _ref2.roundOffsets;
-
-  var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
-      _ref3$x = _ref3.x,
-      x = _ref3$x === void 0 ? 0 : _ref3$x,
-      _ref3$y = _ref3.y,
-      y = _ref3$y === void 0 ? 0 : _ref3$y;
+      roundOffsets = _ref2.roundOffsets,
+      isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x,
+      x = _offsets$x === void 0 ? 0 : _offsets$x,
+      _offsets$y = offsets.y,
+      y = _offsets$y === void 0 ? 0 : _offsets$y;
+
+  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
+    x: x,
+    y: y
+  }) : {
+    x: x,
+    y: y
+  };
 
+  x = _ref3.x;
+  y = _ref3.y;
   var hasX = offsets.hasOwnProperty('x');
   var hasY = offsets.hasOwnProperty('y');
   var sideX = left;
@@ -7816,16 +7826,18 @@ function mapToStyles(_ref2) {
     offsetParent = offsetParent;
 
     if (placement === top || (placement === left || placement === right) && variation === end) {
-      sideY = bottom; // $FlowFixMe[prop-missing]
-
-      y -= offsetParent[heightProp] - popperRect.height;
+      sideY = bottom;
+      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
-      sideX = right; // $FlowFixMe[prop-missing]
-
-      x -= offsetParent[widthProp] - popperRect.width;
+      sideX = right;
+      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }
   }
@@ -7834,6 +7846,17 @@ function mapToStyles(_ref2) {
     position: position
   }, adaptive && unsetSides);
 
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x: x,
+    y: y
+  }) : {
+    x: x,
+    y: y
+  };
+
+  x = _ref4.x;
+  y = _ref4.y;
+
   if (gpuAcceleration) {
     var _Object$assign;
 
@@ -7843,9 +7866,9 @@ function mapToStyles(_ref2) {
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
-function computeStyles(_ref4) {
-  var state = _ref4.state,
-      options = _ref4.options;
+function computeStyles(_ref5) {
+  var state = _ref5.state,
+      options = _ref5.options;
   var _options$gpuAccelerat = options.gpuAcceleration,
       gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
       _options$adaptive = options.adaptive,
@@ -7858,7 +7881,8 @@ function computeStyles(_ref4) {
     variation: getVariation(state.placement),
     popper: state.elements.popper,
     popperRect: state.rects.popper,
-    gpuAcceleration: gpuAcceleration
+    gpuAcceleration: gpuAcceleration,
+    isFixed: state.options.strategy === 'fixed'
   };
 
   if (state.modifiersData.popperOffsets != null) {
@@ -8116,7 +8140,7 @@ function getInnerBoundingClientRect(element) {
 }
 
 function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -8629,6 +8653,14 @@ function preventOverflow(_ref) {
   var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
     placement: state.placement
   })) : tetherOffset;
+  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
+    mainAxis: tetherOffsetValue,
+    altAxis: tetherOffsetValue
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, tetherOffsetValue);
+  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
   var data = {
     x: 0,
     y: 0
@@ -8638,13 +8670,15 @@ function preventOverflow(_ref) {
     return;
   }
 
-  if (checkMainAxis || checkAltAxis) {
+  if (checkMainAxis) {
+    var _offsetModifierState$;
+
     var mainSide = mainAxis === 'y' ? top : left;
     var altSide = mainAxis === 'y' ? bottom : right;
     var len = mainAxis === 'y' ? 'height' : 'width';
     var offset = popperOffsets[mainAxis];
-    var min = popperOffsets[mainAxis] + overflow[mainSide];
-    var max = popperOffsets[mainAxis] - overflow[altSide];
+    var min = offset + overflow[mainSide];
+    var max = offset - overflow[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
@@ -8664,36 +8698,45 @@ function preventOverflow(_ref) {
     // width or height)
 
     var arrowLen = within(0, referenceRect[len], arrowRect[len]);
-    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;
-    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
     var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
     var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
-    var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;
-    var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;
-    var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;
+    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
+    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = offset + maxOffset - offsetModifierValue;
+    var preventedOffset = within(tether ? min$1(min, tetherMin) : min, offset, tether ? max$1(max, tetherMax) : max);
+    popperOffsets[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset;
+  }
 
-    if (checkMainAxis) {
-      var preventedOffset = within(tether ? min$1(min, tetherMin) : min, offset, tether ? max$1(max, tetherMax) : max);
-      popperOffsets[mainAxis] = preventedOffset;
-      data[mainAxis] = preventedOffset - offset;
-    }
+  if (checkAltAxis) {
+    var _offsetModifierState$2;
 
-    if (checkAltAxis) {
-      var _mainSide = mainAxis === 'x' ? top : left;
+    var _mainSide = mainAxis === 'x' ? top : left;
 
-      var _altSide = mainAxis === 'x' ? bottom : right;
+    var _altSide = mainAxis === 'x' ? bottom : right;
 
-      var _offset = popperOffsets[altAxis];
+    var _offset = popperOffsets[altAxis];
 
-      var _min = _offset + overflow[_mainSide];
+    var _len = altAxis === 'y' ? 'height' : 'width';
 
-      var _max = _offset - overflow[_altSide];
+    var _min = _offset + overflow[_mainSide];
 
-      var _preventedOffset = within(tether ? min$1(_min, tetherMin) : _min, _offset, tether ? max$1(_max, tetherMax) : _max);
+    var _max = _offset - overflow[_altSide];
 
-      popperOffsets[altAxis] = _preventedOffset;
-      data[altAxis] = _preventedOffset - _offset;
-    }
+    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
+
+    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
+
+    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
+
+    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
+
+    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
+
+    popperOffsets[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
   }
 
   state.modifiersData[name] = data;
@@ -8725,8 +8768,8 @@ function getNodeScroll(node) {
 
 function isElementScaled(element) {
   var rect = element.getBoundingClientRect();
-  var scaleX = rect.width / element.offsetWidth || 1;
-  var scaleY = rect.height / element.offsetHeight || 1;
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
   return scaleX !== 1 || scaleY !== 1;
 } // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
@@ -8738,9 +8781,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   }
 
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -8757,7 +8800,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     }
 
     if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent);
+      offsets = getBoundingClientRect(offsetParent, true);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {
@@ -9156,13 +9199,13 @@ var script$22 = defineComponent({
   }
 });
 
-const _hoisted_1$1i = {
+const _hoisted_1$1g = {
   ref: "arrowRef",
   class: "el-popper__arrow",
   "data-popper-arrow": ""
 };
 function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$1i, null, 512);
+  return openBlock(), createElementBlock("span", _hoisted_1$1g, null, 512);
 }
 
 script$22.render = render$1Z;
@@ -9880,8 +9923,8 @@ var script$1Y = defineComponent({
   }
 });
 
-const _hoisted_1$1h = ["innerHTML"];
-const _hoisted_2$X = { key: 1 };
+const _hoisted_1$1f = ["innerHTML"];
+const _hoisted_2$V = { key: 1 };
 function 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");
@@ -9930,7 +9973,7 @@ function render$1T(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$1h)) : (openBlock(), createElementBlock("span", _hoisted_2$X, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$1f)) : (openBlock(), createElementBlock("span", _hoisted_2$V, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -10192,8 +10235,8 @@ var script$1X = defineComponent({
   }
 });
 
-const _hoisted_1$1g = ["aria-expanded", "aria-owns"];
-const _hoisted_2$W = { key: 0 };
+const _hoisted_1$1e = ["aria-expanded", "aria-owns"];
+const _hoisted_2$U = { key: 0 };
 const _hoisted_3$J = ["id", "aria-selected", "onClick"];
 function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
@@ -10237,7 +10280,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
           role: "listbox"
         }, {
           default: withCtx(() => [
-            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$W, [
+            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2$U, [
               createVNode(_component_el_icon, { class: "is-loading" }, {
                 default: withCtx(() => [
                   createVNode(_component_loading)
@@ -10311,7 +10354,7 @@ function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           } : void 0
         ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-      ], 14, _hoisted_1$1g)), [
+      ], 14, _hoisted_1$1e)), [
         [_directive_clickoutside, _ctx.close]
       ])
     ]),
@@ -10403,7 +10446,7 @@ var script$1W = defineComponent({
   }
 });
 
-const _hoisted_1$1f = ["src", "alt", "srcset"];
+const _hoisted_1$1d = ["src", "alt", "srcset"];
 function render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock("span", {
@@ -10417,7 +10460,7 @@ function 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$1f)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    }, null, 44, _hoisted_1$1d)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -10573,6 +10616,7 @@ var script$1U = defineComponent({
   name: "ElBadge",
   props: badgeProps,
   setup(props) {
+    const ns = useNamespace("badge");
     const content = computed(() => {
       if (props.isDot)
         return "";
@@ -10582,34 +10626,35 @@ var script$1U = defineComponent({
       return `${props.value}`;
     });
     return {
+      ns,
       content
     };
   }
 });
 
-const _hoisted_1$1e = { class: "el-badge" };
-const _hoisted_2$V = ["textContent"];
+const _hoisted_1$1c = ["textContent"];
 function render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     renderSlot(_ctx.$slots, "default"),
     createVNode(Transition, { name: "el-zoom-in-center" }, {
       default: withCtx(() => [
         withDirectives(createElementVNode("sup", {
-          class: normalizeClass(["el-badge__content", [
-            "el-badge__content--" + _ctx.type,
-            {
-              "is-fixed": _ctx.$slots.default,
-              "is-dot": _ctx.isDot
-            }
-          ]]),
+          class: normalizeClass([
+            _ctx.ns.e("content"),
+            _ctx.ns.em("content", _ctx.type),
+            _ctx.ns.is("fixed", !!_ctx.$slots.default),
+            _ctx.ns.is("dot", _ctx.isDot)
+          ]),
           textContent: toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_2$V), [
+        }, null, 10, _hoisted_1$1c), [
           [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
         ])
       ]),
       _: 1
     })
-  ]);
+  ], 2);
 }
 
 script$1U.render = render$1P;
@@ -10632,30 +10677,31 @@ var script$1T = defineComponent({
   name: "ElBreadcrumb",
   props: breadcrumbProps,
   setup(props) {
+    const ns = useNamespace("breadcrumb");
     const breadcrumb = ref();
     provide(elBreadcrumbKey, props);
     onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(".el-breadcrumb__item");
+      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
       if (items.length) {
         items[items.length - 1].setAttribute("aria-current", "page");
       }
     });
     return {
+      ns,
       breadcrumb
     };
   }
 });
 
-const _hoisted_1$1d = {
-  ref: "breadcrumb",
-  class: "el-breadcrumb",
-  "aria-label": "Breadcrumb",
-  role: "navigation"
-};
 function render$1O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1d, [
+  return openBlock(), createElementBlock("div", {
+    ref: "breadcrumb",
+    class: normalizeClass(_ctx.ns.b()),
+    "aria-label": "Breadcrumb",
+    role: "navigation"
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ], 512);
+  ], 2);
 }
 
 script$1T.render = render$1O;
@@ -10683,6 +10729,7 @@ var script$1S = defineComponent({
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
     const parent = inject(elBreadcrumbKey, void 0);
+    const ns = useNamespace("breadcrumb");
     const link = ref();
     onMounted(() => {
       link.value.setAttribute("role", "link");
@@ -10693,6 +10740,7 @@ var script$1S = defineComponent({
       });
     });
     return {
+      ns,
       link,
       separator: parent == null ? void 0 : parent.separator,
       separatorIcon: parent == null ? void 0 : parent.separatorIcon
@@ -10700,32 +10748,32 @@ var script$1S = defineComponent({
   }
 });
 
-const _hoisted_1$1c = { class: "el-breadcrumb__item" };
-const _hoisted_2$U = {
-  key: 1,
-  class: "el-breadcrumb__separator",
-  role: "presentation"
-};
 function render$1N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1$1c, [
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.ns.e("item"))
+  }, [
     createElementVNode("span", {
       ref: "link",
-      class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
+      class: normalizeClass([_ctx.ns.e("inner"), _ctx.ns.is("link", !!_ctx.to)]),
       role: "link"
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2),
     _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
       key: 0,
-      class: "el-breadcrumb__separator"
+      class: normalizeClass(_ctx.ns.e("separator"))
     }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
       ]),
       _: 1
-    })) : (openBlock(), createElementBlock("span", _hoisted_2$U, toDisplayString(_ctx.separator), 1))
-  ]);
+    }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+      key: 1,
+      class: normalizeClass(_ctx.ns.e("separator")),
+      role: "presentation"
+    }, toDisplayString(_ctx.separator), 3))
+  ], 2);
 }
 
 script$1S.render = render$1N;
@@ -11991,16 +12039,14 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
     ref: "buttonRef",
     class: normalizeClass([
-      `${_ctx.ns.b()}`,
-      `${_ctx.ns.m(_ctx.buttonType)}`,
-      `${_ctx.ns.m(_ctx.buttonSize)}`,
-      {
-        "is-disabled": _ctx.buttonDisabled,
-        "is-loading": _ctx.loading,
-        "is-plain": _ctx.plain,
-        "is-round": _ctx.round,
-        "is-circle": _ctx.circle
-      }
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.buttonType),
+      _ctx.ns.m(_ctx.buttonSize),
+      _ctx.ns.is("disabled", _ctx.buttonDisabled),
+      _ctx.ns.is("loading", _ctx.loading),
+      _ctx.ns.is("plain", _ctx.plain),
+      _ctx.ns.is("round", _ctx.round),
+      _ctx.ns.is("circle", _ctx.circle)
     ]),
     disabled: _ctx.buttonDisabled || _ctx.loading,
     autofocus: _ctx.autofocus,
@@ -12010,13 +12056,13 @@ function render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
       key: 0,
-      class: "is-loading"
+      class: normalizeClass(_ctx.ns.is("loading"))
     }, {
       default: withCtx(() => [
         createVNode(_component_loading)
       ]),
       _: 1
-    })) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+    }, 8, ["class"])) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -14877,7 +14923,7 @@ const cardProps = buildProps({
   },
   shadow: {
     type: String,
-    default: ""
+    default: "always"
   }
 });
 
@@ -14894,7 +14940,7 @@ var script$1J = defineComponent({
 
 function render$1E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.b(), _ctx.shadow ? `is-${_ctx.shadow}-shadow` : "is-always-shadow"])
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is(`${_ctx.shadow}-shadow`)])
   }, [
     _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -17284,7 +17330,7 @@ const popperOptions = {
       phase: "main",
       fn: ({ state }) => {
         const { modifiersData, placement } = state;
-        if (["right", "left"].includes(placement))
+        if (["right", "left", "bottom", "top"].includes(placement))
           return;
         modifiersData.arrow.x = 35;
       },
@@ -17719,7 +17765,14 @@ function render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     "append-to-body": _ctx.popperAppendToBody,
     "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
     "popper-options": _ctx.popperOptions,
-    "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+    "fallback-placements": [
+      "bottom-start",
+      "bottom",
+      "top-start",
+      "top",
+      "right",
+      "left"
+    ],
     "stop-popper-mouse-event": false,
     "gpu-acceleration": false,
     placement: "bottom-start",
@@ -17924,7 +17977,7 @@ var script$1v = defineComponent({
 
 function render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
-    class: normalizeClass([_ctx.ns.b(), { "is-checked": _ctx.checked }]),
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("checked", _ctx.checked)]),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
   }, [
     renderSlot(_ctx.$slots, "default")
@@ -18063,6 +18116,8 @@ var script$1u = defineComponent({
     };
     watch(() => props.modelValue, () => {
       activeNames.value = [].concat(props.modelValue);
+    }, {
+      deep: true
     });
     provide("collapse", {
       activeNames,
@@ -18712,7 +18767,11 @@ class Color {
         this[option] = options[option];
       }
     }
-    this.doOnChange();
+    if (options.value) {
+      this.fromString(options.value);
+    } else {
+      this.doOnChange();
+    }
   }
   set(prop, value) {
     if (arguments.length === 1 && typeof prop === "object") {
@@ -19055,7 +19114,8 @@ var script$1n = defineComponent({
     const popper = ref(null);
     const color = reactive(new Color({
       enableAlpha: props.showAlpha,
-      format: props.colorFormat
+      format: props.colorFormat,
+      value: props.modelValue
     }));
     const showPicker = ref(false);
     const showPanelColor = ref(false);
@@ -19131,9 +19191,9 @@ var script$1n = defineComponent({
       nextTick(() => {
         const newColor = new Color({
           enableAlpha: props.showAlpha,
-          format: props.colorFormat
+          format: props.colorFormat,
+          value: props.modelValue
         });
-        newColor.fromString(props.modelValue);
         if (!color.compare(newColor)) {
           resetColor();
         }
@@ -19151,7 +19211,6 @@ var script$1n = defineComponent({
     }
     onMounted(() => {
       if (props.modelValue) {
-        color.fromString(props.modelValue);
         customInput.value = currentColor.value;
       }
     });
@@ -20316,9 +20375,9 @@ var script$1e = defineComponent({
       disabledDate,
       cellClassName,
       defaultTime,
-      defaultValue,
       arrowControl
     } = pickerBase.props;
+    const defaultValue = toRef(pickerBase.props, "defaultValue");
     const innerDate = ref(dayjs().locale(lang.value));
     const defaultTimeD = computed(() => {
       return dayjs(defaultTime).locale(lang.value);
@@ -20492,14 +20551,14 @@ var script$1e = defineComponent({
     const visibleTime = computed(() => {
       if (userInputTime.value)
         return userInputTime.value;
-      if (!props.parsedValue && !defaultValue)
+      if (!props.parsedValue && !defaultValue.value)
         return;
       return (props.parsedValue || innerDate.value).format(timeFormat.value);
     });
     const visibleDate = computed(() => {
       if (userInputDate.value)
         return userInputDate.value;
-      if (!props.parsedValue && !defaultValue)
+      if (!props.parsedValue && !defaultValue.value)
         return;
       return (props.parsedValue || innerDate.value).format(dateFormat.value);
     });
@@ -20551,8 +20610,8 @@ var script$1e = defineComponent({
       return dayjs(value, props.format).locale(lang.value);
     };
     const getDefaultValue = () => {
-      const parseDate = dayjs(defaultValue).locale(lang.value);
-      if (!defaultValue) {
+      const parseDate = dayjs(defaultValue.value).locale(lang.value);
+      if (!defaultValue.value) {
         const defaultTimeDValue = defaultTimeD.value;
         return dayjs().hour(defaultTimeDValue.hour()).minute(defaultTimeDValue.minute()).second(defaultTimeDValue.second()).locale(lang.value);
       }
@@ -20628,6 +20687,11 @@ var script$1e = defineComponent({
     ctx.emit("set-picker-option", ["formatToString", formatToString]);
     ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
     ctx.emit("set-picker-option", ["handleKeydown", handleKeydown]);
+    watch(() => defaultValue.value, (val) => {
+      if (val) {
+        innerDate.value = getDefaultValue();
+      }
+    }, { immediate: true });
     watch(() => props.parsedValue, (val) => {
       if (val) {
         if (selectionMode.value === "dates")
@@ -21219,15 +21283,15 @@ var script$1d = defineComponent({
     };
     const getDefaultValue = () => {
       let start;
-      if (Array.isArray(defaultValue)) {
-        const left = dayjs(defaultValue[0]);
-        let right = dayjs(defaultValue[1]);
+      if (Array.isArray(defaultValue.value)) {
+        const left = dayjs(defaultValue.value[0]);
+        let right = dayjs(defaultValue.value[1]);
         if (!props.unlinkPanels) {
           right = left.add(1, "month");
         }
         return [left, right];
-      } else if (defaultValue) {
-        start = dayjs(defaultValue);
+      } else if (defaultValue.value) {
+        start = dayjs(defaultValue.value);
       } else {
         start = dayjs();
       }
@@ -21245,10 +21309,19 @@ var script$1d = defineComponent({
       cellClassName,
       format,
       defaultTime,
-      defaultValue,
       arrowControl,
       clearable
     } = pickerBase.props;
+    const defaultValue = toRef(pickerBase.props, "defaultValue");
+    watch(() => defaultValue.value, (val) => {
+      if (val) {
+        const defaultArr = getDefaultValue();
+        minDate.value = null;
+        maxDate.value = null;
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+      }
+    }, { immediate: true });
     watch(() => props.parsedValue, (newVal) => {
       if (newVal && newVal.length === 2) {
         minDate.value = newVal[0];
@@ -21741,15 +21814,15 @@ var script$1c = defineComponent({
     };
     const getDefaultValue = () => {
       let start;
-      if (Array.isArray(defaultValue)) {
-        const left = dayjs(defaultValue[0]);
-        let right = dayjs(defaultValue[1]);
+      if (Array.isArray(defaultValue.value)) {
+        const left = dayjs(defaultValue.value[0]);
+        let right = dayjs(defaultValue.value[1]);
         if (!props.unlinkPanels) {
           right = left.add(1, "year");
         }
         return [left, right];
-      } else if (defaultValue) {
-        start = dayjs(defaultValue);
+      } else if (defaultValue.value) {
+        start = dayjs(defaultValue.value);
       } else {
         start = dayjs();
       }
@@ -21758,7 +21831,15 @@ var script$1c = defineComponent({
     };
     ctx.emit("set-picker-option", ["formatToString", formatToString]);
     const pickerBase = inject("EP_PICKER_BASE");
-    const { shortcuts, disabledDate, format, defaultValue } = pickerBase.props;
+    const { shortcuts, disabledDate, format } = pickerBase.props;
+    const defaultValue = toRef(pickerBase.props, "defaultValue");
+    watch(() => defaultValue.value, (val) => {
+      if (val) {
+        const defaultArr = getDefaultValue();
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+      }
+    }, { immediate: true });
     watch(() => props.parsedValue, (newVal) => {
       if (newVal && newVal.length === 2) {
         minDate.value = newVal[0];
@@ -22820,7 +22901,7 @@ function render$14(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: normalizeClass([_ctx.ns.e("text"), `is-${_ctx.contentPosition}`])
+      class: normalizeClass([_ctx.ns.e("text"), _ctx.ns.is(_ctx.contentPosition)])
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)
@@ -23702,7 +23783,6 @@ var script$10 = defineComponent({
     const referenceElementRef = ref();
     const popperRef = ref(null);
     const contentRef = ref(null);
-    const visible = ref(false);
     const scrollbar = ref(null);
     const currentTabId = ref(null);
     const isUsingKeyboard = ref(false);
@@ -23713,9 +23793,16 @@ var script$10 = defineComponent({
       [dropdownSize.value ? `el-dropdown--${dropdownSize.value}` : ""]
     ]);
     function handleClick() {
+      handleClose();
+    }
+    function handleClose() {
       var _a;
       (_a = popperRef.value) == null ? void 0 : _a.onClose();
     }
+    function handleOpen() {
+      var _a;
+      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
+    }
     const dropdownSize = useSize();
     function commandHandler(...args) {
       emit("command", ...args);
@@ -23745,7 +23832,6 @@ var script$10 = defineComponent({
     provide("elDropdown", {
       instance: _instance,
       dropdownSize,
-      visible,
       handleClick,
       commandHandler,
       trigger: toRef(props, "trigger"),
@@ -23762,7 +23848,6 @@ var script$10 = defineComponent({
       emit("click", event);
     };
     return {
-      visible,
       scrollbar,
       wrapStyle,
       dropdownTriggerKls,
@@ -23771,6 +23856,8 @@ var script$10 = defineComponent({
       handleCurrentTabIdChange,
       handlerMainButtonClick,
       handleEntryFocus,
+      handleClose,
+      handleOpen,
       onMountOnFocus,
       popperRef,
       triggeringElementRef,
@@ -27021,7 +27108,7 @@ const inputNumberEmits = {
   blur: (e) => e instanceof FocusEvent,
   focus: (e) => e instanceof FocusEvent,
   input: (val) => isNumber(val),
-  "update:modelValue": (val) => isNumber(val)
+  "update:modelValue": (val) => isNumber(val) || val === void 0
 };
 
 var script$S = defineComponent({
@@ -27046,6 +27133,7 @@ var script$S = defineComponent({
       userInput: null
     });
     const { formItem } = useFormItem();
+    const ns = useNamespace("input-number");
     const minDisabled = computed(() => _decrease(props.modelValue) < props.min);
     const maxDisabled = computed(() => _increase(props.modelValue) > props.max);
     const numPrecision = computed(() => {
@@ -27133,7 +27221,7 @@ var script$S = defineComponent({
       if (oldVal === newVal)
         return;
       if (!isNumber(newVal)) {
-        newVal = NaN;
+        newVal = void 0;
       }
       data.userInput = null;
       emit("update:modelValue", newVal);
@@ -27170,6 +27258,9 @@ var script$S = defineComponent({
     };
     watch(() => props.modelValue, (value) => {
       let newVal = Number(value);
+      if (value === null) {
+        newVal = Number.NaN;
+      }
       if (!isNaN(newVal)) {
         if (props.stepStrictly) {
           const stepPrecision = getPrecision(props.step);
@@ -27200,7 +27291,11 @@ var script$S = defineComponent({
       innerInput.setAttribute("aria-valuenow", String(data.currentValue));
       innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
       if (!isNumber(props.modelValue)) {
-        emit("update:modelValue", Number(props.modelValue));
+        let val = Number(props.modelValue);
+        if (isNaN(val)) {
+          val = void 0;
+        }
+        emit("update:modelValue", val);
       }
     });
     onUpdated(() => {
@@ -27223,7 +27318,8 @@ var script$S = defineComponent({
       focus,
       blur,
       handleFocus,
-      handleBlur
+      handleBlur,
+      ns
     };
   }
 });
@@ -27238,19 +27334,19 @@ function render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_repeat_click = resolveDirective("repeat-click");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
-      "el-input-number",
-      _ctx.inputNumberSize ? "el-input-number--" + _ctx.inputNumberSize : "",
-      { "is-disabled": _ctx.inputNumberDisabled },
-      { "is-without-controls": !_ctx.controls },
-      { "is-controls-right": _ctx.controlsAtRight }
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.inputNumberSize),
+      _ctx.ns.is("disabled", _ctx.inputNumberDisabled),
+      _ctx.ns.is("without-controls", !_ctx.controls),
+      _ctx.ns.is("controls-right", _ctx.controlsAtRight)
     ]),
     onDragstart: _cache[2] || (_cache[2] = withModifiers(() => {
     }, ["prevent"]))
   }, [
     _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
       key: 0,
-      class: normalizeClass(["el-input-number__decrease", { "is-disabled": _ctx.minDisabled }]),
       role: "button",
+      class: normalizeClass([_ctx.ns.e("decrease"), _ctx.ns.is("disabled", _ctx.minDisabled)]),
       onKeydown: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.decrease && _ctx.decrease(...args), ["enter"]))
     }, [
       createVNode(_component_el_icon, null, {
@@ -27264,8 +27360,8 @@ function render$O(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("v-if", true),
     _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
       key: 1,
-      class: normalizeClass(["el-input-number__increase", { "is-disabled": _ctx.maxDisabled }]),
       role: "button",
+      class: normalizeClass([_ctx.ns.e("increase"), _ctx.ns.is("disabled", _ctx.maxDisabled)]),
       onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.increase && _ctx.increase(...args), ["enter"]))
     }, [
       createVNode(_component_el_icon, null, {
@@ -27353,8 +27449,8 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass([
       _ctx.ns.b(),
       _ctx.type ? _ctx.ns.m(_ctx.type) : "",
-      _ctx.disabled && "is-disabled",
-      _ctx.underline && !_ctx.disabled && "is-underline"
+      _ctx.ns.is("disabled", _ctx.disabled),
+      _ctx.ns.is("underline", _ctx.underline && !_ctx.disabled)
     ]),
     href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
@@ -28579,7 +28675,7 @@ function useOption$1(props, states) {
   };
   const hoverItem = () => {
     if (!props.disabled && !selectGroup.disabled) {
-      select.hoverIndex = select.optionsArray.indexOf(instance);
+      select.hoverIndex = select.optionsArray.indexOf(instance.proxy);
     }
   };
   watch(() => currentLabel.value, () => {
@@ -29449,7 +29545,10 @@ var script$I = defineComponent({
       type: String
     },
     defaultFirstOption: Boolean,
-    reserveKeyword: Boolean,
+    reserveKeyword: {
+      type: Boolean,
+      default: true
+    },
     valueKey: {
       type: String,
       default: "value"
@@ -31657,8 +31756,8 @@ const Row = defineComponent({
       return h$1(props.tag, {
         class: [
           ns.b(),
-          props.justify !== "start" ? `is-justify-${props.justify}` : "",
-          props.align !== "top" ? `is-align-${props.align}` : ""
+          ns.is(`justify-${props.justify}`, props.justify !== "start"),
+          ns.is(`align-${props.align}`, props.align !== "top")
         ],
         style: style.value
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
@@ -32892,7 +32991,7 @@ const createGrid = ({
         const _states = unref(states);
         columnIdx = Math.max(0, Math.min(columnIdx, props.totalColumn - 1));
         rowIndex = Math.max(0, Math.min(rowIndex, props.totalRow - 1));
-        const scrollBarWidth = scrollbarWidth();
+        const scrollBarWidth = getScrollBarWidth();
         const _cache = unref(cache);
         const estimatedHeight = getEstimatedTotalHeight(props, _cache);
         const estimatedWidth = getEstimatedTotalWidth(props, _cache);
@@ -36343,8 +36442,8 @@ var script$k = defineComponent({
     const switchKls = computed(() => [
       ns.b(),
       ns.m(switchSize.value),
-      switchDisabled.value ? "is-disabled" : "",
-      checked.value ? "is-checked" : ""
+      ns.is("disabled", switchDisabled.value),
+      ns.is("checked", checked.value)
     ]);
     watch(() => props.modelValue, () => {
       isModelValue.value = true;
@@ -36471,7 +36570,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass([
         _ctx.ns.e("label"),
         _ctx.ns.em("label", "left"),
-        !_ctx.checked ? "is-active" : ""
+        _ctx.ns.is("active", !_ctx.checked)
       ])
     }, [
       _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
@@ -36497,7 +36596,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, {
             key: 0,
-            class: normalizeClass(["is-icon", _ctx.checked ? "is-show" : "is-hide"])
+            class: normalizeClass([_ctx.ns.is("icon"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
@@ -36506,7 +36605,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
           }, 8, ["class"])) : createCommentVNode("v-if", true),
           _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, {
             key: 1,
-            class: normalizeClass(["is-icon", !_ctx.checked ? "is-show" : "is-hide"])
+            class: normalizeClass([_ctx.ns.is("icon"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
@@ -36516,12 +36615,12 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
         ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           _ctx.activeText ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["is-text", _ctx.checked ? "is-show" : "is-hide"]),
+            class: normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": !_ctx.checked
           }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4$6)) : createCommentVNode("v-if", true),
           _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
             key: 1,
-            class: normalizeClass(["is-text", !_ctx.checked ? "is-show" : "is-hide"]),
+            class: normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
             "aria-hidden": _ctx.checked
           }, toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_5$5)) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true)
@@ -36531,13 +36630,13 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
           key: 0,
-          class: "is-loading"
+          class: normalizeClass(_ctx.ns.is("loading"))
         }, {
           default: withCtx(() => [
             createVNode(_component_loading)
           ]),
           _: 1
-        })) : createCommentVNode("v-if", true)
+        }, 8, ["class"])) : createCommentVNode("v-if", true)
       ], 2)
     ], 6),
     !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
@@ -36545,7 +36644,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass([
         _ctx.ns.e("label"),
         _ctx.ns.em("label", "right"),
-        _ctx.checked ? "is-active" : ""
+        _ctx.ns.is("active", _ctx.checked)
       ])
     }, [
       _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
@@ -36923,11 +37022,6 @@ const getFixedColumnOffset = (index, fixed, store, realColumns) => {
   }
   return styles;
 };
-const ensureRightFixedStyle = (style, hasGutter) => {
-  if (hasGutter && style && !Number.isNaN(style.right)) {
-    style.right += scrollbarWidth();
-  }
-};
 const ensurePosition = (style, key) => {
   if (!style)
     return;
@@ -37917,7 +38011,7 @@ class TableLayout {
     this.bodyHeight = ref(null);
     this.bodyScrollHeight = ref(0);
     this.fixedBodyHeight = ref(null);
-    this.gutterWidth = scrollbarWidth();
+    this.gutterWidth = 0;
     for (const name in options) {
       if (hasOwn(options, name)) {
         if (isRef(this[name])) {
@@ -38418,12 +38512,13 @@ function useLayoutObserver(root) {
     }
   };
   const onScrollableChange = (layout) => {
-    const cols = root.vnode.el.querySelectorAll("colgroup > col[name=gutter]");
+    var _a, _b;
+    const cols = ((_a = root.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col[name=gutter]")) || [];
     for (let i = 0, j = cols.length; i < j; i++) {
       const col = cols[i];
       col.setAttribute("width", layout.scrollY.value ? layout.gutterWidth : "0");
     }
-    const ths = root.vnode.el.querySelectorAll("th.gutter");
+    const ths = ((_b = root.vnode.el) == null ? void 0 : _b.querySelectorAll("th.gutter")) || [];
     for (let i = 0, j = ths.length; i < j; i++) {
       const th = ths[i];
       th.style.width = layout.scrollY.value ? `${layout.gutterWidth}px` : "0";
@@ -38437,18 +38532,12 @@ function useLayoutObserver(root) {
   };
 }
 
-function hGutter() {
-  return h$1("col", {
-    name: "gutter"
-  });
-}
-function hColgroup(columns, hasGutter = false) {
+function hColgroup(columns) {
   return h$1("colgroup", {}, [
     ...columns.map((column) => h$1("col", {
       name: column.id,
       key: column.id
-    })),
-    hasGutter && hGutter()
+    }))
   ]);
 }
 
@@ -38639,7 +38728,7 @@ function useStyle$2(props) {
     }
     return classes.join(" ");
   };
-  const getHeaderCellStyle = (rowIndex, columnIndex, row, column, hasGutter) => {
+  const getHeaderCellStyle = (rowIndex, columnIndex, row, column) => {
     var _a;
     let headerCellStyles = (_a = parent.props.headerCellStyle) != null ? _a : {};
     if (typeof headerCellStyles === "function") {
@@ -38651,7 +38740,6 @@ function useStyle$2(props) {
       });
     }
     const fixedStyle = getFixedColumnOffset(columnIndex, column.fixed, props.store, row);
-    ensureRightFixedStyle(fixedStyle, hasGutter);
     ensurePosition(fixedStyle, "left");
     ensurePosition(fixedStyle, "right");
     return Object.assign({}, headerCellStyles, fixedStyle);
@@ -38799,13 +38887,7 @@ var TableHeader = defineComponent({
     const parent = instance.parent;
     const storeData = parent.store.states;
     const filterPanels = ref({});
-    const { tableLayout, onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
-    const hasGutter = computed(() => {
-      return !props.fixed && tableLayout.gutterWidth > 0 && tableLayout.bodyScrollHeight.value > tableLayout.bodyHeight.value;
-    });
-    const gutterWidth = computed(() => {
-      return tableLayout.gutterWidth;
-    });
+    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
     onMounted(() => {
       nextTick(() => {
         const { prop, order } = props.defaultSort;
@@ -38837,8 +38919,6 @@ var TableHeader = defineComponent({
     return {
       columns: storeData.columns,
       filterPanels,
-      hasGutter,
-      gutterWidth,
       onColumnsChange,
       onScrollableChange,
       columnRows,
@@ -38861,9 +38941,7 @@ var TableHeader = defineComponent({
     const {
       columns,
       isGroup,
-      hasGutter,
       columnRows,
-      gutterWidth,
       getHeaderCellStyle,
       getHeaderCellClass,
       getHeaderRowClass,
@@ -38884,9 +38962,9 @@ var TableHeader = defineComponent({
       cellspacing: "0",
       class: "el-table__header"
     }, [
-      hColgroup(columns, hasGutter),
+      hColgroup(columns),
       h$1("thead", {
-        class: { "is-group": isGroup, "has-gutter": hasGutter }
+        class: { "is-group": isGroup }
       }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
         class: getHeaderRowClass(rowIndex),
         key: rowIndex,
@@ -38900,7 +38978,7 @@ var TableHeader = defineComponent({
           colspan: column.colSpan,
           key: `${column.id}-thead`,
           rowSpan: column.rowSpan,
-          style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column, hasGutter),
+          style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
           onClick: ($event) => handleHeaderClick($event, column),
           onContextmenu: ($event) => handleHeaderContextMenu($event, column),
           onMousedown: ($event) => handleMouseDown($event, column),
@@ -38943,23 +39021,15 @@ var TableHeader = defineComponent({
             })
           ])
         ]);
-      }).concat(hasGutter && rowIndex === 0 ? [
-        h$1("th", {
-          class: "el-table__fixed-right-patch el-table__cell",
-          key: `el-table--scrollbar`,
-          rowSpan,
-          style: {
-            width: `${gutterWidth}px`
-          }
-        }, [])
-      ] : []))))
+      }))))
     ]);
   }
 });
 
+const TABLE_INJECTION_KEY = Symbol("ElTable");
+
 function useEvents(props) {
-  const instance = getCurrentInstance();
-  const parent = instance.parent;
+  const parent = inject(TABLE_INJECTION_KEY);
   const tooltipContent = ref("");
   const tooltipTrigger = ref(h$1("div"));
   const handleEvent = (event, row, name) => {
@@ -39039,8 +39109,7 @@ function useEvents(props) {
 }
 
 function useStyles(props) {
-  const instance = getCurrentInstance();
-  const parent = instance.parent;
+  const parent = inject(TABLE_INJECTION_KEY);
   const getRowStyle = (row, rowIndex) => {
     const rowStyle = parent.props.rowStyle;
     if (typeof rowStyle === "function") {
@@ -39145,8 +39214,7 @@ function useStyles(props) {
 }
 
 function useRender$1(props) {
-  const instance = getCurrentInstance();
-  const parent = instance.parent;
+  const parent = inject(TABLE_INJECTION_KEY);
   const {
     handleDoubleClick,
     handleClick,
@@ -39366,7 +39434,7 @@ var TableBody = defineComponent({
   props: defaultProps$3,
   setup(props) {
     const instance = getCurrentInstance();
-    const parent = instance.parent;
+    const parent = inject(TABLE_INJECTION_KEY);
     const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props);
     const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
     watch(props.store.states.hoverRow, (newVal, oldVal) => {
@@ -39454,16 +39522,8 @@ function useMapState() {
 }
 
 function useStyle$1(props) {
-  const instance = getCurrentInstance();
-  const table = instance.parent;
   const { columns } = useMapState();
-  const hasGutter = computed(() => {
-    return !props.fixed && table.layout.gutterWidth > 0 && table.layout.height.value && table.layout.bodyScrollHeight.value > table.layout.bodyHeight.value;
-  });
-  const gutterWidth = computed(() => {
-    return table.layout.gutterWidth;
-  });
-  const getCellClasses = (columns2, cellIndex, hasGutter2) => {
+  const getCellClasses = (columns2, cellIndex) => {
     const column = columns2[cellIndex];
     const classes = [
       "el-table__cell",
@@ -39478,21 +39538,15 @@ function useStyle$1(props) {
     if (!column.children) {
       classes.push("is-leaf");
     }
-    if (hasGutter2 && cellIndex === columns2.length - 1) {
-      classes.push("last");
-    }
     return classes;
   };
-  const getCellStyles = (column, cellIndex, hasGutter2) => {
+  const getCellStyles = (column, cellIndex) => {
     const fixedStyle = getFixedColumnOffset(cellIndex, column.fixed, props.store);
-    ensureRightFixedStyle(fixedStyle, hasGutter2);
     ensurePosition(fixedStyle, "left");
     ensurePosition(fixedStyle, "right");
     return fixedStyle;
   };
   return {
-    hasGutter,
-    gutterWidth,
     getCellClasses,
     getCellStyles,
     columns
@@ -39524,25 +39578,15 @@ var TableFooter = defineComponent({
     }
   },
   setup(props) {
-    const { hasGutter, getCellClasses, getCellStyles, columns, gutterWidth } = useStyle$1(props);
+    const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
     return {
       getCellClasses,
       getCellStyles,
-      hasGutter,
-      gutterWidth,
       columns
     };
   },
   render() {
-    const {
-      hasGutter,
-      gutterWidth,
-      columns,
-      getCellStyles,
-      getCellClasses,
-      summaryMethod,
-      sumText
-    } = this;
+    const { columns, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
     const data = this.store.states.data.value;
     let sums = [];
     if (summaryMethod) {
@@ -39587,28 +39631,20 @@ var TableFooter = defineComponent({
       cellpadding: "0",
       border: "0"
     }, [
-      hColgroup(columns, hasGutter),
-      h$1("tbody", {
-        class: [{ "has-gutter": hasGutter }]
-      }, [
+      hColgroup(columns),
+      h$1("tbody", [
         h$1("tr", {}, [
           ...columns.map((column, cellIndex) => h$1("td", {
             key: cellIndex,
             colspan: column.colSpan,
             rowspan: column.rowSpan,
-            class: getCellClasses(columns, cellIndex, hasGutter),
-            style: getCellStyles(column, cellIndex, hasGutter)
+            class: getCellClasses(columns, cellIndex),
+            style: getCellStyles(column, cellIndex)
           }, [
             h$1("div", {
               class: ["cell", column.labelClassName]
             }, [sums[cellIndex]])
-          ])),
-          hasGutter && h$1("td", {
-            class: "el-table__fixed-right-patch el-table__cell",
-            style: {
-              width: `${gutterWidth}px`
-            }
-          })
+          ]))
         ])
       ])
     ]);
@@ -39708,12 +39744,6 @@ function useStyle(props, layout, store, table) {
       width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : ""
     };
   });
-  const borderBottomPatchStyles = computed(() => {
-    return {
-      bottom: `${layout.gutterWidth}px`,
-      right: `${layout.gutterWidth}px`
-    };
-  });
   const doLayout = () => {
     if (shouldUpdateHeight.value) {
       layout.updateElsHeight();
@@ -39754,9 +39784,12 @@ function useStyle(props, layout, store, table) {
     setScrollClassByEl(tableWrapper, className);
   };
   const syncPostion = function() {
-    if (!table.refs.bodyWrapper)
+    if (!table.refs.scrollWrapper)
       return;
-    const { scrollLeft, offsetWidth, scrollWidth } = table.refs.bodyWrapper;
+    const scrollContainer = table.refs.scrollWrapper.wrap$;
+    if (!scrollContainer)
+      return;
+    const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
     const { headerWrapper, footerWrapper } = table.refs;
     if (headerWrapper)
       headerWrapper.scrollLeft = scrollLeft;
@@ -39772,7 +39805,8 @@ function useStyle(props, layout, store, table) {
     }
   };
   const bindEvents = () => {
-    table.refs.bodyWrapper.addEventListener("scroll", syncPostion, {
+    var _a;
+    (_a = table.refs.scrollWrapper.wrap$) == null ? void 0 : _a.addEventListener("scroll", syncPostion, {
       passive: true
     });
     if (props.fit) {
@@ -39781,12 +39815,12 @@ function useStyle(props, layout, store, table) {
       on(window, "resize", doLayout);
     }
   };
-  onUnmounted(() => {
+  onBeforeUnmount(() => {
     unbindEvents();
   });
   const unbindEvents = () => {
     var _a;
-    (_a = table.refs.bodyWrapper) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
+    (_a = table.refs.scrollWrapper.wrap$) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
     if (props.fit) {
       removeResizeListener(table.vnode.el, resizeListener);
     } else {
@@ -39803,14 +39837,14 @@ function useStyle(props, layout, store, table) {
     if (oldWidth !== width) {
       shouldUpdateLayout = true;
     }
-    const height = el.offsetHeight;
-    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
+    const height2 = el.offsetHeight;
+    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height2) {
       shouldUpdateLayout = true;
     }
     if (shouldUpdateLayout) {
       resizeState.value = {
         width,
-        height
+        height: height2
       };
       doLayout();
     }
@@ -39820,6 +39854,18 @@ function useStyle(props, layout, store, table) {
     const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout;
     return bodyWidth_.value ? `${bodyWidth_.value - (scrollY.value ? gutterWidth : 0)}px` : "";
   });
+  const height = computed(() => {
+    const headerHeight = layout.headerHeight.value || 0;
+    const bodyHeight2 = layout.bodyHeight.value;
+    const footerHeight = layout.footerHeight.value || 0;
+    if (props.height) {
+      return bodyHeight2 ? bodyHeight2 : void 0;
+    } else if (props.maxHeight) {
+      const maxHeight = parseHeight(props.maxHeight);
+      return maxHeight - footerHeight - (props.showHeader ? headerHeight : 0);
+    }
+    return void 0;
+  });
   const bodyHeight = computed(() => {
     const headerHeight = layout.headerHeight.value || 0;
     const bodyHeight2 = layout.bodyHeight.value;
@@ -39841,13 +39887,13 @@ function useStyle(props, layout, store, table) {
   const emptyBlockStyle = computed(() => {
     if (props.data && props.data.length)
       return null;
-    let height = "100%";
+    let height2 = "100%";
     if (layout.appendHeight.value) {
-      height = `calc(100% - ${layout.appendHeight.value}px)`;
+      height2 = `calc(100% - ${layout.appendHeight.value}px)`;
     }
     return {
       width: bodyWidth.value,
-      height
+      height: height2
     };
   });
   const handleFixedMousewheel = (event, data) => {
@@ -39915,6 +39961,7 @@ function useStyle(props, layout, store, table) {
     handleHeaderFooterMousewheel,
     tableSize,
     bodyHeight,
+    height,
     emptyBlockStyle,
     handleFixedMousewheel,
     fixedHeight,
@@ -39923,8 +39970,7 @@ function useStyle(props, layout, store, table) {
     bodyWidth,
     resizeState,
     doLayout,
-    tableBodyStyles,
-    borderBottomPatchStyles
+    tableBodyStyles
   };
 }
 
@@ -40007,7 +40053,8 @@ var script$i = defineComponent({
   components: {
     TableHeader,
     TableBody,
-    TableFooter
+    TableFooter,
+    ElScrollbar: ElScrollbar$1
   },
   props: defaultProps$1,
   emits: [
@@ -40033,6 +40080,7 @@ var script$i = defineComponent({
   setup(props) {
     const { t } = useLocale();
     const table = getCurrentInstance();
+    provide(TABLE_INJECTION_KEY, table);
     const store = createStore(table, props);
     table.store = store;
     const layout = new TableLayout$1({
@@ -40062,6 +40110,7 @@ var script$i = defineComponent({
       handleHeaderFooterMousewheel,
       tableSize,
       bodyHeight,
+      height,
       emptyBlockStyle,
       handleFixedMousewheel,
       fixedHeight,
@@ -40070,8 +40119,7 @@ var script$i = defineComponent({
       bodyWidth,
       resizeState,
       doLayout,
-      tableBodyStyles,
-      borderBottomPatchStyles
+      tableBodyStyles
     } = useStyle(props, layout, store, table);
     const debouncedUpdateLayout = debounce$3(doLayout, 50);
     const tableId = `el-table_${tableIdSeed++}`;
@@ -40101,9 +40149,9 @@ var script$i = defineComponent({
       isGroup,
       bodyWidth,
       bodyHeight,
+      height,
       tableBodyStyles,
       emptyBlockStyle,
-      borderBottomPatchStyles,
       debouncedUpdateLayout,
       handleFixedMousewheel,
       fixedHeight,
@@ -40158,6 +40206,7 @@ const _hoisted_8$2 = {
 function render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_table_footer = resolveComponent("table-footer");
   const _directive_mousewheel = resolveDirective("mousewheel");
   return openBlock(), createElementBlock("div", {
@@ -40173,7 +40222,8 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
         "el-table--scrollable-x": _ctx.layout.scrollX.value,
         "el-table--scrollable-y": _ctx.layout.scrollY.value,
         "el-table--enable-row-hover": !_ctx.store.states.isComplex.value,
-        "el-table--enable-row-transition": (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100
+        "el-table--enable-row-transition": (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
+        "has-footer": _ctx.showSummary
       },
       _ctx.tableSize ? `el-table--${_ctx.tableSize}` : "",
       _ctx.className,
@@ -40203,40 +40253,43 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.bodyHeight),
         class: "el-table__body-wrapper"
       }, [
-        createVNode(_component_table_body, {
-          context: _ctx.context,
-          highlight: _ctx.highlightCurrentRow,
-          "row-class-name": _ctx.rowClassName,
-          "tooltip-effect": _ctx.tooltipEffect,
-          "row-style": _ctx.rowStyle,
-          store: _ctx.store,
-          stripe: _ctx.stripe,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          })
-        }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-        _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref: "emptyBlock",
-          style: normalizeStyle(_ctx.emptyBlockStyle),
-          class: "el-table__empty-block"
-        }, [
-          createElementVNode("span", _hoisted_4$4, [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)
-            ])
-          ])
-        ], 4)) : createCommentVNode("v-if", true),
-        _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
-          renderSlot(_ctx.$slots, "append")
-        ], 512)) : createCommentVNode("v-if", true)
+        createVNode(_component_el_scrollbar, {
+          ref: "scrollWrapper",
+          height: _ctx.height
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_table_body, {
+              context: _ctx.context,
+              highlight: _ctx.highlightCurrentRow,
+              "row-class-name": _ctx.rowClassName,
+              "tooltip-effect": _ctx.tooltipEffect,
+              "row-style": _ctx.rowStyle,
+              store: _ctx.store,
+              stripe: _ctx.stripe,
+              style: normalizeStyle({
+                width: _ctx.bodyWidth
+              })
+            }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
+            _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref: "emptyBlock",
+              style: normalizeStyle(_ctx.emptyBlockStyle),
+              class: "el-table__empty-block"
+            }, [
+              createElementVNode("span", _hoisted_4$4, [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)
+                ])
+              ])
+            ], 4)) : createCommentVNode("v-if", true),
+            _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+              renderSlot(_ctx.$slots, "append")
+            ], 512)) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 8, ["height"])
       ], 4),
-      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", _hoisted_6$2)) : createCommentVNode("v-if", true),
-      _ctx.layout.scrollX.value && _ctx.layout.height.value ? (openBlock(), createElementBlock("div", {
-        key: 2,
-        class: "el-table__border-bottom-patch",
-        style: normalizeStyle(_ctx.borderBottomPatchStyles)
-      }, null, 4)) : createCommentVNode("v-if", true)
+      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", _hoisted_6$2)) : createCommentVNode("v-if", true)
     ]),
     _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", _hoisted_7$2, [
       createVNode(_component_table_footer, {
@@ -41699,7 +41752,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.ns.e("node"),
         _ctx.ns.em("node", _ctx.size || ""),
         _ctx.ns.em("node", _ctx.type || ""),
-        _ctx.hollow ? "is-hollow" : ""
+        _ctx.ns.is("hollow", _ctx.hollow)
       ]),
       style: normalizeStyle({
         backgroundColor: _ctx.color
@@ -41726,7 +41779,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       !_ctx.hideTimestamp && _ctx.placement === "top" ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass([_ctx.ns.e("timestamp"), "is-top"])
+        class: normalizeClass([_ctx.ns.e("timestamp"), _ctx.ns.is("top")])
       }, toDisplayString(_ctx.timestamp), 3)) : createCommentVNode("v-if", true),
       createElementVNode("div", {
         class: normalizeClass(_ctx.ns.e("content"))
@@ -41735,7 +41788,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2),
       !_ctx.hideTimestamp && _ctx.placement === "bottom" ? (openBlock(), createElementBlock("div", {
         key: 1,
-        class: normalizeClass([_ctx.ns.e("timestamp"), "is-bottom"])
+        class: normalizeClass([_ctx.ns.e("timestamp"), _ctx.ns.is("bottom")])
       }, toDisplayString(_ctx.timestamp), 3)) : createCommentVNode("v-if", true)
     ], 2)
   ], 2);
@@ -43304,7 +43357,7 @@ var script$a = defineComponent({
       oldChecked.value = checked;
       oldIndeterminate.value = indeterminate;
     };
-    const handleClick = () => {
+    const handleClick = (e) => {
       const store = tree.store.value;
       store.setCurrentNode(props.node);
       tree.ctx.emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
@@ -43317,7 +43370,7 @@ var script$a = defineComponent({
           target: { checked: !props.node.checked }
         });
       }
-      tree.ctx.emit("node-click", props.node.data, props.node, instance);
+      tree.ctx.emit("node-click", props.node.data, props.node, instance, e);
     };
     const handleContextMenu = (event) => {
       if (tree.instance.vnode.props["onNodeContextmenu"]) {
@@ -44045,7 +44098,7 @@ const NODE_CHECK = "check";
 const NODE_CHECK_CHANGE = "check-change";
 const NODE_CONTEXTMENU = "node-contextmenu";
 const treeEmits = {
-  [NODE_CLICK]: (data, node) => data && node,
+  [NODE_CLICK]: (data, node, e) => data && node && e,
   [NODE_EXPAND]: (data, node) => data && node,
   [NODE_COLLAPSE]: (data, node) => data && node,
   [CURRENT_CHANGE]: (data, node) => data && node,
@@ -44054,7 +44107,7 @@ const treeEmits = {
   [NODE_CONTEXTMENU]: (event, data, node) => event && data && node
 };
 const treeNodeEmits = {
-  click: (node) => !!node,
+  click: (node, e) => !!(node && e),
   toggle: (node) => !!node,
   check: (node, checked) => node && typeof checked === "boolean"
 };
@@ -44449,8 +44502,8 @@ function useTree(props, emit) {
       expand(node);
     }
   }
-  function handleNodeClick(node) {
-    emit(NODE_CLICK, node.data, node);
+  function handleNodeClick(node, e) {
+    emit(NODE_CLICK, node.data, node, e);
     handleCurrentChange(node);
     if (props.expandOnClickNode) {
       toggleExpand(node);
@@ -44575,8 +44628,8 @@ var script$8 = defineComponent({
       var _a;
       return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
     });
-    const handleClick = () => {
-      emit("click", props.node);
+    const handleClick = (e) => {
+      emit("click", props.node, e);
     };
     const handleExpandIconClick = () => {
       emit("toggle", props.node);
@@ -48356,4 +48409,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1P as CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, script$22 as ElPopperArrow, script$20 as ElPopperContent, script$21 as ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, script$1N as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, barProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDialog, useDisabled$1 as useDisabled, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, script$1P as CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, script$22 as ElPopperArrow, script$20 as ElPopperContent, script$21 as ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, script$1N as TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, barProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDialog, useDisabled$1 as useDisabled, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };