@element-plus/nightly 0.0.20220104 → 0.0.20220108

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220104 */
+/*! Element Plus v0.0.20220108 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2976,9 +2976,9 @@
 	  return obj;
 	};
 
-	const fallback = vue.ref({});
+	const cache$1 = vue.ref({});
 	function useGlobalConfig(key) {
-	  const config = vue.inject(configProviderContextKey, fallback);
+	  const config = vue.inject(configProviderContextKey, cache$1);
 	  if (key) {
 	    return isObject$a(config.value) && hasOwn(config.value, key) ? vue.computed(() => config.value[key]) : vue.ref(void 0);
 	  } else {
@@ -3000,6 +3000,7 @@
 	    return merge(oldConfig.value, cfg);
 	  });
 	  provideFn(configProviderContextKey, context);
+	  cache$1.value = context.value;
 	  return context;
 	};
 
@@ -3545,43 +3546,23 @@
 	  }
 	};
 
-	const useLocaleProps = buildProps({
-	  locale: {
-	    type: definePropType(Object)
-	  }
-	});
-	const localeContextKey = Symbol("localeContextKey");
-	let cache$1;
-	const provideLocale = () => {
-	  const vm = vue.getCurrentInstance();
-	  const props = vm.props;
-	  const locale = vue.computed(() => props.locale || English);
-	  const lang = vue.computed(() => locale.value.name);
-	  const t = buildTranslator(locale);
-	  const provides = {
-	    locale,
-	    lang,
-	    t
-	  };
-	  cache$1 = provides;
-	  vue.provide(localeContextKey, provides);
-	};
 	const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
 	const translate = (path, option, locale) => get_1(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
 	  var _a;
 	  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
 	});
-	const localeProviderMaker = (locale = English) => {
-	  const lang = vue.ref(locale.name);
-	  const localeRef = vue.ref(locale);
+	const buildLocaleContext = (locale) => {
+	  const lang = vue.computed(() => vue.unref(locale).name);
+	  const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
 	  return {
 	    lang,
 	    locale: localeRef,
-	    t: buildTranslator(localeRef)
+	    t: buildTranslator(locale)
 	  };
 	};
 	const useLocale = () => {
-	  return vue.inject(localeContextKey, cache$1 || localeProviderMaker(English));
+	  const locale = useGlobalConfig("locale");
+	  return buildLocaleContext(vue.computed(() => locale.value || English));
 	};
 
 	let scrollBarWidth;
@@ -4232,8 +4213,6 @@
 	  };
 	};
 
-	var isServer = !(globalThis ? globalThis.document : window);
-
 	const defaultIdInjection = {
 	  prefix: Math.floor(Math.random() * 1e4),
 	  current: 0
@@ -4265,7 +4244,7 @@
 	const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
 	const usePopperContainer = () => {
 	  vue.onBeforeMount(() => {
-	    if (isServer)
+	    if (!isClient)
 	      return;
 	    if (!cachedContainer) {
 	      const container = document.createElement("div");
@@ -4531,7 +4510,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220104";
+	const version$1 = "0.0.20220108";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -4788,11 +4767,11 @@
 	  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$1m = [
+	const _hoisted_3$1n = [
 	  _hoisted_2$1B
 	];
 	function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1$, _hoisted_3$1m);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1$, _hoisted_3$1n);
 	}
 	var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B]]);
 
@@ -4810,11 +4789,11 @@
 	  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$1l = [
+	const _hoisted_3$1m = [
 	  _hoisted_2$1A
 	];
 	function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1_, _hoisted_3$1l);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1_, _hoisted_3$1m);
 	}
 	var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A]]);
 
@@ -4832,11 +4811,11 @@
 	  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$1k = [
+	const _hoisted_3$1l = [
 	  _hoisted_2$1z
 	];
 	function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Z, _hoisted_3$1k);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Z, _hoisted_3$1l);
 	}
 	var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z]]);
 
@@ -4854,11 +4833,11 @@
 	  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$1j = [
+	const _hoisted_3$1k = [
 	  _hoisted_2$1y
 	];
 	function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Y, _hoisted_3$1j);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Y, _hoisted_3$1k);
 	}
 	var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
 
@@ -4876,13 +4855,13 @@
 	  fill: "currentColor",
 	  d: "M224 480h640a32 32 0 110 64H224a32 32 0 010-64z"
 	}, null, -1);
-	const _hoisted_3$1i = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$1j = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M237.248 512l265.408 265.344a32 32 0 01-45.312 45.312l-288-288a32 32 0 010-45.312l288-288a32 32 0 1145.312 45.312L237.248 512z"
 	}, null, -1);
 	const _hoisted_4$A = [
 	  _hoisted_2$1x,
-	  _hoisted_3$1i
+	  _hoisted_3$1j
 	];
 	function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1X, _hoisted_4$A);
@@ -4903,11 +4882,11 @@
 	  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$1h = [
+	const _hoisted_3$1i = [
 	  _hoisted_2$1w
 	];
 	function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1W, _hoisted_3$1h);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1W, _hoisted_3$1i);
 	}
 	var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w]]);
 
@@ -4925,11 +4904,11 @@
 	  fill: "currentColor",
 	  d: "M384 192v640l384-320.064z"
 	}, null, -1);
-	const _hoisted_3$1g = [
+	const _hoisted_3$1h = [
 	  _hoisted_2$1v
 	];
 	function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1V, _hoisted_3$1g);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1V, _hoisted_3$1h);
 	}
 	var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v]]);
 
@@ -4947,11 +4926,11 @@
 	  fill: "currentColor",
 	  d: "M512 320L192 704h639.936z"
 	}, null, -1);
-	const _hoisted_3$1f = [
+	const _hoisted_3$1g = [
 	  _hoisted_2$1u
 	];
 	function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1U, _hoisted_3$1f);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1U, _hoisted_3$1g);
 	}
 	var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
 
@@ -4969,11 +4948,11 @@
 	  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$1e = [
+	const _hoisted_3$1f = [
 	  _hoisted_2$1t
 	];
 	function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1T, _hoisted_3$1e);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1T, _hoisted_3$1f);
 	}
 	var check = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
 
@@ -4991,11 +4970,11 @@
 	  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$1d = [
+	const _hoisted_3$1e = [
 	  _hoisted_2$1s
 	];
 	function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1S, _hoisted_3$1d);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1S, _hoisted_3$1e);
 	}
 	var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
 
@@ -5013,13 +4992,13 @@
 	  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$1c = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$1d = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
 	}, null, -1);
 	const _hoisted_4$z = [
 	  _hoisted_2$1r,
-	  _hoisted_3$1c
+	  _hoisted_3$1d
 	];
 	function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1R, _hoisted_4$z);
@@ -5040,11 +5019,11 @@
 	  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$1b = [
+	const _hoisted_3$1c = [
 	  _hoisted_2$1q
 	];
 	function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Q, _hoisted_3$1b);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1Q, _hoisted_3$1c);
 	}
 	var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
 
@@ -5062,13 +5041,13 @@
 	  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$1a = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$1b = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
 	const _hoisted_4$y = [
 	  _hoisted_2$1p,
-	  _hoisted_3$1a
+	  _hoisted_3$1b
 	];
 	function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1P, _hoisted_4$y);
@@ -5089,7 +5068,7 @@
 	  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$19 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_3$1a = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 	}, null, -1);
@@ -5099,7 +5078,7 @@
 	}, null, -1);
 	const _hoisted_5$o = [
 	  _hoisted_2$1o,
-	  _hoisted_3$19,
+	  _hoisted_3$1a,
 	  _hoisted_4$x
 	];
 	function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5121,11 +5100,11 @@
 	  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$18 = [
+	const _hoisted_3$19 = [
 	  _hoisted_2$1n
 	];
 	function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1N, _hoisted_3$18);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1N, _hoisted_3$19);
 	}
 	var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
 
@@ -5143,11 +5122,11 @@
 	  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$17 = [
+	const _hoisted_3$18 = [
 	  _hoisted_2$1m
 	];
 	function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1M, _hoisted_3$17);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1M, _hoisted_3$18);
 	}
 	var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
 
@@ -5165,11 +5144,11 @@
 	  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$16 = [
+	const _hoisted_3$17 = [
 	  _hoisted_2$1l
 	];
 	function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1L, _hoisted_3$16);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1L, _hoisted_3$17);
 	}
 	var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l]]);
 
@@ -5187,11 +5166,11 @@
 	  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$15 = [
+	const _hoisted_3$16 = [
 	  _hoisted_2$1k
 	];
 	function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1K, _hoisted_3$15);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1K, _hoisted_3$16);
 	}
 	var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k]]);
 
@@ -5209,11 +5188,11 @@
 	  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$14 = [
+	const _hoisted_3$15 = [
 	  _hoisted_2$1j
 	];
 	function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1J, _hoisted_3$14);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1J, _hoisted_3$15);
 	}
 	var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
 
@@ -5231,11 +5210,11 @@
 	  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$13 = [
+	const _hoisted_3$14 = [
 	  _hoisted_2$1i
 	];
 	function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$13);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$14);
 	}
 	var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
 
@@ -5253,11 +5232,11 @@
 	  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$12 = [
+	const _hoisted_3$13 = [
 	  _hoisted_2$1h
 	];
 	function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_3$12);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_3$13);
 	}
 	var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h]]);
 
@@ -5275,11 +5254,11 @@
 	  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$11 = [
+	const _hoisted_3$12 = [
 	  _hoisted_2$1g
 	];
 	function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$11);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$12);
 	}
 	var loading = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
 
@@ -5297,11 +5276,11 @@
 	  fill: "currentColor",
 	  d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 	}, null, -1);
-	const _hoisted_3$10 = [
+	const _hoisted_3$11 = [
 	  _hoisted_2$1f
 	];
 	function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_3$10);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_3$11);
 	}
 	var minus = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
 
@@ -5319,11 +5298,11 @@
 	  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$$ = [
+	const _hoisted_3$10 = [
 	  _hoisted_2$1e
 	];
 	function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_3$$);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_3$10);
 	}
 	var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
 
@@ -5341,11 +5320,11 @@
 	  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$_ = [
+	const _hoisted_3$$ = [
 	  _hoisted_2$1d
 	];
 	function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_3$_);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_3$$);
 	}
 	var more = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
 
@@ -5363,11 +5342,11 @@
 	  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$Z = [
+	const _hoisted_3$_ = [
 	  _hoisted_2$1c
 	];
 	function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$Z);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$_);
 	}
 	var plus = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 
@@ -5385,11 +5364,11 @@
 	  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$Y = [
+	const _hoisted_3$Z = [
 	  _hoisted_2$1b
 	];
 	function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Y);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$Z);
 	}
 	var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
 
@@ -5407,11 +5386,11 @@
 	  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$X = [
+	const _hoisted_3$Y = [
 	  _hoisted_2$1a
 	];
 	function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$X);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Y);
 	}
 	var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
 
@@ -5429,11 +5408,11 @@
 	  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$W = [
+	const _hoisted_3$X = [
 	  _hoisted_2$19
 	];
 	function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$W);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$X);
 	}
 	var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
 
@@ -5451,11 +5430,11 @@
 	  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$V = [
+	const _hoisted_3$W = [
 	  _hoisted_2$18
 	];
 	function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$V);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$W);
 	}
 	var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 
@@ -5473,11 +5452,11 @@
 	  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$U = [
+	const _hoisted_3$V = [
 	  _hoisted_2$17
 	];
 	function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$U);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$V);
 	}
 	var search = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 
@@ -5495,11 +5474,11 @@
 	  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$T = [
+	const _hoisted_3$U = [
 	  _hoisted_2$16
 	];
 	function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$T);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$U);
 	}
 	var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 
@@ -5517,11 +5496,11 @@
 	  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$S = [
+	const _hoisted_3$T = [
 	  _hoisted_2$15
 	];
 	function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$S);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$T);
 	}
 	var star = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 
@@ -5539,11 +5518,11 @@
 	  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$R = [
+	const _hoisted_3$S = [
 	  _hoisted_2$14
 	];
 	function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$R);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$S);
 	}
 	var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 
@@ -5561,11 +5540,11 @@
 	  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$Q = [
+	const _hoisted_3$R = [
 	  _hoisted_2$13
 	];
 	function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$Q);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$R);
 	}
 	var view = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
 
@@ -5583,11 +5562,11 @@
 	  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$P = [
+	const _hoisted_3$Q = [
 	  _hoisted_2$12
 	];
 	function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$P);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$Q);
 	}
 	var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 
@@ -5605,11 +5584,11 @@
 	  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$O = [
+	const _hoisted_3$P = [
 	  _hoisted_2$11
 	];
 	function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$O);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$P);
 	}
 	var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
@@ -5627,11 +5606,11 @@
 	  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$N = [
+	const _hoisted_3$O = [
 	  _hoisted_2$10
 	];
 	function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$N);
+	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$O);
 	}
 	var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
@@ -6696,6 +6675,7 @@
 	      passwordVisible,
 	      inputOrTextarea,
 	      suffixVisible,
+	      needStatusIcon,
 	      resizeTextarea,
 	      handleInput,
 	      handleChange,
@@ -6721,7 +6701,7 @@
 	  class: "el-input-group__prepend"
 	};
 	const _hoisted_2$_ = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-	const _hoisted_3$M = {
+	const _hoisted_3$N = {
 	  key: 1,
 	  class: "el-input__prefix"
 	};
@@ -6736,11 +6716,11 @@
 	  class: "el-input__count"
 	};
 	const _hoisted_8$b = { class: "el-input__count-inner" };
-	const _hoisted_9$8 = {
+	const _hoisted_9$7 = {
 	  key: 3,
 	  class: "el-input-group__append"
 	};
-	const _hoisted_10$8 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+	const _hoisted_10$7 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 	const _hoisted_11$4 = {
 	  key: 0,
 	  class: "el-input__count"
@@ -6797,7 +6777,7 @@
 	        onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
 	      }), null, 16, _hoisted_2$_),
 	      vue.createCommentVNode(" prefix slot "),
-	      _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$M, [
+	      _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$N, [
 	        vue.createElementVNode("span", _hoisted_4$w, [
 	          vue.renderSlot(_ctx.$slots, "prefix"),
 	          _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -6852,7 +6832,7 @@
 	            vue.createElementVNode("span", _hoisted_8$b, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
 	          ])) : vue.createCommentVNode("v-if", true)
 	        ]),
-	        _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+	        _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
 	          key: 0,
 	          class: "el-input__icon el-input__validateIcon"
 	        }, {
@@ -6863,7 +6843,7 @@
 	        })) : vue.createCommentVNode("v-if", true)
 	      ])) : vue.createCommentVNode("v-if", true),
 	      vue.createCommentVNode(" append slot "),
-	      _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$8, [
+	      _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$7, [
 	        vue.renderSlot(_ctx.$slots, "append")
 	      ])) : vue.createCommentVNode("v-if", true)
 	    ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -6887,7 +6867,7 @@
 	        onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
 	        onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	        onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-	      }), null, 16, _hoisted_10$8),
+	      }), null, 16, _hoisted_10$7),
 	      _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$4, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
 	    ], 64))
 	  ], 38)), [
@@ -9424,6 +9404,7 @@
 	    ref: "popperContentRef",
 	    style: vue.normalizeStyle(_ctx.contentStyle),
 	    class: vue.normalizeClass(_ctx.contentClass),
+	    role: "tooltip",
 	    onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
 	    onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
 	  }, [
@@ -10250,7 +10231,7 @@
 
 	const _hoisted_1$1k = ["aria-expanded", "aria-owns"];
 	const _hoisted_2$Y = { key: 0 };
-	const _hoisted_3$L = ["id", "aria-selected", "onClick"];
+	const _hoisted_3$M = ["id", "aria-selected", "onClick"];
 	function render$1S(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_input = vue.resolveComponent("el-input");
 	  const _component_loading = vue.resolveComponent("loading");
@@ -10311,7 +10292,7 @@
 	                vue.renderSlot(_ctx.$slots, "default", { item }, () => [
 	                  vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
 	                ])
-	              ], 10, _hoisted_3$L);
+	              ], 10, _hoisted_3$M);
 	            }), 128))
 	          ]),
 	          _: 3
@@ -12724,7 +12705,7 @@
 
 	const _hoisted_1$1d = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 	const _hoisted_2$V = { class: "el-range-separator" };
-	const _hoisted_3$K = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+	const _hoisted_3$L = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 	function render$1K(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_el_input = vue.resolveComponent("el-input");
@@ -12847,7 +12828,7 @@
 	          onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
 	          onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
 	          onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
-	        }, null, 40, _hoisted_3$K),
+	        }, null, 40, _hoisted_3$L),
 	        _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
 	          key: 1,
 	          class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -13209,7 +13190,7 @@
 
 	const _hoisted_1$1c = ["onClick"];
 	const _hoisted_2$U = ["onMouseenter"];
-	const _hoisted_3$J = { class: "el-time-spinner__list" };
+	const _hoisted_3$K = { class: "el-time-spinner__list" };
 	function render$1J(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
 	  const _component_arrow_up = vue.resolveComponent("arrow-up");
@@ -13272,7 +13253,7 @@
 	        })), [
 	          [_directive_repeat_click, _ctx.onIncreaseClick]
 	        ]),
-	        vue.createElementVNode("ul", _hoisted_3$J, [
+	        vue.createElementVNode("ul", _hoisted_3$K, [
 	          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.arrowListMap[item].value, (time, key) => {
 	            return vue.openBlock(), vue.createElementBlock("li", {
 	              key,
@@ -14329,7 +14310,7 @@
 	  class: "el-time-range-picker el-picker-panel"
 	};
 	const _hoisted_2$S = { class: "el-time-range-picker__content" };
-	const _hoisted_3$I = { class: "el-time-range-picker__cell" };
+	const _hoisted_3$J = { class: "el-time-range-picker__cell" };
 	const _hoisted_4$v = { class: "el-time-range-picker__header" };
 	const _hoisted_5$m = { class: "el-time-range-picker__cell" };
 	const _hoisted_6$h = { class: "el-time-range-picker__header" };
@@ -14339,7 +14320,7 @@
 	  const _component_time_spinner = vue.resolveComponent("time-spinner");
 	  return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
 	    vue.createElementVNode("div", _hoisted_2$S, [
-	      vue.createElementVNode("div", _hoisted_3$I, [
+	      vue.createElementVNode("div", _hoisted_3$J, [
 	        vue.createElementVNode("div", _hoisted_4$v, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
 	        vue.createElementVNode("div", {
 	          class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
@@ -14592,7 +14573,7 @@
 
 	const _hoisted_1$19 = { key: 0 };
 	const _hoisted_2$R = ["onClick"];
-	const _hoisted_3$H = { class: "el-calendar-day" };
+	const _hoisted_3$I = { class: "el-calendar-day" };
 	function render$1G(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("table", {
 	    class: vue.normalizeClass({
@@ -14622,7 +14603,7 @@
 	              class: vue.normalizeClass(_ctx.getCellClass(cell)),
 	              onClick: ($event) => _ctx.handlePickDay(cell)
 	            }, [
-	              vue.createElementVNode("div", _hoisted_3$H, [
+	              vue.createElementVNode("div", _hoisted_3$I, [
 	                vue.renderSlot(_ctx.$slots, "dateCell", {
 	                  data: _ctx.getSlotData(cell)
 	                }, () => [
@@ -14798,7 +14779,7 @@
 
 	const _hoisted_1$18 = { class: "el-calendar" };
 	const _hoisted_2$Q = { class: "el-calendar__header" };
-	const _hoisted_3$G = { class: "el-calendar__title" };
+	const _hoisted_3$H = { class: "el-calendar__title" };
 	const _hoisted_4$u = {
 	  key: 0,
 	  class: "el-calendar__button-group"
@@ -14818,7 +14799,7 @@
 	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
 	    vue.createElementVNode("div", _hoisted_2$Q, [
 	      vue.renderSlot(_ctx.$slots, "header", { date: _ctx.i18nDate }, () => [
-	        vue.createElementVNode("div", _hoisted_3$G, vue.toDisplayString(_ctx.i18nDate), 1),
+	        vue.createElementVNode("div", _hoisted_3$H, vue.toDisplayString(_ctx.i18nDate), 1),
 	        _ctx.validatedRange.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$u, [
 	          vue.createVNode(_component_el_button_group, null, {
 	            default: vue.withCtx(() => [
@@ -15273,7 +15254,7 @@
 
 	const _hoisted_1$16 = ["onMouseenter", "onClick"];
 	const _hoisted_2$P = { class: "el-carousel__button" };
-	const _hoisted_3$F = { key: 0 };
+	const _hoisted_3$G = { key: 0 };
 	function render$1D(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_arrow_left = vue.resolveComponent("arrow-left");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -15360,7 +15341,7 @@
 	          onClick: vue.withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
 	        }, [
 	          vue.createElementVNode("button", _hoisted_2$P, [
-	            _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$F, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
+	            _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$G, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
 	          ])
 	        ], 42, _hoisted_1$16);
 	      }), 128))
@@ -15754,7 +15735,7 @@
 
 	const _hoisted_1$14 = ["id", "aria-controls"];
 	const _hoisted_2$O = ["tabindex", "role", "aria-checked"];
-	const _hoisted_3$E = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+	const _hoisted_3$F = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 	const _hoisted_4$t = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 	const _hoisted_5$k = ["aria-hidden", "disabled", "value", "name", "tabindex"];
 	const _hoisted_6$f = {
@@ -15783,7 +15764,7 @@
 	      role: _ctx.indeterminate ? "checkbox" : void 0,
 	      "aria-checked": _ctx.indeterminate ? "mixed" : false
 	    }, [
-	      _hoisted_3$E,
+	      _hoisted_3$F,
 	      _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	        key: 0,
 	        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
@@ -15860,7 +15841,7 @@
 
 	const _hoisted_1$13 = ["aria-checked", "aria-disabled"];
 	const _hoisted_2$N = ["name", "tabindex", "disabled", "true-value", "false-value"];
-	const _hoisted_3$D = ["name", "tabindex", "disabled", "value"];
+	const _hoisted_3$E = ["name", "tabindex", "disabled", "value"];
 	function render$1A(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
 	    class: vue.normalizeClass(["el-checkbox-button", [
@@ -15900,7 +15881,7 @@
 	      onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	      onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
 	      onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
-	    }, null, 40, _hoisted_3$D)), [
+	    }, null, 40, _hoisted_3$E)), [
 	      [vue.vModelCheckbox, _ctx.model]
 	    ]),
 	    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -16082,7 +16063,7 @@
 
 	const _hoisted_1$12 = ["aria-checked", "aria-disabled", "tabindex"];
 	const _hoisted_2$M = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
-	const _hoisted_3$C = ["value", "name", "disabled"];
+	const _hoisted_3$D = ["value", "name", "disabled"];
 	function render$1z(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
 	    class: vue.normalizeClass(["el-radio", {
@@ -16118,7 +16099,7 @@
 	        onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
 	        onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false),
 	        onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
-	      }, null, 40, _hoisted_3$C), [
+	      }, null, 40, _hoisted_3$D), [
 	        [vue.vModelRadio, _ctx.modelValue]
 	      ])
 	    ], 2),
@@ -16538,6 +16519,8 @@
 	var script$1A = vue.defineComponent({
 	  name: "ElCascaderMenu",
 	  components: {
+	    Loading: loading,
+	    ElIcon: ElIcon$1,
 	    ElScrollbar: ElScrollbar$1,
 	    ElCascaderNode: script$1B
 	  },
@@ -16560,6 +16543,7 @@
 	    const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
 	    const hoverZone = vue.ref(null);
 	    const isEmpty = vue.computed(() => !props.nodes.length);
+	    const isLoading = vue.computed(() => !panel.initialLoaded);
 	    const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
 	    const handleExpand = (e) => {
 	      activeNode = e.target;
@@ -16599,6 +16583,7 @@
 	      panel,
 	      hoverZone,
 	      isEmpty,
+	      isLoading,
 	      menuId,
 	      t,
 	      handleExpand,
@@ -16614,11 +16599,17 @@
 	};
 	const _hoisted_2$J = {
 	  key: 1,
+	  class: "el-cascader-menu__empty-text"
+	};
+	const _hoisted_3$C = {
+	  key: 2,
 	  ref: "hoverZone",
 	  class: "el-cascader-menu__hover-zone"
 	};
 	function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
+	  const _component_loading = vue.resolveComponent("loading");
+	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
 	  return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
 	    key: _ctx.menuId,
@@ -16641,7 +16632,18 @@
 	            onExpand: _ctx.handleExpand
 	          }, null, 8, ["node", "menu-id", "onExpand"]);
 	        }), 128)),
-	        _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$J, null, 512)) : vue.createCommentVNode("v-if", true)
+	        _ctx.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+	          vue.createVNode(_component_el_icon, {
+	            size: "14",
+	            class: "is-loading"
+	          }, {
+	            default: vue.withCtx(() => [
+	              vue.createVNode(_component_loading)
+	            ]),
+	            _: 1
+	          }),
+	          vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
+	        ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$C, null, 512)) : vue.createCommentVNode("v-if", true)
 	      ];
 	    }),
 	    _: 1
@@ -16899,10 +16901,10 @@
 	  },
 	  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, "close", "expand-change"],
 	  setup(props, { emit, slots }) {
-	    let initialLoaded = true;
 	    let manualChecked = false;
 	    const config = useCascaderConfig(props);
 	    let store = null;
+	    const initialLoaded = vue.ref(true);
 	    const menuList = vue.ref([]);
 	    const checkedValue = vue.ref(null);
 	    const menus = vue.ref([]);
@@ -16917,13 +16919,13 @@
 	      store = new Store(options, cfg);
 	      menus.value = [store.getNodes()];
 	      if (cfg.lazy && isEmpty(props.options)) {
-	        initialLoaded = false;
+	        initialLoaded.value = false;
 	        lazyLoad(void 0, (list) => {
 	          if (list) {
 	            store = new Store(list, cfg);
 	            menus.value = [store.getNodes()];
 	          }
-	          initialLoaded = true;
+	          initialLoaded.value = true;
 	          syncCheckedValue(false, true);
 	        });
 	      } else {
@@ -17004,7 +17006,7 @@
 	      const { modelValue } = props;
 	      const { lazy, multiple, checkStrictly } = config.value;
 	      const leafOnly = !checkStrictly;
-	      if (!initialLoaded || manualChecked || !forced && isEqual$2(modelValue, checkedValue.value))
+	      if (!initialLoaded.value || manualChecked || !forced && isEqual$2(modelValue, checkedValue.value))
 	        return;
 	      if (lazy && !loaded) {
 	        const values = deduplicate(arrayFlat(coerceTruthyValueToArray(modelValue)));
@@ -17090,6 +17092,7 @@
 	      expandingNode,
 	      checkedNodes,
 	      isHoverMenu,
+	      initialLoaded,
 	      renderLabelFn,
 	      lazyLoad,
 	      expandNode,
@@ -19337,8 +19340,11 @@
 	const _ColorPicker = script$1o;
 	const ElColorPicker = _ColorPicker;
 
+	const messageConfig = {};
 	const configProviderProps = buildProps({
-	  ...useLocaleProps,
+	  locale: {
+	    type: definePropType(Object)
+	  },
 	  size: {
 	    type: String,
 	    values: ["large", "default", "small"]
@@ -19346,6 +19352,9 @@
 	  button: {
 	    type: definePropType(Object)
 	  },
+	  message: {
+	    type: definePropType(Object)
+	  },
 	  zIndex: {
 	    type: Number
 	  }
@@ -19354,7 +19363,9 @@
 	  name: "ElConfigProvider",
 	  props: configProviderProps,
 	  setup(props, { slots }) {
-	    provideLocale();
+	    vue.watch(() => props.message, (val) => {
+	      Object.assign(messageConfig, val != null ? val : {});
+	    }, { immediate: true, deep: true });
 	    const config = provideGlobalConfig(props);
 	    return () => vue.renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
 	  }
@@ -19579,7 +19590,7 @@
 	      const cell = props.cell;
 	      if (picker == null ? void 0 : picker.ctx.slots.default) {
 	        const list = picker.ctx.slots.default(cell).filter((item) => {
-	          return item.type.toString() !== "Symbol(Comment)";
+	          return item.patchFlag !== -2 && item.type.toString() !== "Symbol(Comment)";
 	        });
 	        if (list.length) {
 	          return list;
@@ -20180,8 +20191,8 @@
 	const _hoisted_6$e = { class: "cell" };
 	const _hoisted_7$a = { class: "cell" };
 	const _hoisted_8$9 = { class: "cell" };
-	const _hoisted_9$7 = { class: "cell" };
-	const _hoisted_10$7 = { class: "cell" };
+	const _hoisted_9$6 = { class: "cell" };
+	const _hoisted_10$6 = { class: "cell" };
 	const _hoisted_11$3 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
 	const _hoisted_12$3 = /* @__PURE__ */ vue.createElementVNode("td", null, null, -1);
 	function render$1b(_ctx, _cache, $props, $setup, $data, $options) {
@@ -20238,12 +20249,12 @@
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 8)])
 	        }, [
-	          vue.createElementVNode("a", _hoisted_9$7, vue.toDisplayString(_ctx.startYear + 8), 1)
+	          vue.createElementVNode("a", _hoisted_9$6, vue.toDisplayString(_ctx.startYear + 8), 1)
 	        ], 2),
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 9)])
 	        }, [
-	          vue.createElementVNode("a", _hoisted_10$7, vue.toDisplayString(_ctx.startYear + 9), 1)
+	          vue.createElementVNode("a", _hoisted_10$6, vue.toDisplayString(_ctx.startYear + 9), 1)
 	        ], 2),
 	        _hoisted_11$3,
 	        _hoisted_12$3
@@ -20664,8 +20675,8 @@
 	const _hoisted_6$d = { class: "el-date-picker__editor-wrap" };
 	const _hoisted_7$9 = { class: "el-date-picker__editor-wrap" };
 	const _hoisted_8$8 = ["aria-label"];
-	const _hoisted_9$6 = ["aria-label"];
-	const _hoisted_10$6 = ["aria-label"];
+	const _hoisted_9$5 = ["aria-label"];
+	const _hoisted_10$5 = ["aria-label"];
 	const _hoisted_11$2 = ["aria-label"];
 	const _hoisted_12$2 = { class: "el-picker-panel__content" };
 	const _hoisted_13$2 = { class: "el-picker-panel__footer" };
@@ -20763,7 +20774,7 @@
 	              ]),
 	              _: 1
 	            })
-	          ], 8, _hoisted_9$6), [
+	          ], 8, _hoisted_9$5), [
 	            [vue.vShow, _ctx.currentView === "date"]
 	          ]),
 	          vue.createElementVNode("span", {
@@ -20790,7 +20801,7 @@
 	              ]),
 	              _: 1
 	            })
-	          ], 8, _hoisted_10$6),
+	          ], 8, _hoisted_10$5),
 	          vue.withDirectives(vue.createElementVNode("button", {
 	            type: "button",
 	            "aria-label": _ctx.t(`el.datepicker.nextMonth`),
@@ -21299,8 +21310,8 @@
 	const _hoisted_6$c = { class: "el-date-range-picker__editors-wrap" };
 	const _hoisted_7$8 = { class: "el-date-range-picker__time-picker-wrap" };
 	const _hoisted_8$7 = { class: "el-date-range-picker__time-picker-wrap" };
-	const _hoisted_9$5 = { class: "el-date-range-picker__editors-wrap is-right" };
-	const _hoisted_10$5 = { class: "el-date-range-picker__time-picker-wrap" };
+	const _hoisted_9$4 = { class: "el-date-range-picker__editors-wrap is-right" };
+	const _hoisted_10$4 = { class: "el-date-range-picker__time-picker-wrap" };
 	const _hoisted_11$1 = { class: "el-date-range-picker__time-picker-wrap" };
 	const _hoisted_12$1 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
 	const _hoisted_13$1 = { class: "el-date-range-picker__header" };
@@ -21390,8 +21401,8 @@
 	              _: 1
 	            })
 	          ]),
-	          vue.createElementVNode("span", _hoisted_9$5, [
-	            vue.createElementVNode("span", _hoisted_10$5, [
+	          vue.createElementVNode("span", _hoisted_9$4, [
+	            vue.createElementVNode("span", _hoisted_10$4, [
 	              vue.createVNode(_component_el_input, {
 	                size: "small",
 	                class: "el-date-range-picker__editor",
@@ -21774,8 +21785,8 @@
 	const _hoisted_6$b = { class: "el-date-range-picker__header" };
 	const _hoisted_7$7 = ["disabled"];
 	const _hoisted_8$6 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-	const _hoisted_9$4 = { class: "el-date-range-picker__header" };
-	const _hoisted_10$4 = ["disabled"];
+	const _hoisted_9$3 = { class: "el-date-range-picker__header" };
+	const _hoisted_10$3 = ["disabled"];
 	function render$18(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -21844,7 +21855,7 @@
 	          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
 	        ]),
 	        vue.createElementVNode("div", _hoisted_8$6, [
-	          vue.createElementVNode("div", _hoisted_9$4, [
+	          vue.createElementVNode("div", _hoisted_9$3, [
 	            _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
 	              key: 0,
 	              type: "button",
@@ -21858,7 +21869,7 @@
 	                ]),
 	                _: 1
 	              })
-	            ], 10, _hoisted_10$4)) : vue.createCommentVNode("v-if", true),
+	            ], 10, _hoisted_10$3)) : vue.createCommentVNode("v-if", true),
 	            vue.createElementVNode("button", {
 	              type: "button",
 	              class: "el-picker-panel__icon-btn d-arrow-right",
@@ -24136,11 +24147,11 @@
 	  "stop-color": "#E9EBEF",
 	  offset: "100%"
 	}, null, -1);
-	const _hoisted_9$3 = [
+	const _hoisted_9$2 = [
 	  _hoisted_7$6,
 	  _hoisted_8$5
 	];
-	const _hoisted_10$3 = ["id"];
+	const _hoisted_10$2 = ["id"];
 	const _hoisted_11 = {
 	  id: "Illustrations",
 	  stroke: "none",
@@ -24220,14 +24231,14 @@
 	        y1: "9.5%",
 	        x2: "100%",
 	        y2: "90.5%"
-	      }, _hoisted_9$3, 8, _hoisted_6$a),
+	      }, _hoisted_9$2, 8, _hoisted_6$a),
 	      vue.createElementVNode("rect", {
 	        id: `path-3-${_ctx.id}`,
 	        x: "0",
 	        y: "0",
 	        width: "17",
 	        height: "36"
-	      }, null, 8, _hoisted_10$3)
+	      }, null, 8, _hoisted_10$2)
 	    ]),
 	    vue.createElementVNode("g", _hoisted_11, [
 	      vue.createElementVNode("g", _hoisted_12, [
@@ -24431,6 +24442,17 @@
 	        validate(() => ({}));
 	      }
 	    });
+	    const formSize = useSize();
+	    const prefix = "el-form";
+	    const formKls = vue.computed(() => {
+	      const { labelPosition, inline } = props;
+	      return [
+	        prefix,
+	        `${prefix}--${formSize.value}`,
+	        labelPosition ? `${prefix}--label-${labelPosition}` : "",
+	        inline ? `${prefix}--inline` : ""
+	      ];
+	    });
 	    const addField = (field) => {
 	      if (field) {
 	        fields.push(field);
@@ -24524,6 +24546,7 @@
 	    });
 	    vue.provide(elFormKey, elForm);
 	    return {
+	      formKls,
 	      validate,
 	      resetFields,
 	      clearValidate,
@@ -24535,10 +24558,7 @@
 
 	function render$S(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("form", {
-	    class: vue.normalizeClass(["el-form", [
-	      _ctx.labelPosition ? "el-form--label-" + _ctx.labelPosition : "",
-	      { "el-form--inline": _ctx.inline }
-	    ]])
+	    class: vue.normalizeClass(_ctx.formKls)
 	  }, [
 	    vue.renderSlot(_ctx.$slots, "default")
 	  ], 2);
@@ -26944,6 +26964,7 @@
 	      currentValue: props.modelValue,
 	      userInput: null
 	    });
+	    const { formItem } = useFormItem();
 	    const minDisabled = vue.computed(() => _decrease(props.modelValue) < props.min);
 	    const maxDisabled = vue.computed(() => _increase(props.modelValue) > props.max);
 	    const numPrecision = vue.computed(() => {
@@ -27019,6 +27040,7 @@
 	      setCurrentValue(newVal);
 	    };
 	    const setCurrentValue = (newVal) => {
+	      var _a;
 	      const oldVal = data.currentValue;
 	      if (typeof newVal === "number" && props.precision !== void 0) {
 	        newVal = toPrecision(newVal, props.precision);
@@ -27036,6 +27058,7 @@
 	      emit("update:modelValue", newVal);
 	      emit("input", newVal);
 	      emit("change", newVal, oldVal);
+	      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
 	      data.currentValue = newVal;
 	    };
 	    const handleInput = (value) => {
@@ -27056,6 +27079,14 @@
 	      var _a, _b;
 	      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
 	    };
+	    const handleFocus = (event) => {
+	      emit("focus", event);
+	    };
+	    const handleBlur = (event) => {
+	      var _a;
+	      emit("blur", event);
+	      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
+	    };
 	    vue.watch(() => props.modelValue, (value) => {
 	      let newVal = Number(value);
 	      if (!isNaN(newVal)) {
@@ -27109,7 +27140,9 @@
 	      maxDisabled,
 	      minDisabled,
 	      focus,
-	      blur
+	      blur,
+	      handleFocus,
+	      handleBlur
 	    };
 	  }
 	});
@@ -27130,7 +27163,7 @@
 	      { "is-without-controls": !_ctx.controls },
 	      { "is-controls-right": _ctx.controlsAtRight }
 	    ]),
-	    onDragstart: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+	    onDragstart: _cache[2] || (_cache[2] = vue.withModifiers(() => {
 	    }, ["prevent"]))
 	  }, [
 	    _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -27175,15 +27208,16 @@
 	      min: _ctx.min,
 	      name: _ctx.name,
 	      label: _ctx.label,
+	      "validate-event": false,
 	      onKeydown: [
 	        vue.withKeys(vue.withModifiers(_ctx.increase, ["prevent"]), ["up"]),
 	        vue.withKeys(vue.withModifiers(_ctx.decrease, ["prevent"]), ["down"])
 	      ],
-	      onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
-	      onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event)),
+	      onBlur: _ctx.handleBlur,
+	      onFocus: _ctx.handleFocus,
 	      onInput: _ctx.handleInput,
 	      onChange: _ctx.handleInputChange
-	    }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onInput", "onChange"])
+	    }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onBlur", "onFocus", "onInput", "onChange"])
 	  ], 34);
 	}
 
@@ -31141,6 +31175,10 @@
 	  scoreTemplate: {
 	    type: String,
 	    default: "{value}"
+	  },
+	  size: {
+	    type: String,
+	    validator: isValidComponentSize
 	  }
 	});
 	const rateEmits = {
@@ -31169,9 +31207,12 @@
 	  emits: rateEmits,
 	  setup(props, { emit }) {
 	    const elForm = vue.inject(elFormKey, {});
+	    const rateSize = useSize();
 	    const currentValue = vue.ref(props.modelValue);
 	    const hoverIndex = vue.ref(-1);
 	    const pointerAtLeftHalf = vue.ref(true);
+	    const prefix = "el-rate";
+	    const rateKls = vue.computed(() => [prefix, `${prefix}--${rateSize.value}`]);
 	    const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
 	    const text = vue.computed(() => {
 	      let result = "";
@@ -31319,6 +31360,7 @@
 	      decimalStyle,
 	      decimalIconComponent,
 	      iconComponents,
+	      rateKls,
 	      showDecimalIcon,
 	      getIconStyle,
 	      selectValue,
@@ -31334,7 +31376,7 @@
 	function render$v(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  return vue.openBlock(), vue.createElementBlock("div", {
-	    class: "el-rate",
+	    class: vue.normalizeClass(_ctx.rateKls),
 	    role: "slider",
 	    "aria-valuenow": _ctx.currentValue,
 	    "aria-valuetext": _ctx.text,
@@ -31378,7 +31420,7 @@
 	      class: "el-rate__text",
 	      style: vue.normalizeStyle({ color: _ctx.textColor })
 	    }, vue.toDisplayString(_ctx.text), 5)) : vue.createCommentVNode("v-if", true)
-	  ], 40, _hoisted_1$m);
+	  ], 42, _hoisted_1$m);
 	}
 
 	script$A.render = render$v;
@@ -33143,7 +33185,7 @@
 	  column: getEstimatedTotalWidth,
 	  row: getEstimatedTotalHeight
 	};
-	const getOffset = (props, index, alignment, scrollOffset, cache, type, scrollBarWidth) => {
+	const getOffset$1 = (props, index, alignment, scrollOffset, cache, type, scrollBarWidth) => {
 	  const [size, estimatedSizeAssociates] = [
 	    type === "row" ? props.height : props.width,
 	    ACCESS_ESTIMATED_SIZE_KEY_MAP[type]
@@ -33193,8 +33235,8 @@
 	    const item = getItemFromCache(props, idx, cache, "row");
 	    return [item.size, item.offset];
 	  },
-	  getColumnOffset: (props, columnIndex, alignment, scrollLeft, cache, scrollBarWidth) => getOffset(props, columnIndex, alignment, scrollLeft, cache, "column", scrollBarWidth),
-	  getRowOffset: (props, rowIndex, alignment, scrollTop, cache, scrollBarWidth) => getOffset(props, rowIndex, alignment, scrollTop, cache, "row", scrollBarWidth),
+	  getColumnOffset: (props, columnIndex, alignment, scrollLeft, cache, scrollBarWidth) => getOffset$1(props, columnIndex, alignment, scrollLeft, cache, "column", scrollBarWidth),
+	  getRowOffset: (props, rowIndex, alignment, scrollTop, cache, scrollBarWidth) => getOffset$1(props, rowIndex, alignment, scrollTop, cache, "row", scrollBarWidth),
 	  getColumnStartIndexForOffset: (props, scrollLeft, cache) => findItem(props, cache, scrollLeft, "column"),
 	  getColumnStopIndexForStartIndex: (props, startIndex, scrollLeft, cache) => {
 	    const item = getItemFromCache(props, startIndex, cache, "column");
@@ -34361,8 +34403,8 @@
 	const _hoisted_6$6 = { class: "el-select-v2__selected-item el-select-v2__input-wrapper" };
 	const _hoisted_7$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
 	const _hoisted_8$4 = ["textContent"];
-	const _hoisted_9$2 = { class: "el-select-v2__suffix" };
-	const _hoisted_10$2 = { class: "el-select-v2__empty" };
+	const _hoisted_9$1 = { class: "el-select-v2__suffix" };
+	const _hoisted_10$1 = { class: "el-select-v2__empty" };
 	function render$r(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_tag = vue.resolveComponent("el-tag");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -34569,7 +34611,7 @@
 	                "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
 	              })
 	            }, vue.toDisplayString(_ctx.currentPlaceholder), 3)) : vue.createCommentVNode("v-if", true),
-	            vue.createElementVNode("span", _hoisted_9$2, [
+	            vue.createElementVNode("span", _hoisted_9$1, [
 	              _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
 	                key: 0,
 	                class: vue.normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
@@ -34617,7 +34659,7 @@
 	          ]),
 	          empty: vue.withCtx(() => [
 	            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-	              vue.createElementVNode("p", _hoisted_10$2, vue.toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 1)
+	              vue.createElementVNode("p", _hoisted_10$1, vue.toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 1)
 	            ])
 	          ]),
 	          _: 3
@@ -35270,9 +35312,13 @@
 	      type: Boolean,
 	      default: true
 	    },
+	    size: {
+	      type: String,
+	      validator: isValidComponentSize
+	    },
 	    inputSize: {
 	      type: String,
-	      default: "small"
+	      validator: isValidComponentSize
 	    },
 	    showStops: {
 	      type: Boolean,
@@ -35342,6 +35388,15 @@
 	      setSecondValue
 	    } = useSlide(props, initData, emit);
 	    const { stops, getStopStyle } = useStops(props, initData, minValue, maxValue);
+	    const sliderWrapperSize = useSize();
+	    const sliderInputSize = vue.computed(() => props.inputSize || sliderWrapperSize.value);
+	    const prefix = "el-slider";
+	    const sliderKls = vue.computed(() => [
+	      prefix,
+	      `${prefix}--${sliderWrapperSize.value}`,
+	      props.vertical ? "is-vertical" : "",
+	      props.showInput ? "el-slider--with-input" : ""
+	    ]);
 	    const markList = useMarks(props);
 	    useWatch(props, initData, minValue, maxValue, emit, elFormItem);
 	    const precision = vue.computed(() => {
@@ -35384,7 +35439,10 @@
 	      setSecondValue,
 	      stops,
 	      markList,
-	      sliderWrapper
+	      sliderWrapper,
+	      sliderWrapperSize,
+	      sliderInputSize,
+	      sliderKls
 	    };
 	  }
 	});
@@ -35495,33 +35553,18 @@
 	const _hoisted_2$e = { key: 1 };
 	const _hoisted_3$c = { class: "el-slider__marks" };
 	function render$m(_ctx, _cache, $props, $setup, $data, $options) {
-	  const _component_el_input_number = vue.resolveComponent("el-input-number");
 	  const _component_slider_button = vue.resolveComponent("slider-button");
 	  const _component_slider_marker = vue.resolveComponent("slider-marker");
+	  const _component_el_input_number = vue.resolveComponent("el-input-number");
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    ref: "sliderWrapper",
-	    class: vue.normalizeClass(["el-slider", { "is-vertical": _ctx.vertical, "el-slider--with-input": _ctx.showInput }]),
+	    class: vue.normalizeClass(_ctx.sliderKls),
 	    role: "slider",
 	    "aria-valuemin": _ctx.min,
 	    "aria-valuemax": _ctx.max,
 	    "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
 	    "aria-disabled": _ctx.sliderDisabled
 	  }, [
-	    _ctx.showInput && !_ctx.range ? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
-	      key: 0,
-	      ref: "input",
-	      "model-value": _ctx.firstValue,
-	      class: "el-slider__input",
-	      step: _ctx.step,
-	      disabled: _ctx.sliderDisabled,
-	      controls: _ctx.showInputControls,
-	      min: _ctx.min,
-	      max: _ctx.max,
-	      debounce: _ctx.debounce,
-	      size: _ctx.inputSize,
-	      "onUpdate:modelValue": _ctx.setFirstValue,
-	      onChange: _ctx.emitChange
-	    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true),
 	    vue.createElementVNode("div", {
 	      ref: "slider",
 	      class: vue.normalizeClass(["el-slider__runway", { "show-input": _ctx.showInput && !_ctx.range, disabled: _ctx.sliderDisabled }]),
@@ -35576,7 +35619,22 @@
 	          }), 128))
 	        ])
 	      ], 64)) : vue.createCommentVNode("v-if", true)
-	    ], 6)
+	    ], 6),
+	    _ctx.showInput && !_ctx.range ? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
+	      key: 0,
+	      ref: "input",
+	      "model-value": _ctx.firstValue,
+	      class: "el-slider__input",
+	      step: _ctx.step,
+	      disabled: _ctx.sliderDisabled,
+	      controls: _ctx.showInputControls,
+	      min: _ctx.min,
+	      max: _ctx.max,
+	      debounce: _ctx.debounce,
+	      size: _ctx.sliderInputSize,
+	      "onUpdate:modelValue": _ctx.setFirstValue,
+	      onChange: _ctx.emitChange
+	    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true)
 	  ], 10, _hoisted_1$h);
 	}
 
@@ -36157,6 +36215,10 @@
 	  },
 	  beforeChange: {
 	    type: definePropType(Function)
+	  },
+	  size: {
+	    type: String,
+	    validator: isValidComponentSize
 	  }
 	});
 	const switchEmits = {
@@ -36174,9 +36236,17 @@
 	  setup(props, { emit }) {
 	    const { formItem } = useFormItem();
 	    const switchDisabled = useDisabled$1(vue.computed(() => props.loading));
+	    const switchSize = useSize();
 	    const isModelValue = vue.ref(props.modelValue !== false);
 	    const input = vue.ref();
 	    const core = vue.ref();
+	    const prefix = "el-switch";
+	    const switchKls = vue.computed(() => [
+	      prefix,
+	      `${prefix}--${switchSize.value}`,
+	      switchDisabled.value ? "is-disabled" : "",
+	      checked.value ? "is-checked" : ""
+	    ]);
 	    vue.watch(() => props.modelValue, () => {
 	      isModelValue.value = true;
 	    });
@@ -36260,6 +36330,7 @@
 	      core,
 	      switchDisabled,
 	      checked,
+	      switchKls,
 	      handleChange,
 	      switchValue,
 	      focus
@@ -36282,7 +36353,7 @@
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_loading = vue.resolveComponent("loading");
 	  return vue.openBlock(), vue.createElementBlock("div", {
-	    class: vue.normalizeClass(["el-switch", { "is-disabled": _ctx.switchDisabled, "is-checked": _ctx.checked }]),
+	    class: vue.normalizeClass(_ctx.switchKls),
 	    role: "switch",
 	    "aria-checked": _ctx.checked,
 	    "aria-disabled": _ctx.switchDisabled,
@@ -36533,18 +36604,22 @@
 	  return options;
 	}
 	function parseWidth(width) {
+	  if (width === "")
+	    return width;
 	  if (width !== void 0) {
 	    width = parseInt(width, 10);
-	    if (isNaN(width)) {
-	      width = null;
+	    if (Number.isNaN(width)) {
+	      width = "";
 	    }
 	  }
-	  return +width;
+	  return width;
 	}
 	function parseMinWidth(minWidth) {
-	  if (typeof minWidth !== "undefined") {
+	  if (minWidth === "")
+	    return minWidth;
+	  if (minWidth !== void 0) {
 	    minWidth = parseWidth(minWidth);
-	    if (isNaN(minWidth)) {
+	    if (Number.isNaN(minWidth)) {
 	      minWidth = 80;
 	    }
 	  }
@@ -36679,6 +36754,87 @@
 	  on(trigger, "mouseleave", removePopper);
 	  return popperInstance;
 	}
+	const isFixedColumn = (index, fixed, store, realColumns) => {
+	  let start = 0;
+	  let after = index;
+	  if (realColumns) {
+	    for (let i = 0; i < index; i++) {
+	      start += realColumns[i].colSpan;
+	    }
+	    after = start + realColumns[index].colSpan - 1;
+	  } else {
+	    start = index;
+	  }
+	  let fixedLayout;
+	  const columns = store.states.columns;
+	  switch (fixed) {
+	    case "left":
+	      if (after < store.states.fixedLeafColumnsLength.value) {
+	        fixedLayout = "left";
+	      }
+	      break;
+	    case "right":
+	      if (start >= columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+	        fixedLayout = "right";
+	      }
+	      break;
+	    default:
+	      if (after < store.states.fixedLeafColumnsLength.value) {
+	        fixedLayout = "left";
+	      } else if (start >= columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+	        fixedLayout = "right";
+	      }
+	  }
+	  return fixedLayout ? {
+	    direction: fixedLayout,
+	    start,
+	    after
+	  } : {};
+	};
+	const getFixedColumnsClass = (index, fixed, store, realColumns) => {
+	  const classes = [];
+	  const { direction, start } = isFixedColumn(index, fixed, store, realColumns);
+	  if (direction) {
+	    const isLeft = direction === "left";
+	    classes.push(`el-table-fixed-column--${direction}`);
+	    if (isLeft && start === store.states.fixedLeafColumnsLength.value - 1) {
+	      classes.push("is-last-column");
+	    } else if (!isLeft && start === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+	      classes.push("is-first-column");
+	    }
+	  }
+	  return classes;
+	};
+	function getOffset(offset, column) {
+	  return offset + (Number.isNaN(column.realWidth) ? Number(column.width) : column.realWidth);
+	}
+	const getFixedColumnOffset = (index, fixed, store, realColumns) => {
+	  const { direction, start = 0 } = isFixedColumn(index, fixed, store, realColumns);
+	  if (!direction) {
+	    return;
+	  }
+	  const styles = {};
+	  const isLeft = direction === "left";
+	  const columns = store.states.columns.value;
+	  if (isLeft) {
+	    styles.left = columns.slice(0, index).reduce(getOffset, 0);
+	  } else {
+	    styles.right = columns.slice(start + 1).reverse().reduce(getOffset, 0);
+	  }
+	  return styles;
+	};
+	const ensureRightFixedStyle = (style, hasGutter) => {
+	  if (hasGutter && style && !Number.isNaN(style.right)) {
+	    style.right += scrollbarWidth();
+	  }
+	};
+	const ensurePosition = (style, key) => {
+	  if (!style)
+	    return;
+	  if (!Number.isNaN(style[key])) {
+	    style[key] = `${style[key]}px`;
+	  }
+	};
 
 	function useExpand(watcherData) {
 	  const instance = vue.getCurrentInstance();
@@ -37664,6 +37820,7 @@
 	    this.footerHeight = vue.ref(44);
 	    this.viewportHeight = vue.ref(null);
 	    this.bodyHeight = vue.ref(null);
+	    this.bodyScrollHeight = vue.ref(0);
 	    this.fixedBodyHeight = vue.ref(null);
 	    this.gutterWidth = scrollbarWidth();
 	    for (const name in options) {
@@ -37693,8 +37850,7 @@
 	      if (this.bodyHeight.value === null) {
 	        scrollY = false;
 	      } else {
-	        const body = bodyWrapper.querySelector(".el-table__body");
-	        scrollY = body.offsetHeight > this.bodyHeight.value;
+	        scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
 	      }
 	      this.scrollY.value = scrollY;
 	      return prevScrollY !== scrollY;
@@ -37733,9 +37889,10 @@
 	    return flattenColumns;
 	  }
 	  updateElsHeight() {
+	    var _a;
 	    if (!this.table.$ready)
 	      return vue.nextTick(() => this.updateElsHeight());
-	    const { headerWrapper, appendWrapper, footerWrapper } = this.table.refs;
+	    const { headerWrapper, appendWrapper, footerWrapper, bodyWrapper } = this.table.refs;
 	    this.appendHeight.value = appendWrapper ? appendWrapper.offsetHeight : 0;
 	    if (this.showHeader && !headerWrapper)
 	      return;
@@ -37748,7 +37905,11 @@
 	    const tableHeight = this.tableHeight.value = this.table.vnode.el.clientHeight;
 	    const footerHeight = this.footerHeight.value = footerWrapper ? footerWrapper.offsetHeight : 0;
 	    if (this.height.value !== null) {
+	      if (this.bodyHeight.value === null) {
+	        requestAnimationFrame(() => this.updateElsHeight());
+	      }
 	      this.bodyHeight.value = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
+	      this.bodyScrollHeight.value = (_a = bodyWrapper.querySelector(".el-table__body")) == null ? void 0 : _a.scrollHeight;
 	    }
 	    this.fixedBodyHeight.value = this.scrollX.value ? this.bodyHeight.value - this.gutterWidth : this.bodyHeight.value;
 	    this.viewportHeight.value = this.scrollX.value ? tableHeight - this.gutterWidth : tableHeight;
@@ -38365,21 +38526,6 @@
 	function useStyle$2(props) {
 	  const instance = vue.getCurrentInstance();
 	  const parent = instance.parent;
-	  const storeData = parent.store.states;
-	  const isCellHidden = (index, columns) => {
-	    let start = 0;
-	    for (let i = 0; i < index; i++) {
-	      start += columns[i].colSpan;
-	    }
-	    const after = start + columns[index].colSpan - 1;
-	    if (props.fixed === "left") {
-	      return after >= storeData.fixedLeafColumnsLength.value;
-	    } else if (props.fixed === "right") {
-	      return start < storeData.columns.value.length - storeData.rightFixedLeafColumnsLength.value;
-	    } else {
-	      return after < storeData.fixedLeafColumnsLength.value || start >= storeData.columns.value.length - storeData.rightFixedLeafColumnsLength.value;
-	    }
-	  };
 	  const getHeaderRowStyle = (rowIndex) => {
 	    const headerRowStyle = parent.props.headerRowStyle;
 	    if (typeof headerRowStyle === "function") {
@@ -38397,29 +38543,33 @@
 	    }
 	    return classes.join(" ");
 	  };
-	  const getHeaderCellStyle = (rowIndex, columnIndex, row, column) => {
-	    const headerCellStyle = parent.props.headerCellStyle;
-	    if (typeof headerCellStyle === "function") {
-	      return headerCellStyle.call(null, {
+	  const getHeaderCellStyle = (rowIndex, columnIndex, row, column, hasGutter) => {
+	    var _a;
+	    let headerCellStyles = (_a = parent.props.headerCellStyle) != null ? _a : {};
+	    if (typeof headerCellStyles === "function") {
+	      headerCellStyles = headerCellStyles.call(null, {
 	        rowIndex,
 	        columnIndex,
 	        row,
 	        column
 	      });
 	    }
-	    return headerCellStyle;
+	    const fixedStyle = getFixedColumnOffset(columnIndex, column.fixed, props.store, row);
+	    ensureRightFixedStyle(fixedStyle, hasGutter);
+	    ensurePosition(fixedStyle, "left");
+	    ensurePosition(fixedStyle, "right");
+	    return Object.assign({}, headerCellStyles, fixedStyle);
 	  };
 	  const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
+	    const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(columnIndex, column.fixed, props.store, row);
 	    const classes = [
 	      column.id,
 	      column.order,
 	      column.headerAlign,
 	      column.className,
-	      column.labelClassName
+	      column.labelClassName,
+	      ...fixedClasses
 	    ];
-	    if (rowIndex === 0 && isCellHidden(columnIndex, row)) {
-	      classes.push("is-hidden");
-	    }
 	    if (!column.children) {
 	      classes.push("is-leaf");
 	    }
@@ -38494,6 +38644,7 @@
 	      column.rowSpan = maxLevel - column.level + 1;
 	    } else {
 	      column.rowSpan = 1;
+	      column.children.forEach((col) => col.isSubColumn = true);
 	    }
 	    rows[column.level - 1].push(column);
 	  });
@@ -38554,7 +38705,10 @@
 	    const filterPanels = vue.ref({});
 	    const { tableLayout, onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
 	    const hasGutter = vue.computed(() => {
-	      return !props.fixed && tableLayout.gutterWidth;
+	      return !props.fixed && tableLayout.gutterWidth > 0 && tableLayout.bodyScrollHeight.value > tableLayout.bodyHeight.value;
+	    });
+	    const gutterWidth = vue.computed(() => {
+	      return tableLayout.gutterWidth;
 	    });
 	    vue.onMounted(() => {
 	      vue.nextTick(() => {
@@ -38588,6 +38742,7 @@
 	      columns: storeData.columns,
 	      filterPanels,
 	      hasGutter,
+	      gutterWidth,
 	      onColumnsChange,
 	      onScrollableChange,
 	      columnRows,
@@ -38607,67 +38762,101 @@
 	    };
 	  },
 	  render() {
+	    const {
+	      columns,
+	      isGroup,
+	      hasGutter,
+	      columnRows,
+	      gutterWidth,
+	      getHeaderCellStyle,
+	      getHeaderCellClass,
+	      getHeaderRowClass,
+	      getHeaderRowStyle,
+	      handleHeaderClick,
+	      handleHeaderContextMenu,
+	      handleMouseDown,
+	      handleMouseMove,
+	      handleSortClick,
+	      handleMouseOut,
+	      store,
+	      $parent
+	    } = this;
+	    let rowSpan = 1;
 	    return vue.h("table", {
 	      border: "0",
 	      cellpadding: "0",
 	      cellspacing: "0",
 	      class: "el-table__header"
 	    }, [
-	      hColgroup(this.columns, this.hasGutter),
+	      hColgroup(columns, hasGutter),
 	      vue.h("thead", {
-	        class: { "is-group": this.isGroup, "has-gutter": this.hasGutter }
-	      }, this.columnRows.map((subColumns, rowIndex) => vue.h("tr", {
-	        class: this.getHeaderRowClass(rowIndex),
+	        class: { "is-group": isGroup, "has-gutter": hasGutter }
+	      }, columnRows.map((subColumns, rowIndex) => vue.h("tr", {
+	        class: getHeaderRowClass(rowIndex),
 	        key: rowIndex,
-	        style: this.getHeaderRowStyle(rowIndex)
-	      }, subColumns.map((column, cellIndex) => vue.h("th", {
-	        class: this.getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
-	        colspan: column.colSpan,
-	        key: `${column.id}-thead`,
-	        rowSpan: column.rowSpan,
-	        style: this.getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-	        onClick: ($event) => this.handleHeaderClick($event, column),
-	        onContextmenu: ($event) => this.handleHeaderContextMenu($event, column),
-	        onMousedown: ($event) => this.handleMouseDown($event, column),
-	        onMousemove: ($event) => this.handleMouseMove($event, column),
-	        onMouseout: this.handleMouseOut
-	      }, [
-	        vue.h("div", {
-	          class: [
-	            "cell",
-	            column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
-	            column.labelClassName
-	          ]
+	        style: getHeaderRowStyle(rowIndex)
+	      }, subColumns.map((column, cellIndex) => {
+	        if (column.rowSpan > rowSpan) {
+	          rowSpan = column.rowSpan;
+	        }
+	        return vue.h("th", {
+	          class: getHeaderCellClass(rowIndex, cellIndex, subColumns, column),
+	          colspan: column.colSpan,
+	          key: `${column.id}-thead`,
+	          rowSpan: column.rowSpan,
+	          style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column, hasGutter),
+	          onClick: ($event) => handleHeaderClick($event, column),
+	          onContextmenu: ($event) => handleHeaderContextMenu($event, column),
+	          onMousedown: ($event) => handleMouseDown($event, column),
+	          onMousemove: ($event) => handleMouseMove($event, column),
+	          onMouseout: handleMouseOut
 	        }, [
-	          column.renderHeader ? column.renderHeader({
-	            column,
-	            $index: cellIndex,
-	            store: this.store,
-	            _self: this.$parent
-	          }) : column.label,
-	          column.sortable && vue.h("span", {
-	            onClick: ($event) => this.handleSortClick($event, column),
-	            class: "caret-wrapper"
+	          vue.h("div", {
+	            class: [
+	              "cell",
+	              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
+	              column.labelClassName
+	            ]
 	          }, [
-	            vue.h("i", {
-	              onClick: ($event) => this.handleSortClick($event, column, "ascending"),
-	              class: "sort-caret ascending"
-	            }),
-	            vue.h("i", {
-	              onClick: ($event) => this.handleSortClick($event, column, "descending"),
-	              class: "sort-caret descending"
+	            column.renderHeader ? column.renderHeader({
+	              column,
+	              $index: cellIndex,
+	              store,
+	              _self: $parent
+	            }) : column.label,
+	            column.sortable && vue.h("span", {
+	              onClick: ($event) => handleSortClick($event, column),
+	              class: "caret-wrapper"
+	            }, [
+	              vue.h("i", {
+	                onClick: ($event) => handleSortClick($event, column, "ascending"),
+	                class: "sort-caret ascending"
+	              }),
+	              vue.h("i", {
+	                onClick: ($event) => handleSortClick($event, column, "descending"),
+	                class: "sort-caret descending"
+	              })
+	            ]),
+	            column.filterable && vue.h(script$k, {
+	              store: $parent.store,
+	              placement: column.filterPlacement || "bottom-start",
+	              column,
+	              upDataColumn: (key, value) => {
+	                column[key] = value;
+	              }
 	            })
-	          ]),
-	          column.filterable && vue.h(script$k, {
-	            store: this.$parent.store,
-	            placement: column.filterPlacement || "bottom-start",
-	            column,
-	            upDataColumn: (key, value) => {
-	              column[key] = value;
-	            }
-	          })
-	        ])
-	      ])))))
+	          ])
+	        ]);
+	      }).concat(hasGutter && rowIndex === 0 ? [
+	        vue.h("th", {
+	          class: "el-table__fixed-right-patch el-table__cell",
+	          key: `el-table--scrollbar`,
+	          rowSpan,
+	          style: {
+	            width: `${gutterWidth}px`
+	          }
+	        }, [])
+	      ] : []))))
 	    ]);
 	  }
 	});
@@ -38756,15 +38945,6 @@
 	function useStyles(props) {
 	  const instance = vue.getCurrentInstance();
 	  const parent = instance.parent;
-	  const isColumnHidden = (index) => {
-	    if (props.fixed === "left") {
-	      return index >= props.store.states.fixedLeafColumnsLength.value;
-	    } else if (props.fixed === "right") {
-	      return index < props.store.states.columns.value.length - props.store.states.rightFixedLeafColumnsLength.value;
-	    } else {
-	      return index < props.store.states.fixedLeafColumnsLength.value || index >= props.store.states.columns.value.length - props.store.states.rightFixedLeafColumnsLength.value;
-	    }
-	  };
 	  const getRowStyle = (row, rowIndex) => {
 	    const rowStyle = parent.props.rowStyle;
 	    if (typeof rowStyle === "function") {
@@ -38799,21 +38979,23 @@
 	  };
 	  const getCellStyle = (rowIndex, columnIndex, row, column) => {
 	    const cellStyle = parent.props.cellStyle;
+	    let cellStyles = cellStyle != null ? cellStyle : {};
 	    if (typeof cellStyle === "function") {
-	      return cellStyle.call(null, {
+	      cellStyles = cellStyle.call(null, {
 	        rowIndex,
 	        columnIndex,
 	        row,
 	        column
 	      });
 	    }
-	    return cellStyle;
+	    const fixedStyle = getFixedColumnOffset(columnIndex, props.fixed, props.store);
+	    ensurePosition(fixedStyle, "left");
+	    ensurePosition(fixedStyle, "right");
+	    return Object.assign({}, cellStyles, fixedStyle);
 	  };
 	  const getCellClass = (rowIndex, columnIndex, row, column) => {
-	    const classes = [column.id, column.align, column.className];
-	    if (isColumnHidden(columnIndex)) {
-	      classes.push("is-hidden");
-	    }
+	    const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(columnIndex, props.fixed, props.store);
+	    const classes = [column.id, column.align, column.className, ...fixedClasses];
 	    const cellClassName = parent.props.cellClassName;
 	    if (typeof cellClassName === "string") {
 	      classes.push(cellClassName);
@@ -38862,8 +39044,7 @@
 	    getCellStyle,
 	    getCellClass,
 	    getSpan,
-	    getColspanRealWidth,
-	    isColumnHidden
+	    getColspanRealWidth
 	  };
 	}
 
@@ -39128,17 +39309,19 @@
 	    };
 	  },
 	  render() {
-	    const data = this.store.states.data.value || [];
+	    const { wrappedRowRender, store } = this;
+	    const data = store.states.data.value || [];
+	    const columns = store.states.columns.value;
 	    return vue.h("table", {
 	      class: "el-table__body",
 	      cellspacing: "0",
 	      cellpadding: "0",
 	      border: "0"
 	    }, [
-	      hColgroup(this.store.states.columns.value),
+	      hColgroup(columns),
 	      vue.h("tbody", {}, [
 	        data.reduce((acc, row) => {
-	          return acc.concat(this.wrappedRowRender(row, acc.length));
+	          return acc.concat(wrappedRowRender(row, acc.length));
 	        }, [])
 	      ])
 	    ]);
@@ -39177,49 +39360,45 @@
 	function useStyle$1(props) {
 	  const instance = vue.getCurrentInstance();
 	  const table = instance.parent;
-	  const store = table.store;
-	  const {
-	    leftFixedLeafCount,
-	    rightFixedLeafCount,
-	    columnsCount,
-	    leftFixedCount,
-	    rightFixedCount,
-	    columns
-	  } = useMapState();
+	  const { columns } = useMapState();
 	  const hasGutter = vue.computed(() => {
-	    return !props.fixed && !table.layout.gutterWidth;
+	    return !props.fixed && table.layout.gutterWidth > 0 && table.layout.height.value && table.layout.bodyScrollHeight.value > table.layout.bodyHeight.value;
 	  });
-	  const isCellHidden = (index, columns2, column) => {
-	    if (props.fixed || props.fixed === "left") {
-	      return index >= leftFixedLeafCount.value;
-	    } else if (props.fixed === "right") {
-	      let before = 0;
-	      for (let i = 0; i < index; i++) {
-	        before += columns2[i].colSpan;
-	      }
-	      return before < columnsCount.value - rightFixedLeafCount.value;
-	    } else if (!props.fixed && column.fixed) {
-	      return true;
-	    } else {
-	      return index < leftFixedCount.value || index >= columnsCount.value - rightFixedCount.value;
-	    }
-	  };
-	  const getRowClasses = (column, cellIndex) => {
-	    const classes = [column.id, column.align, column.labelClassName];
+	  const gutterWidth = vue.computed(() => {
+	    return table.layout.gutterWidth;
+	  });
+	  const getCellClasses = (columns2, cellIndex, hasGutter2) => {
+	    const column = columns2[cellIndex];
+	    const classes = [
+	      "el-table__cell",
+	      column.id,
+	      column.align,
+	      column.labelClassName,
+	      ...getFixedColumnsClass(cellIndex, column.fixed, props.store)
+	    ];
 	    if (column.className) {
 	      classes.push(column.className);
 	    }
-	    if (isCellHidden(cellIndex, store.states.columns.value, column)) {
-	      classes.push("is-hidden");
-	    }
 	    if (!column.children) {
 	      classes.push("is-leaf");
 	    }
+	    if (hasGutter2 && cellIndex === columns2.length - 1) {
+	      classes.push("last");
+	    }
 	    return classes;
 	  };
+	  const getCellStyles = (column, cellIndex, hasGutter2) => {
+	    const fixedStyle = getFixedColumnOffset(cellIndex, column.fixed, props.store);
+	    ensureRightFixedStyle(fixedStyle, hasGutter2);
+	    ensurePosition(fixedStyle, "left");
+	    ensurePosition(fixedStyle, "right");
+	    return fixedStyle;
+	  };
 	  return {
 	    hasGutter,
-	    getRowClasses,
+	    gutterWidth,
+	    getCellClasses,
+	    getCellStyles,
 	    columns
 	  };
 	}
@@ -39249,27 +39428,39 @@
 	    }
 	  },
 	  setup(props) {
-	    const { hasGutter, getRowClasses, columns } = useStyle$1(props);
+	    const { hasGutter, getCellClasses, getCellStyles, columns, gutterWidth } = useStyle$1(props);
 	    return {
-	      getRowClasses,
+	      getCellClasses,
+	      getCellStyles,
 	      hasGutter,
+	      gutterWidth,
 	      columns
 	    };
 	  },
 	  render() {
+	    const {
+	      hasGutter,
+	      gutterWidth,
+	      columns,
+	      getCellStyles,
+	      getCellClasses,
+	      summaryMethod,
+	      sumText
+	    } = this;
+	    const data = this.store.states.data.value;
 	    let sums = [];
-	    if (this.summaryMethod) {
-	      sums = this.summaryMethod({
-	        columns: this.columns,
-	        data: this.store.states.data.value
+	    if (summaryMethod) {
+	      sums = summaryMethod({
+	        columns,
+	        data
 	      });
 	    } else {
-	      this.columns.forEach((column, index) => {
+	      columns.forEach((column, index) => {
 	        if (index === 0) {
-	          sums[index] = this.sumText;
+	          sums[index] = sumText;
 	          return;
 	        }
-	        const values = this.store.states.data.value.map((item) => Number(item[column.property]));
+	        const values = data.map((item) => Number(item[column.property]));
 	        const precisions = [];
 	        let notNumber = true;
 	        values.forEach((value) => {
@@ -39300,25 +39491,28 @@
 	      cellpadding: "0",
 	      border: "0"
 	    }, [
-	      hColgroup(this.columns, this.hasGutter),
+	      hColgroup(columns, hasGutter),
 	      vue.h("tbody", {
-	        class: [{ "has-gutter": this.hasGutter }]
+	        class: [{ "has-gutter": hasGutter }]
 	      }, [
 	        vue.h("tr", {}, [
-	          ...this.columns.map((column, cellIndex) => vue.h("td", {
+	          ...columns.map((column, cellIndex) => vue.h("td", {
 	            key: cellIndex,
 	            colspan: column.colSpan,
 	            rowspan: column.rowSpan,
-	            class: [
-	              ...this.getRowClasses(column, cellIndex),
-	              "el-table__cell"
-	            ]
+	            class: getCellClasses(columns, cellIndex, hasGutter),
+	            style: getCellStyles(column, cellIndex, hasGutter)
 	          }, [
 	            vue.h("div", {
 	              class: ["cell", column.labelClassName]
 	            }, [sums[cellIndex]])
 	          ])),
-	          this.hasGutter && hGutter()
+	          hasGutter && vue.h("td", {
+	            class: "el-table__fixed-right-patch el-table__cell",
+	            style: {
+	              width: `${gutterWidth}px`
+	            }
+	          })
 	        ])
 	      ])
 	    ]);
@@ -39413,6 +39607,17 @@
 	  const shouldUpdateHeight = vue.computed(() => {
 	    return props.height || props.maxHeight || store.states.fixedColumns.value.length > 0 || store.states.rightFixedColumns.value.length > 0;
 	  });
+	  const tableBodyStyles = vue.computed(() => {
+	    return {
+	      width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : ""
+	    };
+	  });
+	  const borderBottomPatchStyles = vue.computed(() => {
+	    return {
+	      bottom: `${layout.gutterWidth}px`,
+	      right: `${layout.gutterWidth}px`
+	    };
+	  });
 	  const doLayout = () => {
 	    if (shouldUpdateHeight.value) {
 	      layout.updateElsHeight();
@@ -39449,27 +39654,18 @@
 	    el.className = classList.join(" ");
 	  };
 	  const setScrollClass = (className) => {
-	    const { bodyWrapper } = table.refs;
-	    setScrollClassByEl(bodyWrapper, className);
+	    const { tableWrapper } = table.refs;
+	    setScrollClassByEl(tableWrapper, className);
 	  };
-	  const syncPostion = throttle$1(function() {
+	  const syncPostion = function() {
 	    if (!table.refs.bodyWrapper)
 	      return;
-	    const { scrollLeft, scrollTop, offsetWidth, scrollWidth } = table.refs.bodyWrapper;
-	    const {
-	      headerWrapper,
-	      footerWrapper,
-	      fixedBodyWrapper,
-	      rightFixedBodyWrapper
-	    } = table.refs;
+	    const { scrollLeft, offsetWidth, scrollWidth } = table.refs.bodyWrapper;
+	    const { headerWrapper, footerWrapper } = table.refs;
 	    if (headerWrapper)
 	      headerWrapper.scrollLeft = scrollLeft;
 	    if (footerWrapper)
 	      footerWrapper.scrollLeft = scrollLeft;
-	    if (fixedBodyWrapper)
-	      fixedBodyWrapper.scrollTop = scrollTop;
-	    if (rightFixedBodyWrapper)
-	      rightFixedBodyWrapper.scrollTop = scrollTop;
 	    const maxScrollLeftPosition = scrollWidth - offsetWidth - 1;
 	    if (scrollLeft >= maxScrollLeftPosition) {
 	      setScrollClass("is-scrolling-right");
@@ -39478,7 +39674,7 @@
 	    } else {
 	      setScrollClass("is-scrolling-middle");
 	    }
-	  }, 10);
+	  };
 	  const bindEvents = () => {
 	    table.refs.bodyWrapper.addEventListener("scroll", syncPostion, {
 	      passive: true
@@ -39630,7 +39826,9 @@
 	    resizeProxyVisible,
 	    bodyWidth,
 	    resizeState,
-	    doLayout
+	    doLayout,
+	    tableBodyStyles,
+	    borderBottomPatchStyles
 	  };
 	}
 
@@ -39775,7 +39973,9 @@
 	      resizeProxyVisible,
 	      bodyWidth,
 	      resizeState,
-	      doLayout
+	      doLayout,
+	      tableBodyStyles,
+	      borderBottomPatchStyles
 	    } = useStyle(props, layout, store, table);
 	    const debouncedUpdateLayout = debounce$3(doLayout, 50);
 	    const tableId = `el-table_${tableIdSeed++}`;
@@ -39786,6 +39986,10 @@
 	      doLayout,
 	      debouncedUpdateLayout
 	    };
+	    const computedSumText = vue.computed(() => props.sumText || t("el.table.sumText"));
+	    const computedEmptyText = vue.computed(() => {
+	      return props.emptyText || t("el.table.emptyText");
+	    });
 	    return {
 	      layout,
 	      store,
@@ -39801,7 +40005,9 @@
 	      isGroup,
 	      bodyWidth,
 	      bodyHeight,
+	      tableBodyStyles,
 	      emptyBlockStyle,
+	      borderBottomPatchStyles,
 	      debouncedUpdateLayout,
 	      handleFixedMousewheel,
 	      fixedHeight,
@@ -39817,52 +40023,39 @@
 	      sort,
 	      t,
 	      setDragVisible,
-	      context: table
+	      context: table,
+	      computedSumText,
+	      computedEmptyText
 	    };
 	  }
 	});
 
-	const _hoisted_1$d = {
+	const _hoisted_1$d = { class: "el-table__inner-wrapper" };
+	const _hoisted_2$a = {
 	  ref: "hiddenColumns",
 	  class: "hidden-columns"
 	};
-	const _hoisted_2$a = {
+	const _hoisted_3$8 = {
 	  key: 0,
 	  ref: "headerWrapper",
 	  class: "el-table__header-wrapper"
 	};
-	const _hoisted_3$8 = { class: "el-table__empty-text" };
-	const _hoisted_4$5 = {
+	const _hoisted_4$5 = { class: "el-table__empty-text" };
+	const _hoisted_5$4 = {
 	  key: 1,
 	  ref: "appendWrapper",
 	  class: "el-table__append-wrapper"
 	};
-	const _hoisted_5$4 = {
-	  key: 1,
-	  ref: "footerWrapper",
-	  class: "el-table__footer-wrapper"
-	};
 	const _hoisted_6$3 = {
-	  key: 0,
-	  ref: "fixedHeaderWrapper",
-	  class: "el-table__fixed-header-wrapper"
-	};
-	const _hoisted_7$2 = {
 	  key: 1,
-	  ref: "fixedFooterWrapper",
-	  class: "el-table__fixed-footer-wrapper"
+	  class: "el-table__border-left-patch"
 	};
-	const _hoisted_8$2 = {
+	const _hoisted_7$2 = {
 	  key: 0,
-	  ref: "rightFixedHeaderWrapper",
-	  class: "el-table__fixed-header-wrapper"
-	};
-	const _hoisted_9$1 = {
-	  key: 1,
-	  ref: "rightFixedFooterWrapper",
-	  class: "el-table__fixed-footer-wrapper"
+	  ref: "footerWrapper",
+	  class: "el-table__footer-wrapper"
 	};
-	const _hoisted_10$1 = {
+	const _hoisted_8$2 = {
 	  ref: "resizeProxy",
 	  class: "el-table__column-resize-proxy"
 	};
@@ -39872,6 +40065,7 @@
 	  const _component_table_footer = vue.resolveComponent("table-footer");
 	  const _directive_mousewheel = vue.resolveDirective("mousewheel");
 	  return vue.openBlock(), vue.createElementBlock("div", {
+	    ref: "tableWrapper",
 	    class: vue.normalizeClass([
 	      {
 	        "el-table--fit": _ctx.fit,
@@ -39893,168 +40087,28 @@
 	    onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
 	  }, [
 	    vue.createElementVNode("div", _hoisted_1$d, [
-	      vue.renderSlot(_ctx.$slots, "default")
-	    ], 512),
-	    _ctx.showHeader ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
-	      vue.createVNode(_component_table_header, {
-	        ref: "tableHeader",
-	        border: _ctx.border,
-	        "default-sort": _ctx.defaultSort,
-	        store: _ctx.store,
-	        style: vue.normalizeStyle({
-	          width: _ctx.layout.bodyWidth.value ? _ctx.layout.bodyWidth.value + "px" : ""
-	        }),
-	        onSetDragVisible: _ctx.setDragVisible
-	      }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
-	    ])), [
-	      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-	    ]) : vue.createCommentVNode("v-if", true),
-	    vue.createElementVNode("div", {
-	      ref: "bodyWrapper",
-	      style: vue.normalizeStyle([_ctx.bodyHeight]),
-	      class: "el-table__body-wrapper"
-	    }, [
-	      vue.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: vue.normalizeStyle({
-	          width: _ctx.bodyWidth
-	        })
-	      }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-	      _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
-	        key: 0,
-	        ref: "emptyBlock",
-	        style: vue.normalizeStyle(_ctx.emptyBlockStyle),
-	        class: "el-table__empty-block"
-	      }, [
-	        vue.createElementVNode("span", _hoisted_3$8, [
-	          vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-	            vue.createTextVNode(vue.toDisplayString(_ctx.emptyText || _ctx.t("el.table.emptyText")), 1)
-	          ])
-	        ])
-	      ], 4)) : vue.createCommentVNode("v-if", true),
-	      _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
-	        vue.renderSlot(_ctx.$slots, "append")
-	      ], 512)) : vue.createCommentVNode("v-if", true)
-	    ], 4),
-	    _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
-	      vue.createVNode(_component_table_footer, {
-	        border: _ctx.border,
-	        "default-sort": _ctx.defaultSort,
-	        store: _ctx.store,
-	        style: vue.normalizeStyle({
-	          width: _ctx.layout.bodyWidth.value ? _ctx.layout.bodyWidth.value + "px" : ""
-	        }),
-	        "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-	        "summary-method": _ctx.summaryMethod
-	      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-	    ])), [
-	      [vue.vShow, !_ctx.isEmpty],
-	      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-	    ]) : vue.createCommentVNode("v-if", true),
-	    _ctx.store.states.fixedColumns.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-	      key: 2,
-	      ref: "fixedWrapper",
-	      style: vue.normalizeStyle([
-	        {
-	          width: _ctx.layout.fixedWidth.value ? _ctx.layout.fixedWidth.value + "px" : ""
-	        },
-	        _ctx.fixedHeight
-	      ]),
-	      class: "el-table__fixed"
-	    }, [
-	      _ctx.showHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
-	        vue.createVNode(_component_table_header, {
-	          ref: "fixedTableHeader",
-	          border: _ctx.border,
-	          store: _ctx.store,
-	          style: vue.normalizeStyle({
-	            width: _ctx.bodyWidth
-	          }),
-	          fixed: "left",
-	          onSetDragVisible: _ctx.setDragVisible
-	        }, null, 8, ["border", "store", "style", "onSetDragVisible"])
-	      ], 512)) : vue.createCommentVNode("v-if", true),
-	      vue.createElementVNode("div", {
-	        ref: "fixedBodyWrapper",
-	        style: vue.normalizeStyle([
-	          {
-	            top: _ctx.layout.headerHeight.value + "px"
-	          },
-	          _ctx.fixedBodyHeight
-	        ]),
-	        class: "el-table__fixed-body-wrapper"
-	      }, [
-	        vue.createVNode(_component_table_body, {
-	          highlight: _ctx.highlightCurrentRow,
-	          "row-class-name": _ctx.rowClassName,
-	          "tooltip-effect": _ctx.tooltipEffect,
-	          "row-style": _ctx.rowStyle,
-	          store: _ctx.store,
-	          stripe: _ctx.stripe,
-	          style: vue.normalizeStyle({
-	            width: _ctx.bodyWidth
-	          }),
-	          fixed: "left"
-	        }, null, 8, ["highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-	        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", {
-	          key: 0,
-	          style: vue.normalizeStyle({ height: _ctx.layout.appendHeight.value + "px" }),
-	          class: "el-table__append-gutter"
-	        }, null, 4)) : vue.createCommentVNode("v-if", true)
-	      ], 4),
-	      _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
-	        vue.createVNode(_component_table_footer, {
-	          border: _ctx.border,
-	          store: _ctx.store,
-	          style: vue.normalizeStyle({
-	            width: _ctx.bodyWidth
-	          }),
-	          "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-	          "summary-method": _ctx.summaryMethod,
-	          fixed: "left"
-	        }, null, 8, ["border", "store", "style", "sum-text", "summary-method"])
-	      ], 512)), [
-	        [vue.vShow, !_ctx.isEmpty]
-	      ]) : vue.createCommentVNode("v-if", true)
-	    ], 4)), [
-	      [_directive_mousewheel, _ctx.handleFixedMousewheel]
-	    ]) : vue.createCommentVNode("v-if", true),
-	    _ctx.store.states.rightFixedColumns.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-	      key: 3,
-	      ref: "rightFixedWrapper",
-	      style: vue.normalizeStyle([
-	        {
-	          width: _ctx.layout.rightFixedWidth.value ? _ctx.layout.rightFixedWidth.value + "px" : "",
-	          right: _ctx.layout.scrollY.value ? (_ctx.border ? _ctx.layout.gutterWidth : _ctx.layout.gutterWidth || 0) + "px" : ""
-	        },
-	        _ctx.fixedHeight
-	      ]),
-	      class: "el-table__fixed-right"
-	    }, [
-	      _ctx.showHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
+	      vue.createElementVNode("div", _hoisted_2$a, [
+	        vue.renderSlot(_ctx.$slots, "default")
+	      ], 512),
+	      _ctx.showHeader ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
 	        vue.createVNode(_component_table_header, {
-	          ref: "rightFixedTableHeader",
+	          ref: "tableHeader",
 	          border: _ctx.border,
+	          "default-sort": _ctx.defaultSort,
 	          store: _ctx.store,
-	          style: vue.normalizeStyle({
-	            width: _ctx.bodyWidth
-	          }),
-	          fixed: "right",
+	          style: vue.normalizeStyle(_ctx.tableBodyStyles),
 	          onSetDragVisible: _ctx.setDragVisible
-	        }, null, 8, ["border", "store", "style", "onSetDragVisible"])
-	      ], 512)) : vue.createCommentVNode("v-if", true),
+	        }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
+	      ])), [
+	        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+	      ]) : vue.createCommentVNode("v-if", true),
 	      vue.createElementVNode("div", {
-	        ref: "rightFixedBodyWrapper",
-	        style: vue.normalizeStyle([{ top: _ctx.layout.headerHeight.value + "px" }, _ctx.fixedBodyHeight]),
-	        class: "el-table__fixed-body-wrapper"
+	        ref: "bodyWrapper",
+	        style: vue.normalizeStyle(_ctx.bodyHeight),
+	        class: "el-table__body-wrapper"
 	      }, [
 	        vue.createVNode(_component_table_body, {
+	          context: _ctx.context,
 	          highlight: _ctx.highlightCurrentRow,
 	          "row-class-name": _ctx.rowClassName,
 	          "tooltip-effect": _ctx.tooltipEffect,
@@ -40063,42 +40117,45 @@
 	          stripe: _ctx.stripe,
 	          style: vue.normalizeStyle({
 	            width: _ctx.bodyWidth
-	          }),
-	          fixed: "right"
-	        }, null, 8, ["highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-	        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", {
+	          })
+	        }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
+	        _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
 	          key: 0,
-	          style: vue.normalizeStyle({ height: _ctx.layout.appendHeight.value + "px" }),
-	          class: "el-table__append-gutter"
-	        }, null, 4)) : vue.createCommentVNode("v-if", true)
+	          ref: "emptyBlock",
+	          style: vue.normalizeStyle(_ctx.emptyBlockStyle),
+	          class: "el-table__empty-block"
+	        }, [
+	          vue.createElementVNode("span", _hoisted_4$5, [
+	            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+	              vue.createTextVNode(vue.toDisplayString(_ctx.computedEmptyText), 1)
+	            ])
+	          ])
+	        ], 4)) : vue.createCommentVNode("v-if", true),
+	        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
+	          vue.renderSlot(_ctx.$slots, "append")
+	        ], 512)) : vue.createCommentVNode("v-if", true)
 	      ], 4),
-	      _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
-	        vue.createVNode(_component_table_footer, {
-	          border: _ctx.border,
-	          store: _ctx.store,
-	          style: vue.normalizeStyle({
-	            width: _ctx.bodyWidth
-	          }),
-	          "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-	          "summary-method": _ctx.summaryMethod,
-	          fixed: "right"
-	        }, null, 8, ["border", "store", "style", "sum-text", "summary-method"])
-	      ], 512)), [
-	        [vue.vShow, !_ctx.isEmpty]
-	      ]) : vue.createCommentVNode("v-if", true)
-	    ], 4)), [
-	      [_directive_mousewheel, _ctx.handleFixedMousewheel]
+	      _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3)) : vue.createCommentVNode("v-if", true),
+	      _ctx.layout.scrollX.value && _ctx.layout.height.value ? (vue.openBlock(), vue.createElementBlock("div", {
+	        key: 2,
+	        class: "el-table__border-bottom-patch",
+	        style: vue.normalizeStyle(_ctx.borderBottomPatchStyles)
+	      }, null, 4)) : vue.createCommentVNode("v-if", true)
+	    ]),
+	    _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+	      vue.createVNode(_component_table_footer, {
+	        border: _ctx.border,
+	        "default-sort": _ctx.defaultSort,
+	        store: _ctx.store,
+	        style: vue.normalizeStyle(_ctx.tableBodyStyles),
+	        "sum-text": _ctx.computedSumText,
+	        "summary-method": _ctx.summaryMethod
+	      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+	    ])), [
+	      [vue.vShow, !_ctx.isEmpty],
+	      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
 	    ]) : vue.createCommentVNode("v-if", true),
-	    _ctx.store.states.rightFixedColumns.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-	      key: 4,
-	      ref: "rightFixedPatch",
-	      style: vue.normalizeStyle({
-	        width: _ctx.layout.scrollY.value ? _ctx.layout.gutterWidth + "px" : "0",
-	        height: _ctx.layout.headerHeight.value + "px"
-	      }),
-	      class: "el-table__fixed-right-patch"
-	    }, null, 4)) : vue.createCommentVNode("v-if", true),
-	    vue.withDirectives(vue.createElementVNode("div", _hoisted_10$1, null, 512), [
+	    vue.withDirectives(vue.createElementVNode("div", _hoisted_8$2, null, 512), [
 	      [vue.vShow, _ctx.resizeProxyVisible]
 	    ])
 	  ], 38);
@@ -40577,6 +40634,7 @@
 	        filteredValue: [],
 	        filterPlacement: "",
 	        isColumnGroup: false,
+	        isSubColumn: false,
 	        filterOpened: false,
 	        sortable,
 	        index: props.index,
@@ -41670,7 +41728,6 @@
 	    ElCheckboxGroup: ElCheckboxGroup$1,
 	    ElCheckbox,
 	    ElInput: ElInput$1,
-	    ElIcon: ElIcon$1,
 	    OptionContent: ({ option }) => option
 	  },
 	  props: useCheckProps,
@@ -41696,15 +41753,7 @@
 	    const hasNoMatch = vue.computed(() => {
 	      return panelState.query.length > 0 && filteredData.value.length === 0;
 	    });
-	    const inputIcon = vue.computed(() => {
-	      return panelState.query.length > 0 && panelState.inputHover ? circleClose : search;
-	    });
 	    const hasFooter = vue.computed(() => !!slots.default()[0].children.length);
-	    const clearQuery = () => {
-	      if (inputIcon.value === circleClose) {
-	        panelState.query = "";
-	      }
-	    };
 	    const { checked, allChecked, query, inputHover, checkChangeByUser } = vue.toRefs(panelState);
 	    return {
 	      labelProp,
@@ -41720,9 +41769,8 @@
 	      inputHover,
 	      checkChangeByUser,
 	      hasNoMatch,
-	      inputIcon,
+	      SearchIcon: search,
 	      hasFooter,
-	      clearQuery,
 	      t
 	    };
 	  }
@@ -41736,7 +41784,6 @@
 	};
 	function render$b(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_el_input = vue.resolveComponent("el-input");
 	  const _component_option_content = vue.resolveComponent("option-content");
 	  const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
@@ -41763,25 +41810,13 @@
 	        modelValue: _ctx.query,
 	        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
 	        class: "el-transfer-panel__filter",
-	        size: "small",
+	        size: "default",
 	        placeholder: _ctx.placeholder,
+	        "prefix-icon": _ctx.SearchIcon,
+	        clearable: "",
 	        onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.inputHover = true),
 	        onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
-	      }, {
-	        prefix: vue.withCtx(() => [
-	          _ctx.inputIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-	            key: 0,
-	            class: "el-input__icon",
-	            onClick: _ctx.clearQuery
-	          }, {
-	            default: vue.withCtx(() => [
-	              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inputIcon)))
-	            ]),
-	            _: 1
-	          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-	        ]),
-	        _: 1
-	      }, 8, ["modelValue", "placeholder"])) : vue.createCommentVNode("v-if", true),
+	      }, null, 8, ["modelValue", "placeholder", "prefix-icon"])) : vue.createCommentVNode("v-if", true),
 	      vue.withDirectives(vue.createVNode(_component_el_checkbox_group, {
 	        modelValue: _ctx.checked,
 	        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.checked = $event),
@@ -47203,6 +47238,9 @@
 	const message = function(options = {}) {
 	  if (!isClient)
 	    return { close: () => void 0 };
+	  if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
+	    return { close: () => void 0 };
+	  }
 	  if (!vue.isVNode(options) && typeof options === "object" && options.grouping && !vue.isVNode(options.message) && instances.length) {
 	    const tempVm = instances.find((item) => {
 	      var _a, _b, _c;
@@ -47577,6 +47615,7 @@
 	        default: vue.withCtx(() => [
 	          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
 	            ref: "root",
+	            role: "dialog",
 	            "aria-label": _ctx.title || "dialog",
 	            "aria-modal": "true",
 	            class: vue.normalizeClass([
@@ -48310,6 +48349,7 @@
 	exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
 	exports.POPPER_CONTENT_INJECTION_KEY = POPPER_CONTENT_INJECTION_KEY;
 	exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
+	exports.PopupManager = PopupManager;
 	exports.RepeatClick = RepeatClick;
 	exports.Resize = Resize;
 	exports.TimePickPanel = script$1O;
@@ -48326,6 +48366,7 @@
 	exports.barProps = barProps;
 	exports.breadcrumbItemProps = breadcrumbItemProps;
 	exports.breadcrumbProps = breadcrumbProps;
+	exports.buildLocaleContext = buildLocaleContext;
 	exports.buildTranslator = buildTranslator;
 	exports.buttonEmits = buttonEmits;
 	exports.buttonGroupContextKey = buttonGroupContextKey;
@@ -48365,14 +48406,13 @@
 	exports.install = install;
 	exports.linkEmits = linkEmits;
 	exports.linkProps = linkProps;
-	exports.localeContextKey = localeContextKey;
-	exports.localeProviderMaker = localeProviderMaker;
 	exports.makeInstaller = makeInstaller;
 	exports.menuEmits = menuEmits;
 	exports.menuItemEmits = menuItemEmits;
 	exports.menuItemGroupProps = menuItemGroupProps;
 	exports.menuItemProps = menuItemProps;
 	exports.menuProps = menuProps;
+	exports.messageConfig = messageConfig;
 	exports.messageEmits = messageEmits;
 	exports.messageProps = messageProps;
 	exports.messageTypes = messageTypes;
@@ -48388,7 +48428,6 @@
 	exports.popconfirmProps = popconfirmProps;
 	exports.progressProps = progressProps;
 	exports.provideGlobalConfig = provideGlobalConfig;
-	exports.provideLocale = provideLocale;
 	exports.radioButtonProps = radioButtonProps;
 	exports.radioEmits = radioEmits;
 	exports.radioGroupEmits = radioGroupEmits;
@@ -48439,7 +48478,6 @@
 	exports.useGlobalConfig = useGlobalConfig;
 	exports.useId = useId;
 	exports.useLocale = useLocale;
-	exports.useLocaleProps = useLocaleProps;
 	exports.useLockscreen = useLockscreen;
 	exports.useModal = useModal;
 	exports.useModelToggle = useModelToggle$1;