@element-plus/nightly 0.0.20220107 → 0.0.20220111

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220107 */
+/*! Element Plus v0.0.20220111 */
 
 (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;
@@ -4529,7 +4510,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220107";
+	const version$1 = "0.0.20220111";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -4599,7 +4580,7 @@
 	  change: (fixed) => typeof fixed === "boolean"
 	};
 
-	var script$2b = vue.defineComponent({
+	var script$2a = vue.defineComponent({
 	  name: "ElAffix",
 	  props: affixProps,
 	  emits: affixEmits,
@@ -4697,7 +4678,7 @@
 	  }
 	});
 
-	function render$25(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$24(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    ref: "root",
 	    class: "el-affix",
@@ -4712,10 +4693,10 @@
 	  ], 4);
 	}
 
-	script$2b.render = render$25;
-	script$2b.__file = "packages/components/affix/src/affix.vue";
+	script$2a.render = render$24;
+	script$2a.__file = "packages/components/affix/src/affix.vue";
 
-	const ElAffix = withInstall(script$2b);
+	const ElAffix = withInstall(script$2a);
 
 	const iconProps = buildProps({
 	  size: {
@@ -4726,7 +4707,7 @@
 	  }
 	});
 
-	var script$2a = vue.defineComponent({
+	var script$29 = vue.defineComponent({
 	  name: "ElIcon",
 	  inheritAttrs: false,
 	  props: iconProps,
@@ -4749,7 +4730,7 @@
 	  }
 	});
 
-	function render$24(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$23(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
 	    class: "el-icon",
 	    style: _ctx.style
@@ -4758,10 +4739,10 @@
 	  ], 16);
 	}
 
-	script$2a.render = render$24;
-	script$2a.__file = "packages/components/icon/src/icon.vue";
+	script$29.render = render$23;
+	script$29.__file = "packages/components/icon/src/icon.vue";
 
-	const ElIcon = withInstall(script$2a);
+	const ElIcon = withInstall(script$29);
 	var ElIcon$1 = ElIcon;
 
 	var _export_sfc = (sfc, props) => {
@@ -4782,15 +4763,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1B = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1C = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 	}, null, -1);
-	const _hoisted_3$1m = [
-	  _hoisted_2$1B
+	const _hoisted_3$1n = [
+	  _hoisted_2$1C
 	];
 	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]]);
 
@@ -4804,15 +4785,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1A = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1B = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
 	}, null, -1);
-	const _hoisted_3$1l = [
-	  _hoisted_2$1A
+	const _hoisted_3$1m = [
+	  _hoisted_2$1B
 	];
 	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]]);
 
@@ -4826,15 +4807,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1z = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1A = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
 	}, null, -1);
-	const _hoisted_3$1k = [
-	  _hoisted_2$1z
+	const _hoisted_3$1l = [
+	  _hoisted_2$1A
 	];
 	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]]);
 
@@ -4848,15 +4829,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1y = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1z = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
 	}, null, -1);
-	const _hoisted_3$1j = [
-	  _hoisted_2$1y
+	const _hoisted_3$1k = [
+	  _hoisted_2$1z
 	];
 	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]]);
 
@@ -4870,17 +4851,17 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1x = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1y = /* @__PURE__ */ vue.createElementVNode("path", {
 	  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_2$1y,
+	  _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);
@@ -4897,15 +4878,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1w = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1x = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
 	}, null, -1);
-	const _hoisted_3$1h = [
-	  _hoisted_2$1w
+	const _hoisted_3$1i = [
+	  _hoisted_2$1x
 	];
 	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]]);
 
@@ -4919,15 +4900,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1v = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1w = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M384 192v640l384-320.064z"
 	}, null, -1);
-	const _hoisted_3$1g = [
-	  _hoisted_2$1v
+	const _hoisted_3$1h = [
+	  _hoisted_2$1w
 	];
 	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]]);
 
@@ -4941,15 +4922,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1u = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1v = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 320L192 704h639.936z"
 	}, null, -1);
-	const _hoisted_3$1f = [
-	  _hoisted_2$1u
+	const _hoisted_3$1g = [
+	  _hoisted_2$1v
 	];
 	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]]);
 
@@ -4963,15 +4944,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1t = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1u = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z"
 	}, null, -1);
-	const _hoisted_3$1e = [
-	  _hoisted_2$1t
+	const _hoisted_3$1f = [
+	  _hoisted_2$1u
 	];
 	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]]);
 
@@ -4985,15 +4966,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1s = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1t = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 	}, null, -1);
-	const _hoisted_3$1d = [
-	  _hoisted_2$1s
+	const _hoisted_3$1e = [
+	  _hoisted_2$1t
 	];
 	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]]);
 
@@ -5007,17 +4988,17 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1r = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1s = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
-	const _hoisted_3$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_2$1s,
+	  _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);
@@ -5034,15 +5015,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1q = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1r = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
 	}, null, -1);
-	const _hoisted_3$1b = [
-	  _hoisted_2$1q
+	const _hoisted_3$1c = [
+	  _hoisted_2$1r
 	];
 	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]]);
 
@@ -5056,17 +5037,17 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1p = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1q = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 	}, null, -1);
-	const _hoisted_3$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_2$1q,
+	  _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);
@@ -5083,11 +5064,11 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1o = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1p = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 	}, null, -1);
-	const _hoisted_3$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);
@@ -5096,8 +5077,8 @@
 	  d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 	}, null, -1);
 	const _hoisted_5$o = [
-	  _hoisted_2$1o,
-	  _hoisted_3$19,
+	  _hoisted_2$1p,
+	  _hoisted_3$1a,
 	  _hoisted_4$x
 	];
 	function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5115,15 +5096,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1n = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1o = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
 	}, null, -1);
-	const _hoisted_3$18 = [
-	  _hoisted_2$1n
+	const _hoisted_3$19 = [
+	  _hoisted_2$1o
 	];
 	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]]);
 
@@ -5137,15 +5118,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1m = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1n = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
 	}, null, -1);
-	const _hoisted_3$17 = [
-	  _hoisted_2$1m
+	const _hoisted_3$18 = [
+	  _hoisted_2$1n
 	];
 	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]]);
 
@@ -5159,15 +5140,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1l = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1m = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
 	}, null, -1);
-	const _hoisted_3$16 = [
-	  _hoisted_2$1l
+	const _hoisted_3$17 = [
+	  _hoisted_2$1m
 	];
 	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]]);
 
@@ -5181,15 +5162,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1k = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1l = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
 	}, null, -1);
-	const _hoisted_3$15 = [
-	  _hoisted_2$1k
+	const _hoisted_3$16 = [
+	  _hoisted_2$1l
 	];
 	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]]);
 
@@ -5203,15 +5184,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1j = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1k = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
 	}, null, -1);
-	const _hoisted_3$14 = [
-	  _hoisted_2$1j
+	const _hoisted_3$15 = [
+	  _hoisted_2$1k
 	];
 	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]]);
 
@@ -5225,15 +5206,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1i = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1j = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 	}, null, -1);
-	const _hoisted_3$13 = [
-	  _hoisted_2$1i
+	const _hoisted_3$14 = [
+	  _hoisted_2$1j
 	];
 	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]]);
 
@@ -5247,15 +5228,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1h = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1i = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
 	}, null, -1);
-	const _hoisted_3$12 = [
-	  _hoisted_2$1h
+	const _hoisted_3$13 = [
+	  _hoisted_2$1i
 	];
 	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]]);
 
@@ -5269,15 +5250,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1g = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1h = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 	}, null, -1);
-	const _hoisted_3$11 = [
-	  _hoisted_2$1g
+	const _hoisted_3$12 = [
+	  _hoisted_2$1h
 	];
 	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]]);
 
@@ -5291,15 +5272,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1f = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1g = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M128 544h768a32 32 0 100-64H128a32 32 0 000 64z"
 	}, null, -1);
-	const _hoisted_3$10 = [
-	  _hoisted_2$1f
+	const _hoisted_3$11 = [
+	  _hoisted_2$1g
 	];
 	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]]);
 
@@ -5313,15 +5294,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1e = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1f = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M176 416a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224zm336 0a112 112 0 110 224 112 112 0 010-224z"
 	}, null, -1);
-	const _hoisted_3$$ = [
-	  _hoisted_2$1e
+	const _hoisted_3$10 = [
+	  _hoisted_2$1f
 	];
 	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]]);
 
@@ -5335,15 +5316,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1d = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1e = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M176 416a112 112 0 100 224 112 112 0 000-224m0 64a48 48 0 110 96 48 48 0 010-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96zm336-64a112 112 0 110 224 112 112 0 010-224zm0 64a48 48 0 100 96 48 48 0 000-96z"
 	}, null, -1);
-	const _hoisted_3$_ = [
-	  _hoisted_2$1d
+	const _hoisted_3$$ = [
+	  _hoisted_2$1e
 	];
 	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]]);
 
@@ -5357,15 +5338,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1c = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1d = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
 	}, null, -1);
-	const _hoisted_3$Z = [
-	  _hoisted_2$1c
+	const _hoisted_3$_ = [
+	  _hoisted_2$1d
 	];
 	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]]);
 
@@ -5379,15 +5360,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1b = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1c = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 	}, null, -1);
-	const _hoisted_3$Y = [
-	  _hoisted_2$1b
+	const _hoisted_3$Z = [
+	  _hoisted_2$1c
 	];
 	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]]);
 
@@ -5401,15 +5382,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$1a = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1b = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 	}, null, -1);
-	const _hoisted_3$X = [
-	  _hoisted_2$1a
+	const _hoisted_3$Y = [
+	  _hoisted_2$1b
 	];
 	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]]);
 
@@ -5423,15 +5404,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$19 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$1a = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M784.512 230.272v-50.56a32 32 0 1164 0v149.056a32 32 0 01-32 32H667.52a32 32 0 110-64h92.992A320 320 0 10524.8 833.152a320 320 0 00320-320h64a384 384 0 01-384 384 384 384 0 01-384-384 384 384 0 01643.712-282.88z"
 	}, null, -1);
-	const _hoisted_3$W = [
-	  _hoisted_2$19
+	const _hoisted_3$X = [
+	  _hoisted_2$1a
 	];
 	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]]);
 
@@ -5445,15 +5426,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$18 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$19 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M813.176 180.706a60.235 60.235 0 0160.236 60.235v481.883a60.235 60.235 0 01-60.236 60.235H210.824a60.235 60.235 0 01-60.236-60.235V240.94a60.235 60.235 0 0160.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0090.353 240.94v481.883a120.47 120.47 0 00120.47 120.47h602.353a120.47 120.47 0 00120.471-120.47V240.94a120.47 120.47 0 00-120.47-120.47zm-120.47 180.705a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 0060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zm-361.412 0a30.118 30.118 0 00-30.118 30.118v301.177a30.118 30.118 0 1060.236 0V331.294a30.118 30.118 0 00-30.118-30.118zM512 361.412a30.118 30.118 0 00-30.118 30.117v30.118a30.118 30.118 0 0060.236 0V391.53A30.118 30.118 0 00512 361.412zM512 512a30.118 30.118 0 00-30.118 30.118v30.117a30.118 30.118 0 0060.236 0v-30.117A30.118 30.118 0 00512 512z"
 	}, null, -1);
-	const _hoisted_3$V = [
-	  _hoisted_2$18
+	const _hoisted_3$W = [
+	  _hoisted_2$19
 	];
 	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]]);
 
@@ -5467,15 +5448,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$17 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$18 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704z"
 	}, null, -1);
-	const _hoisted_3$U = [
-	  _hoisted_2$17
+	const _hoisted_3$V = [
+	  _hoisted_2$18
 	];
 	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]]);
 
@@ -5489,15 +5470,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$16 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$17 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M283.84 867.84L512 747.776l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72z"
 	}, null, -1);
-	const _hoisted_3$T = [
-	  _hoisted_2$16
+	const _hoisted_3$U = [
+	  _hoisted_2$17
 	];
 	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]]);
 
@@ -5511,15 +5492,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$15 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$16 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 747.84l228.16 119.936a6.4 6.4 0 009.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 00-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 00-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 00-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 009.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 01-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 01128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 01126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0139.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 01-102.144 74.24L512 820.096l-198.4 104.32z"
 	}, null, -1);
-	const _hoisted_3$S = [
-	  _hoisted_2$15
+	const _hoisted_3$T = [
+	  _hoisted_2$16
 	];
 	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]]);
 
@@ -5533,15 +5514,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$14 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$15 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
 	}, null, -1);
-	const _hoisted_3$R = [
-	  _hoisted_2$14
+	const _hoisted_3$S = [
+	  _hoisted_2$15
 	];
 	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]]);
 
@@ -5555,15 +5536,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$13 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$14 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 	}, null, -1);
-	const _hoisted_3$Q = [
-	  _hoisted_2$13
+	const _hoisted_3$R = [
+	  _hoisted_2$14
 	];
 	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]]);
 
@@ -5577,15 +5558,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$12 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$13 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
 	}, null, -1);
-	const _hoisted_3$P = [
-	  _hoisted_2$12
+	const _hoisted_3$Q = [
+	  _hoisted_2$13
 	];
 	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]]);
 
@@ -5599,15 +5580,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$11 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$12 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zm-32-384v-96a32 32 0 0164 0v96h96a32 32 0 010 64h-96v96a32 32 0 01-64 0v-96h-96a32 32 0 010-64h96z"
 	}, null, -1);
-	const _hoisted_3$O = [
-	  _hoisted_2$11
+	const _hoisted_3$P = [
+	  _hoisted_2$12
 	];
 	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]]);
 
@@ -5621,15 +5602,15 @@
 	  viewBox: "0 0 1024 1024",
 	  xmlns: "http://www.w3.org/2000/svg"
 	};
-	const _hoisted_2$10 = /* @__PURE__ */ vue.createElementVNode("path", {
+	const _hoisted_2$11 = /* @__PURE__ */ vue.createElementVNode("path", {
 	  fill: "currentColor",
 	  d: "M795.904 750.72l124.992 124.928a32 32 0 01-45.248 45.248L750.656 795.904a416 416 0 1145.248-45.248zM480 832a352 352 0 100-704 352 352 0 000 704zM352 448h256a32 32 0 010 64H352a32 32 0 010-64z"
 	}, null, -1);
-	const _hoisted_3$N = [
-	  _hoisted_2$10
+	const _hoisted_3$O = [
+	  _hoisted_2$11
 	];
 	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]]);
 
@@ -5689,7 +5670,7 @@
 	  close: (evt) => evt instanceof MouseEvent
 	};
 
-	var script$29 = vue.defineComponent({
+	var script$28 = vue.defineComponent({
 	  name: "ElAlert",
 	  components: {
 	    ElIcon,
@@ -5719,11 +5700,11 @@
 	});
 
 	const _hoisted_1$1p = { class: "el-alert__content" };
-	const _hoisted_2$$ = {
+	const _hoisted_2$10 = {
 	  key: 1,
 	  class: "el-alert__description"
 	};
-	function render$23(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$22(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_close = vue.resolveComponent("close");
 	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-alert-fade" }, {
@@ -5750,7 +5731,7 @@
 	              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
 	            ])
 	          ], 2)) : vue.createCommentVNode("v-if", true),
-	          _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$$, [
+	          _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$10, [
 	            vue.renderSlot(_ctx.$slots, "default", {}, () => [
 	              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
 	            ])
@@ -5780,10 +5761,10 @@
 	  });
 	}
 
-	script$29.render = render$23;
-	script$29.__file = "packages/components/alert/src/alert.vue";
+	script$28.render = render$22;
+	script$28.__file = "packages/components/alert/src/alert.vue";
 
-	const ElAlert = withInstall(script$29);
+	const ElAlert = withInstall(script$28);
 
 	var root = _root;
 
@@ -6494,7 +6475,7 @@
 	  suffix: "append",
 	  prefix: "prepend"
 	};
-	var script$28 = vue.defineComponent({
+	var script$27 = vue.defineComponent({
 	  name: "ElInput",
 	  components: { ElIcon, CircleClose: circleClose, IconView: view },
 	  inheritAttrs: false,
@@ -6694,6 +6675,7 @@
 	      passwordVisible,
 	      inputOrTextarea,
 	      suffixVisible,
+	      needStatusIcon,
 	      resizeTextarea,
 	      handleInput,
 	      handleChange,
@@ -6718,8 +6700,8 @@
 	  key: 0,
 	  class: "el-input-group__prepend"
 	};
-	const _hoisted_2$_ = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-	const _hoisted_3$M = {
+	const _hoisted_2$$ = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+	const _hoisted_3$N = {
 	  key: 1,
 	  class: "el-input__prefix"
 	};
@@ -6743,7 +6725,7 @@
 	  key: 0,
 	  class: "el-input__count"
 	};
-	function render$22(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$21(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_circle_close = vue.resolveComponent("circle-close");
 	  const _component_icon_view = vue.resolveComponent("icon-view");
@@ -6793,9 +6775,9 @@
 	        onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
 	        onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	        onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-	      }), null, 16, _hoisted_2$_),
+	      }), 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, {
@@ -6850,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"
 	        }, {
@@ -6893,10 +6875,10 @@
 	  ]);
 	}
 
-	script$28.render = render$22;
-	script$28.__file = "packages/components/input/src/input.vue";
+	script$27.render = render$21;
+	script$27.__file = "packages/components/input/src/input.vue";
 
-	const ElInput = withInstall(script$28);
+	const ElInput = withInstall(script$27);
 	var ElInput$1 = ElInput;
 
 	const BAR_MAP = {
@@ -6938,7 +6920,7 @@
 	});
 
 	const COMPONENT_NAME$9 = "Bar";
-	var script$27 = vue.defineComponent({
+	var script$26 = vue.defineComponent({
 	  name: COMPONENT_NAME$9,
 	  props: barProps,
 	  setup(props) {
@@ -7032,7 +7014,7 @@
 	  }
 	});
 
-	function render$21(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$20(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-scrollbar-fade" }, {
 	    default: vue.withCtx(() => [
 	      vue.withDirectives(vue.createElementVNode("div", {
@@ -7054,8 +7036,8 @@
 	  });
 	}
 
-	script$27.render = render$21;
-	script$27.__file = "packages/components/scrollbar/src/bar.vue";
+	script$26.render = render$20;
+	script$26.__file = "packages/components/scrollbar/src/bar.vue";
 
 	const scrollbarProps = buildProps({
 	  height: {
@@ -7107,10 +7089,10 @@
 	  }) => isNumber(scrollTop) && isNumber(scrollLeft)
 	};
 
-	var script$26 = vue.defineComponent({
+	var script$25 = vue.defineComponent({
 	  name: "ElScrollbar",
 	  components: {
-	    Bar: script$27
+	    Bar: script$26
 	  },
 	  props: scrollbarProps,
 	  emits: scrollbarEmits,
@@ -7213,7 +7195,7 @@
 	  ref: "scrollbar$",
 	  class: "el-scrollbar"
 	};
-	function render$20(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_bar = vue.resolveComponent("bar");
 	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1n, [
 	    vue.createElementVNode("div", {
@@ -7255,16 +7237,16 @@
 	  ], 512);
 	}
 
-	script$26.render = render$20;
-	script$26.__file = "packages/components/scrollbar/src/scrollbar.vue";
+	script$25.render = render$1$;
+	script$25.__file = "packages/components/scrollbar/src/scrollbar.vue";
 
-	const ElScrollbar = withInstall(script$26);
+	const ElScrollbar = withInstall(script$25);
 	var ElScrollbar$1 = ElScrollbar;
 
 	const POPPER_INJECTION_KEY = Symbol("elPopper");
 	const POPPER_CONTENT_INJECTION_KEY = Symbol("elPopperContent");
 
-	var script$25 = vue.defineComponent({
+	var script$24 = vue.defineComponent({
 	  name: "ElPopperProvider",
 	  inheritAttrs: false,
 	  setup() {
@@ -7278,12 +7260,12 @@
 	  }
 	});
 
-	function render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$1_(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.renderSlot(_ctx.$slots, "default");
 	}
 
-	script$25.render = render$1$;
-	script$25.__file = "packages/components/popper/src/popper.vue";
+	script$24.render = render$1_;
+	script$24.__file = "packages/components/popper/src/popper.vue";
 
 	var top = 'top';
 	var bottom = 'bottom';
@@ -9114,7 +9096,7 @@
 	  virtualTriggering: { type: Boolean }
 	});
 
-	var script$24 = vue.defineComponent({
+	var script$23 = vue.defineComponent({
 	  name: "ElPopperArrow",
 	  props: usePopperArrowProps,
 	  setup(props) {
@@ -9140,12 +9122,12 @@
 	  class: "el-popper__arrow",
 	  "data-popper-arrow": ""
 	};
-	function render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1m, null, 512);
 	}
 
-	script$24.render = render$1_;
-	script$24.__file = "packages/components/popper/src/arrow.vue";
+	script$23.render = render$1Z;
+	script$23.__file = "packages/components/popper/src/arrow.vue";
 
 	const NAME$1 = "ElOnlyChild";
 	const OnlyChild = vue.defineComponent({
@@ -9273,7 +9255,7 @@
 	  }
 	}
 
-	var script$23 = vue.defineComponent({
+	var script$22 = vue.defineComponent({
 	  name: "ElPopperTrigger",
 	  components: { ElOnlyChild },
 	  inheritAttrs: false,
@@ -9281,7 +9263,7 @@
 	    ...usePopperTriggerProps,
 	    onMouseenter: Function,
 	    onMouseleave: Function,
-	    onMousedown: Function,
+	    onClick: Function,
 	    onKeydown: Function,
 	    onFocus: Function,
 	    onBlur: Function,
@@ -9304,7 +9286,7 @@
 	        [
 	          "onMouseenter",
 	          "onMouseleave",
-	          "onMousedown",
+	          "onClick",
 	          "onKeydown",
 	          "onFocus",
 	          "onBlur",
@@ -9326,7 +9308,7 @@
 	  }
 	});
 
-	function render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_only_child = vue.resolveComponent("el-only-child");
 	  return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(_component_el_only_child, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
 	    "aria-describedby": _ctx.open ? _ctx.id : void 0
@@ -9338,10 +9320,10 @@
 	  }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
 	}
 
-	script$23.render = render$1Z;
-	script$23.__file = "packages/components/popper/src/trigger.vue";
+	script$22.render = render$1Y;
+	script$22.__file = "packages/components/popper/src/trigger.vue";
 
-	var script$22 = vue.defineComponent({
+	var script$21 = vue.defineComponent({
 	  name: "ElPopperContent",
 	  props: usePopperContentProps,
 	  emits: ["mouseenter", "mouseleave"],
@@ -9354,7 +9336,7 @@
 	      arrowRef,
 	      arrowOffset
 	    });
-	    const contentZIndex = vue.computed(() => props.zIndex || PopupManager.nextZIndex());
+	    const contentZIndex = vue.ref(props.zIndex || PopupManager.nextZIndex());
 	    const contentStyle = vue.computed(() => [{ zIndex: vue.unref(contentZIndex) }, props.popperStyle]);
 	    const contentClass = vue.computed(() => [
 	      {
@@ -9378,6 +9360,7 @@
 	    const updatePopper = () => {
 	      var _a;
 	      (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.update();
+	      contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
 	    };
 	    vue.onMounted(() => {
 	      let updateHandle;
@@ -9417,11 +9400,12 @@
 	  }
 	});
 
-	function render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+	function render$1X(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    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))
 	  }, [
@@ -9429,12 +9413,12 @@
 	  ], 38);
 	}
 
-	script$22.render = render$1Y;
-	script$22.__file = "packages/components/popper/src/content.vue";
+	script$21.render = render$1X;
+	script$21.__file = "packages/components/popper/src/content.vue";
 
-	const ElPopper = withInstall(script$25);
+	const ElPopper = withInstall(script$24);
 
-	var script$21 = vue.defineComponent({
+	var script$20 = vue.defineComponent({
 	  name: "ElVisuallyHidden",
 	  props: {
 	    style: {
@@ -9464,78 +9448,21 @@
 	  }
 	});
 
-	function render$1X(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
-	}
-
-	script$21.render = render$1X;
-	script$21.__file = "packages/components/visual-hidden/src/visual-hidden.vue";
-
-	const elTeleportProps = buildProps({
-	  container: {
-	    type: definePropType(String),
-	    default: "body"
-	  },
-	  disabled: {
-	    type: Boolean,
-	    default: false
-	  },
-	  style: {
-	    type: definePropType([String, Array, Object])
-	  },
-	  zIndex: {
-	    type: String,
-	    default: "2000"
-	  }
-	});
-
-	var script$20 = vue.defineComponent({
-	  props: elTeleportProps,
-	  setup(props) {
-	    const containerRef = vue.ref();
-	    const containerStyle = vue.computed(() => {
-	      return props.container === "body" ? [
-	        props.style,
-	        {
-	          position: "absolute",
-	          top: `0px`,
-	          left: `0px`,
-	          zIndex: props.zIndex
-	        }
-	      ] : {};
-	    });
-	    return {
-	      containerRef,
-	      containerStyle
-	    };
-	  }
-	});
-
 	function render$1W(_ctx, _cache, $props, $setup, $data, $options) {
-	  return _ctx.container ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
-	    key: 0,
-	    to: _ctx.container,
-	    disabled: _ctx.disabled
-	  }, [
-	    vue.createElementVNode("div", {
-	      ref: "containerRef",
-	      class: "el-teleport",
-	      style: vue.normalizeStyle(_ctx.containerStyle)
-	    }, [
-	      vue.renderSlot(_ctx.$slots, "default")
-	    ], 4)
-	  ], 8, ["to", "disabled"])) : vue.createCommentVNode("v-if", true);
+	  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
 	}
 
 	script$20.render = render$1W;
-	script$20.__file = "packages/components/teleport/src/teleport.vue";
-
-	const ElTeleport = withInstall(script$20);
+	script$20.__file = "packages/components/visual-hidden/src/visual-hidden.vue";
 
 	const useTooltipContentProps = {
 	  ...useDelayedToggleProps,
 	  ...usePopperContentProps,
 	  ...buildProps({
+	    appendTo: {
+	      type: definePropType([String, Object]),
+	      default: POPPER_CONTAINER_SELECTOR
+	    },
 	    content: {
 	      type: String,
 	      default: ""
@@ -9557,6 +9484,9 @@
 	    teleported: {
 	      type: Boolean,
 	      default: true
+	    },
+	    disabled: {
+	      type: Boolean
 	    }
 	  })
 	};
@@ -9591,9 +9521,8 @@
 	var script$1$ = vue.defineComponent({
 	  name: "ElTooltipContent",
 	  components: {
-	    ElTeleport,
-	    ElPopperContent: script$22,
-	    ElVisuallyHidden: script$21
+	    ElPopperContent: script$21,
+	    ElVisuallyHidden: script$20
 	  },
 	  inheritAttrs: false,
 	  props: useTooltipContentProps,
@@ -9606,76 +9535,27 @@
 	    const persistentRef = vue.computed(() => {
 	      return props.persistent;
 	    });
+	    const shouldRender = vue.computed(() => {
+	      return vue.unref(persistentRef) ? true : vue.unref(open);
+	    });
+	    const shouldShow = vue.computed(() => {
+	      return props.disabled ? false : vue.unref(open);
+	    });
 	    const contentStyle = vue.computed(() => {
 	      var _a;
 	      return (_a = props.style) != null ? _a : {};
 	    });
-	    const shouldRenderTeleport = vue.computed(() => {
-	      if (vue.unref(persistentRef))
-	        return true;
-	      return vue.unref(vue.unref(entering) ? open : intermediateOpen);
-	    });
-	    const shouldRenderPopperContent = vue.computed(() => {
-	      if (vue.unref(persistentRef))
-	        return true;
-	      return vue.unref(vue.unref(leaving) ? open : intermediateOpen);
-	    });
-	    const shouldShowPopperContent = vue.computed(() => {
-	      if (vue.unref(persistentRef)) {
-	        return vue.unref(vue.unref(leaving) ? open : intermediateOpen);
-	      }
-	      return true;
-	    });
-	    const ariaHidden = vue.computed(() => !(vue.unref(shouldRenderPopperContent) && vue.unref(shouldShowPopperContent)));
+	    const ariaHidden = vue.computed(() => !vue.unref(open));
 	    useEscapeKeydown(onClose);
-	    useDelayedRender({
-	      indicator: open,
-	      intermediateIndicator: intermediateOpen,
-	      shouldSetIntermediate: (step) => {
-	        return step === "hide" ? false : true;
-	      },
-	      beforeShow: () => {
-	        if (vue.unref(leaving)) {
-	          leaving.value = false;
-	          intermediateOpen.value = false;
-	        }
-	        entering.value = true;
-	      },
-	      beforeHide: () => {
-	        if (vue.unref(entering)) {
-	          entering.value = false;
-	          return;
-	        }
-	        leaving.value = true;
-	      },
-	      afterShow: () => {
-	        if (!vue.unref(open))
-	          return;
-	        entering.value = false;
-	        onShow();
-	        vue.nextTick(() => {
-	          var _a;
-	          (_a = vue.unref(contentRef)) == null ? void 0 : _a.updatePopper();
-	        });
-	      },
-	      afterHide: () => {
-	        if (vue.unref(open))
-	          return;
-	        onHide();
-	      }
-	    });
 	    const onTransitionLeave = () => {
-	      if (vue.unref(open))
-	        return;
-	      leaving.value = false;
-	      intermediateOpen.value = false;
+	      onHide();
 	    };
 	    const stopWhenControlled = () => {
 	      if (vue.unref(controlled))
 	        return true;
 	    };
 	    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
-	      if (props.enterable) {
+	      if (props.enterable && vue.unref(trigger) === "hover") {
 	        onOpen();
 	      }
 	    });
@@ -9684,6 +9564,33 @@
 	        onClose();
 	      }
 	    });
+	    const onBeforeEnter = () => {
+	      var _a, _b;
+	      (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+	    };
+	    const onAfterShow = () => {
+	      onShow();
+	    };
+	    let stopHandle;
+	    vue.watch(() => vue.unref(open), (val) => {
+	      if (val) {
+	        stopHandle = onClickOutside(vue.computed(() => {
+	          var _a;
+	          return (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+	        }), () => {
+	          if (vue.unref(controlled))
+	            return;
+	          const $trigger = vue.unref(trigger);
+	          if ($trigger !== "hover") {
+	            onClose();
+	          }
+	        });
+	      } else {
+	        stopHandle == null ? void 0 : stopHandle();
+	      }
+	    }, {
+	      flush: "post"
+	    });
 	    return {
 	      ariaHidden,
 	      entering,
@@ -9692,11 +9599,11 @@
 	      intermediateOpen,
 	      contentStyle,
 	      contentRef,
-	      shouldRenderTeleport,
-	      shouldRenderPopperContent,
-	      shouldShowPopperContent,
+	      shouldRender,
+	      shouldShow,
 	      open,
-	      POPPER_CONTAINER_SELECTOR,
+	      onAfterShow,
+	      onBeforeEnter,
 	      onContentEnter,
 	      onContentLeave,
 	      onTransitionLeave
@@ -9707,62 +9614,59 @@
 	function render$1V(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_visually_hidden = vue.resolveComponent("el-visually-hidden");
 	  const _component_el_popper_content = vue.resolveComponent("el-popper-content");
-	  const _component_el_teleport = vue.resolveComponent("el-teleport");
-	  return _ctx.shouldRenderTeleport ? (vue.openBlock(), vue.createBlock(_component_el_teleport, {
-	    key: 0,
+	  return vue.openBlock(), vue.createBlock(vue.Teleport, {
 	    disabled: !_ctx.teleported,
-	    container: _ctx.POPPER_CONTAINER_SELECTOR
-	  }, {
-	    default: vue.withCtx(() => [
-	      vue.createVNode(vue.Transition, {
-	        name: _ctx.transition,
-	        onAfterLeave: _ctx.onTransitionLeave
-	      }, {
-	        default: vue.withCtx(() => [
-	          _ctx.shouldRenderPopperContent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_popper_content, vue.mergeProps({
-	            key: 0,
-	            ref: "contentRef"
-	          }, _ctx.$attrs, {
-	            "aria-hidden": _ctx.ariaHidden,
-	            "boundaries-padding": _ctx.boundariesPadding,
-	            "fallback-placements": _ctx.fallbackPlacements,
-	            "gpu-acceleration": _ctx.gpuAcceleration,
-	            offset: _ctx.offset,
-	            placement: _ctx.placement,
-	            "popper-options": _ctx.popperOptions,
-	            strategy: _ctx.strategy,
-	            effect: _ctx.effect,
-	            enterable: _ctx.enterable,
-	            pure: _ctx.pure,
-	            "popper-class": _ctx.popperClass,
-	            "popper-style": [_ctx.popperStyle, _ctx.contentStyle],
-	            "reference-el": _ctx.referenceEl,
-	            "z-index": _ctx.zIndex,
-	            onMouseenter: _ctx.onContentEnter,
-	            onMouseleave: _ctx.onContentLeave
-	          }), {
-	            default: vue.withCtx(() => [
-	              vue.renderSlot(_ctx.$slots, "default"),
-	              vue.createVNode(_component_el_visually_hidden, {
-	                id: _ctx.id,
-	                role: "tooltip"
-	              }, {
-	                default: vue.withCtx(() => [
-	                  vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
-	                ]),
-	                _: 1
-	              }, 8, ["id"])
-	            ]),
-	            _: 3
-	          }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "z-index", "onMouseenter", "onMouseleave"])), [
-	            [vue.vShow, _ctx.shouldShowPopperContent]
-	          ]) : vue.createCommentVNode("v-if", true)
-	        ]),
-	        _: 3
-	      }, 8, ["name", "onAfterLeave"])
-	    ]),
-	    _: 3
-	  }, 8, ["disabled", "container"])) : vue.createCommentVNode("v-if", true);
+	    to: _ctx.appendTo
+	  }, [
+	    vue.createVNode(vue.Transition, {
+	      name: _ctx.transition,
+	      onAfterLeave: _ctx.onTransitionLeave,
+	      onBeforeEnter: _ctx.onBeforeEnter,
+	      onAfterEnter: _ctx.onAfterShow
+	    }, {
+	      default: vue.withCtx(() => [
+	        _ctx.shouldRender ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_popper_content, vue.mergeProps({
+	          key: 0,
+	          ref: "contentRef"
+	        }, _ctx.$attrs, {
+	          "aria-hidden": _ctx.ariaHidden,
+	          "boundaries-padding": _ctx.boundariesPadding,
+	          "fallback-placements": _ctx.fallbackPlacements,
+	          "gpu-acceleration": _ctx.gpuAcceleration,
+	          offset: _ctx.offset,
+	          placement: _ctx.placement,
+	          "popper-options": _ctx.popperOptions,
+	          strategy: _ctx.strategy,
+	          effect: _ctx.effect,
+	          enterable: _ctx.enterable,
+	          pure: _ctx.pure,
+	          "popper-class": _ctx.popperClass,
+	          "popper-style": [_ctx.popperStyle, _ctx.contentStyle],
+	          "reference-el": _ctx.referenceEl,
+	          "z-index": _ctx.zIndex,
+	          onMouseenter: _ctx.onContentEnter,
+	          onMouseleave: _ctx.onContentLeave
+	        }), {
+	          default: vue.withCtx(() => [
+	            vue.renderSlot(_ctx.$slots, "default"),
+	            vue.createVNode(_component_el_visually_hidden, {
+	              id: _ctx.id,
+	              role: "tooltip"
+	            }, {
+	              default: vue.withCtx(() => [
+	                vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
+	              ]),
+	              _: 1
+	            }, 8, ["id"])
+	          ]),
+	          _: 3
+	        }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "z-index", "onMouseenter", "onMouseleave"])), [
+	          [vue.vShow, _ctx.shouldShow]
+	        ]) : vue.createCommentVNode("v-if", true)
+	      ]),
+	      _: 3
+	    }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter"])
+	  ], 8, ["disabled", "to"]);
 	}
 
 	script$1$.render = render$1V;
@@ -9783,7 +9687,7 @@
 	var script$1_ = vue.defineComponent({
 	  name: "ElTooltipTrigger",
 	  components: {
-	    ElPopperTrigger: script$23
+	    ElPopperTrigger: script$22
 	  },
 	  props: useTooltipTriggerProps,
 	  setup(props) {
@@ -9797,7 +9701,7 @@
 	    const trigger = vue.toRef(props, "trigger");
 	    const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
 	    const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
-	    const onMousedown = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
+	    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
 	      if (e.button === 0) {
 	        onToggle(e);
 	      }
@@ -9820,7 +9724,7 @@
 	      onFocus,
 	      onMouseenter,
 	      onMouseleave,
-	      onMousedown,
+	      onClick,
 	      onKeydown,
 	      open,
 	      id,
@@ -9838,18 +9742,18 @@
 	    "virtual-triggering": _ctx.virtualTriggering,
 	    class: "el-tooltip__trigger",
 	    onBlur: _ctx.onBlur,
+	    onClick: _ctx.onClick,
 	    onContextmenu: _ctx.onContextMenu,
 	    onFocus: _ctx.onFocus,
 	    onMouseenter: _ctx.onMouseenter,
 	    onMouseleave: _ctx.onMouseleave,
-	    onMousedown: _ctx.onMousedown,
 	    onKeydown: _ctx.onKeydown
 	  }, {
 	    default: vue.withCtx(() => [
 	      vue.renderSlot(_ctx.$slots, "default")
 	    ]),
 	    _: 3
-	  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onMousedown", "onKeydown"]);
+	  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 	}
 
 	script$1_.render = render$1U;
@@ -9860,7 +9764,7 @@
 	  name: "ElTooltip",
 	  components: {
 	    ElPopper,
-	    ElPopperArrow: script$24,
+	    ElPopperArrow: script$23,
 	    ElTooltipContent: script$1$,
 	    ElTooltipTrigger: script$1_
 	  },
@@ -9921,7 +9825,8 @@
 	      },
 	      onHide: () => {
 	        emit("hide");
-	      }
+	      },
+	      updatePopper
 	    });
 	    return {
 	      compatShowAfter,
@@ -9936,7 +9841,7 @@
 	});
 
 	const _hoisted_1$1l = ["innerHTML"];
-	const _hoisted_2$Z = { key: 1 };
+	const _hoisted_2$_ = { key: 1 };
 	function render$1T(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
 	  const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
@@ -9959,6 +9864,7 @@
 	        "aria-label": _ctx.ariaLabel,
 	        "boundaries-padding": _ctx.boundariesPadding,
 	        content: _ctx.content,
+	        disabled: _ctx.disabled,
 	        effect: _ctx.effect,
 	        enterable: _ctx.enterable,
 	        "fallback-placements": _ctx.fallbackPlacements,
@@ -9984,7 +9890,7 @@
 	            _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
 	              key: 0,
 	              innerHTML: _ctx.content
-	            }, null, 8, _hoisted_1$1l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$Z, vue.toDisplayString(_ctx.content), 1))
+	            }, null, 8, _hoisted_1$1l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$_, vue.toDisplayString(_ctx.content), 1))
 	          ]),
 	          _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
 	            key: 0,
@@ -9992,7 +9898,7 @@
 	          }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
 	        ]),
 	        _: 3
-	      }, 8, ["aria-label", "boundaries-padding", "content", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
+	      }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
 	    ]),
 	    _: 3
 	  }, 512);
@@ -10247,8 +10153,8 @@
 	});
 
 	const _hoisted_1$1k = ["aria-expanded", "aria-owns"];
-	const _hoisted_2$Y = { key: 0 };
-	const _hoisted_3$L = ["id", "aria-selected", "onClick"];
+	const _hoisted_2$Z = { key: 0 };
+	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");
@@ -10270,6 +10176,7 @@
 	    effect: "light",
 	    trigger: "click",
 	    transition: "el-zoom-in-top",
+	    persistent: "",
 	    onShow: _ctx.onSuggestionShow
 	  }, {
 	    content: vue.withCtx(() => [
@@ -10290,7 +10197,7 @@
 	          role: "listbox"
 	        }, {
 	          default: vue.withCtx(() => [
-	            _ctx.suggestionLoading ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$Y, [
+	            _ctx.suggestionLoading ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$Z, [
 	              vue.createVNode(_component_el_icon, { class: "is-loading" }, {
 	                default: vue.withCtx(() => [
 	                  vue.createVNode(_component_loading)
@@ -10309,7 +10216,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
@@ -10640,7 +10547,7 @@
 	});
 
 	const _hoisted_1$1i = { class: "el-badge" };
-	const _hoisted_2$X = ["textContent"];
+	const _hoisted_2$Y = ["textContent"];
 	function render$1P(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1i, [
 	    vue.renderSlot(_ctx.$slots, "default"),
@@ -10655,7 +10562,7 @@
 	            }
 	          ]]),
 	          textContent: vue.toDisplayString(_ctx.content)
-	        }, null, 10, _hoisted_2$X), [
+	        }, null, 10, _hoisted_2$Y), [
 	          [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
 	        ])
 	      ]),
@@ -10753,7 +10660,7 @@
 	});
 
 	const _hoisted_1$1g = { class: "el-breadcrumb__item" };
-	const _hoisted_2$W = {
+	const _hoisted_2$X = {
 	  key: 1,
 	  class: "el-breadcrumb__separator",
 	  role: "presentation"
@@ -10776,7 +10683,7 @@
 	        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.separatorIcon)))
 	      ]),
 	      _: 1
-	    })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$W, vue.toDisplayString(_ctx.separator), 1))
+	    })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$X, vue.toDisplayString(_ctx.separator), 1))
 	  ]);
 	}
 
@@ -12344,11 +12251,15 @@
 	  return false;
 	};
 	const parser = function(date, format, lang) {
-	  const day = isEmpty(format) ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
+	  const day = isEmpty(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
 	  return day.isValid() ? day : void 0;
 	};
 	const formatter = function(date, format, lang) {
-	  return isEmpty(format) ? date : dayjs(date).locale(lang).format(format);
+	  if (isEmpty(format))
+	    return date;
+	  if (format === "x")
+	    return +date;
+	  return dayjs(date).locale(lang).format(format);
 	};
 	var script$1Q = vue.defineComponent({
 	  name: "Picker",
@@ -12721,8 +12632,8 @@
 	});
 
 	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_2$W = { class: "el-range-separator" };
+	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");
@@ -12743,6 +12654,7 @@
 	    "gpu-acceleration": false,
 	    "stop-popper-mouse-event": false,
 	    "hide-after": 0,
+	    persistent: "",
 	    onShow: _cache[17] || (_cache[17] = ($event) => _ctx.pickerActualVisible = true),
 	    onHide: _cache[18] || (_cache[18] = ($event) => _ctx.pickerActualVisible = false)
 	  }), {
@@ -12800,8 +12712,10 @@
 	          "el-date-editor--" + _ctx.type,
 	          _ctx.pickerSize ? `el-range-editor--${_ctx.pickerSize}` : "",
 	          _ctx.pickerDisabled ? "is-disabled" : "",
-	          _ctx.pickerVisible ? "is-active" : ""
+	          _ctx.pickerVisible ? "is-active" : "",
+	          _ctx.$attrs.class || void 0
 	        ]]),
+	        style: vue.normalizeStyle(_ctx.$attrs.style || void 0),
 	        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
 	        onMouseenter: _cache[8] || (_cache[8] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
 	        onMouseleave: _cache[9] || (_cache[9] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args)),
@@ -12831,7 +12745,7 @@
 	          onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
 	        }, null, 40, _hoisted_1$1d),
 	        vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
-	          vue.createElementVNode("span", _hoisted_2$V, vue.toDisplayString(_ctx.rangeSeparator), 1)
+	          vue.createElementVNode("span", _hoisted_2$W, vue.toDisplayString(_ctx.rangeSeparator), 1)
 	        ]),
 	        vue.createElementVNode("input", {
 	          id: _ctx.id && _ctx.id[1],
@@ -12845,7 +12759,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", {
@@ -12858,7 +12772,7 @@
 	          ]),
 	          _: 1
 	        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-	      ], 34))
+	      ], 38))
 	    ]),
 	    content: vue.withCtx(() => [
 	      vue.renderSlot(_ctx.$slots, "default", {
@@ -13206,8 +13120,8 @@
 	});
 
 	const _hoisted_1$1c = ["onClick"];
-	const _hoisted_2$U = ["onMouseenter"];
-	const _hoisted_3$J = { class: "el-time-spinner__list" };
+	const _hoisted_2$V = ["onMouseenter"];
+	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");
@@ -13270,7 +13184,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,
@@ -13289,7 +13203,7 @@
 	            ], 2);
 	          }), 128))
 	        ])
-	      ], 40, _hoisted_2$U);
+	      ], 40, _hoisted_2$V);
 	    }), 128)) : vue.createCommentVNode("v-if", true)
 	  ], 2);
 	}
@@ -13464,7 +13378,7 @@
 	  key: 0,
 	  class: "el-time-panel"
 	};
-	const _hoisted_2$T = { class: "el-time-panel__footer" };
+	const _hoisted_2$U = { class: "el-time-panel__footer" };
 	function render$1I(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_time_spinner = vue.resolveComponent("time-spinner");
 	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
@@ -13488,7 +13402,7 @@
 	            onSelectRange: _ctx.setSelectionRange
 	          }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
 	        ], 2),
-	        vue.createElementVNode("div", _hoisted_2$T, [
+	        vue.createElementVNode("div", _hoisted_2$U, [
 	          vue.createElementVNode("button", {
 	            type: "button",
 	            class: "el-time-panel__btn cancel",
@@ -14326,8 +14240,8 @@
 	  key: 0,
 	  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_2$T = { class: "el-time-range-picker__content" };
+	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" };
@@ -14336,8 +14250,8 @@
 	function render$1H(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_time_spinner = vue.resolveComponent("time-spinner");
 	  return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
-	    vue.createElementVNode("div", _hoisted_2$S, [
-	      vue.createElementVNode("div", _hoisted_3$I, [
+	    vue.createElementVNode("div", _hoisted_2$T, [
+	      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"])
@@ -14589,8 +14503,8 @@
 	});
 
 	const _hoisted_1$19 = { key: 0 };
-	const _hoisted_2$R = ["onClick"];
-	const _hoisted_3$H = { class: "el-calendar-day" };
+	const _hoisted_2$S = ["onClick"];
+	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({
@@ -14620,14 +14534,14 @@
 	              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)
 	                }, () => [
 	                  vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
 	                ])
 	              ])
-	            ], 10, _hoisted_2$R);
+	            ], 10, _hoisted_2$S);
 	          }), 128))
 	        ], 2);
 	      }), 128))
@@ -14666,19 +14580,19 @@
 	    const selectedDay = vue.ref();
 	    const now = dayjs().locale(lang.value);
 	    const prevMonthDayjs = vue.computed(() => {
-	      return date.value.subtract(1, "month");
+	      return date.value.subtract(1, "month").date(1);
 	    });
 	    const curMonthDatePrefix = vue.computed(() => {
 	      return dayjs(date.value).locale(lang.value).format("YYYY-MM");
 	    });
 	    const nextMonthDayjs = vue.computed(() => {
-	      return date.value.add(1, "month");
+	      return date.value.add(1, "month").date(1);
 	    });
 	    const prevYearDayjs = vue.computed(() => {
-	      return date.value.subtract(1, "year");
+	      return date.value.subtract(1, "year").date(1);
 	    });
 	    const nextYearDayjs = vue.computed(() => {
-	      return date.value.add(1, "year");
+	      return date.value.add(1, "year").date(1);
 	    });
 	    const i18nDate = vue.computed(() => {
 	      const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
@@ -14795,8 +14709,8 @@
 	});
 
 	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_2$R = { class: "el-calendar__header" };
+	const _hoisted_3$H = { class: "el-calendar__title" };
 	const _hoisted_4$u = {
 	  key: 0,
 	  class: "el-calendar__button-group"
@@ -14814,9 +14728,9 @@
 	  const _component_el_button_group = vue.resolveComponent("el-button-group");
 	  const _component_date_table = vue.resolveComponent("date-table");
 	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
-	    vue.createElementVNode("div", _hoisted_2$Q, [
+	    vue.createElementVNode("div", _hoisted_2$R, [
 	      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(() => [
@@ -15270,8 +15184,8 @@
 	});
 
 	const _hoisted_1$16 = ["onMouseenter", "onClick"];
-	const _hoisted_2$P = { class: "el-carousel__button" };
-	const _hoisted_3$F = { key: 0 };
+	const _hoisted_2$Q = { class: "el-carousel__button" };
+	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");
@@ -15357,8 +15271,8 @@
 	          onMouseenter: ($event) => _ctx.throttledIndicatorHover(index),
 	          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)
+	          vue.createElementVNode("button", _hoisted_2$Q, [
+	            _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))
@@ -15751,8 +15665,8 @@
 	});
 
 	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_2$P = ["tabindex", "role", "aria-checked"];
+	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 = {
@@ -15781,7 +15695,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),
@@ -15814,7 +15728,7 @@
 	      }, null, 40, _hoisted_5$k)), [
 	        [vue.vModelCheckbox, _ctx.model]
 	      ])
-	    ], 10, _hoisted_2$O),
+	    ], 10, _hoisted_2$P),
 	    _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$f, [
 	      vue.renderSlot(_ctx.$slots, "default"),
 	      !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -15857,8 +15771,8 @@
 	});
 
 	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_2$O = ["name", "tabindex", "disabled", "true-value", "false-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", [
@@ -15884,7 +15798,7 @@
 	      onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
 	      onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
 	      onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
-	    }, null, 40, _hoisted_2$N)), [
+	    }, null, 40, _hoisted_2$O)), [
 	      [vue.vModelCheckbox, _ctx.model]
 	    ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
 	      key: 1,
@@ -15898,7 +15812,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", {
@@ -16079,8 +15993,8 @@
 	});
 
 	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_2$N = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-radio__inner" }, null, -1);
+	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", {
@@ -16102,7 +16016,7 @@
 	        "is-checked": _ctx.modelValue === _ctx.label
 	      }])
 	    }, [
-	      _hoisted_2$M,
+	      _hoisted_2$N,
 	      vue.withDirectives(vue.createElementVNode("input", {
 	        ref: "radioRef",
 	        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
@@ -16116,7 +16030,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),
@@ -16179,7 +16093,7 @@
 	});
 
 	const _hoisted_1$11 = ["aria-checked", "aria-disabled", "tabindex"];
-	const _hoisted_2$L = ["value", "name", "disabled"];
+	const _hoisted_2$M = ["value", "name", "disabled"];
 	function render$1y(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("label", {
 	    class: vue.normalizeClass(["el-radio-button", [
@@ -16207,7 +16121,7 @@
 	      tabindex: "-1",
 	      onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
 	      onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
-	    }, null, 40, _hoisted_2$L), [
+	    }, null, 40, _hoisted_2$M), [
 	      [vue.vModelRadio, _ctx.modelValue]
 	    ]),
 	    vue.createElementVNode("span", {
@@ -16445,7 +16359,7 @@
 	});
 
 	const _hoisted_1$10 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-	const _hoisted_2$K = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+	const _hoisted_2$L = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
 	function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
 	  const _component_el_radio = vue.resolveComponent("el-radio");
@@ -16493,7 +16407,7 @@
 	    }, {
 	      default: vue.withCtx(() => [
 	        vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-	        _hoisted_2$K
+	        _hoisted_2$L
 	      ]),
 	      _: 1
 	    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -16536,6 +16450,8 @@
 	var script$1A = vue.defineComponent({
 	  name: "ElCascaderMenu",
 	  components: {
+	    Loading: loading,
+	    ElIcon: ElIcon$1,
 	    ElScrollbar: ElScrollbar$1,
 	    ElCascaderNode: script$1B
 	  },
@@ -16558,6 +16474,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;
@@ -16597,6 +16514,7 @@
 	      panel,
 	      hoverZone,
 	      isEmpty,
+	      isLoading,
 	      menuId,
 	      t,
 	      handleExpand,
@@ -16610,13 +16528,19 @@
 	  key: 0,
 	  class: "el-cascader-menu__empty-text"
 	};
-	const _hoisted_2$J = {
+	const _hoisted_2$K = {
 	  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,
@@ -16639,7 +16563,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$K, 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
@@ -16897,10 +16832,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([]);
@@ -16915,13 +16850,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 {
@@ -17002,7 +16937,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)));
@@ -17088,6 +17023,7 @@
 	      expandingNode,
 	      checkedNodes,
 	      isHoverMenu,
+	      initialLoaded,
 	      renderLabelFn,
 	      lazyLoad,
 	      expandNode,
@@ -17213,7 +17149,7 @@
 	});
 
 	const _hoisted_1$_ = { class: "el-tag__content" };
-	const _hoisted_2$I = { class: "el-tag__content" };
+	const _hoisted_2$J = { class: "el-tag__content" };
 	function render$1t(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_close = vue.resolveComponent("close");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
@@ -17246,7 +17182,7 @@
 	        style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
 	        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
 	      }, [
-	        vue.createElementVNode("span", _hoisted_2$I, [
+	        vue.createElementVNode("span", _hoisted_2$J, [
 	          vue.renderSlot(_ctx.$slots, "default")
 	        ]),
 	        _ctx.closable ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -17698,7 +17634,7 @@
 	  ref: "tagWrapper",
 	  class: "el-cascader__tags"
 	};
-	const _hoisted_2$H = ["placeholder"];
+	const _hoisted_2$I = ["placeholder"];
 	const _hoisted_3$B = ["onClick"];
 	const _hoisted_4$s = { class: "el-cascader__empty-text" };
 	function render$1s(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17815,7 +17751,7 @@
 	            onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
 	            onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
 	            onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-	          }, null, 40, _hoisted_2$H)), [
+	          }, null, 40, _hoisted_2$I)), [
 	            [
 	              vue.vModelText,
 	              _ctx.searchInputValue,
@@ -18224,7 +18160,7 @@
 	});
 
 	const _hoisted_1$X = ["aria-expanded", "aria-controls", "aria-describedby"];
-	const _hoisted_2$G = ["id", "tabindex"];
+	const _hoisted_2$H = ["id", "tabindex"];
 	const _hoisted_3$A = ["id", "aria-hidden", "aria-labelledby"];
 	const _hoisted_4$r = { class: "el-collapse-item__content" };
 	function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18264,7 +18200,7 @@
 	          ]),
 	          _: 1
 	        }, 8, ["class"])
-	      ], 42, _hoisted_2$G)
+	      ], 42, _hoisted_2$H)
 	    ], 8, _hoisted_1$X),
 	    vue.createVNode(_component_el_collapse_transition, null, {
 	      default: vue.withCtx(() => [
@@ -18889,11 +18825,11 @@
 	});
 
 	const _hoisted_1$W = { class: "el-color-predefine" };
-	const _hoisted_2$F = { class: "el-color-predefine__colors" };
+	const _hoisted_2$G = { class: "el-color-predefine__colors" };
 	const _hoisted_3$z = ["onClick"];
 	function render$1l(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
-	    vue.createElementVNode("div", _hoisted_2$F, [
+	    vue.createElementVNode("div", _hoisted_2$G, [
 	      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
 	        return vue.openBlock(), vue.createElementBlock("div", {
 	          key: _ctx.colors[index],
@@ -18982,7 +18918,7 @@
 	});
 
 	const _hoisted_1$V = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
-	const _hoisted_2$E = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
+	const _hoisted_2$F = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
 	const _hoisted_3$y = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
 	const _hoisted_4$q = [
 	  _hoisted_3$y
@@ -18995,7 +18931,7 @@
 	    })
 	  }, [
 	    _hoisted_1$V,
-	    _hoisted_2$E,
+	    _hoisted_2$F,
 	    vue.createElementVNode("div", {
 	      class: "el-color-svpanel__cursor",
 	      style: vue.normalizeStyle({
@@ -19183,7 +19119,7 @@
 	});
 
 	const _hoisted_1$U = { class: "el-color-dropdown__main-wrapper" };
-	const _hoisted_2$D = { class: "el-color-dropdown__btns" };
+	const _hoisted_2$E = { class: "el-color-dropdown__btns" };
 	const _hoisted_3$x = { class: "el-color-dropdown__value" };
 	const _hoisted_4$p = {
 	  key: 0,
@@ -19213,7 +19149,8 @@
 	    "stop-popper-mouse-event": false,
 	    effect: "light",
 	    trigger: "click",
-	    transition: "el-zoom-in-top"
+	    transition: "el-zoom-in-top",
+	    persistent: ""
 	  }, {
 	    content: vue.withCtx(() => [
 	      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
@@ -19240,7 +19177,7 @@
 	          color: _ctx.color,
 	          colors: _ctx.predefine
 	        }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
-	        vue.createElementVNode("div", _hoisted_2$D, [
+	        vue.createElementVNode("div", _hoisted_2$E, [
 	          vue.createElementVNode("span", _hoisted_3$x, [
 	            vue.createVNode(_component_el_input, {
 	              modelValue: _ctx.customInput,
@@ -19335,8 +19272,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"]
@@ -19344,6 +19284,9 @@
 	  button: {
 	    type: definePropType(Object)
 	  },
+	  message: {
+	    type: definePropType(Object)
+	  },
 	  zIndex: {
 	    type: Number
 	  }
@@ -19352,7 +19295,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 });
 	  }
@@ -19577,7 +19522,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;
@@ -20171,7 +20116,7 @@
 	});
 
 	const _hoisted_1$Q = { class: "cell" };
-	const _hoisted_2$C = { class: "cell" };
+	const _hoisted_2$D = { class: "cell" };
 	const _hoisted_3$w = { class: "cell" };
 	const _hoisted_4$o = { class: "cell" };
 	const _hoisted_5$j = { class: "cell" };
@@ -20197,7 +20142,7 @@
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
 	        }, [
-	          vue.createElementVNode("a", _hoisted_2$C, vue.toDisplayString(_ctx.startYear + 1), 1)
+	          vue.createElementVNode("a", _hoisted_2$D, vue.toDisplayString(_ctx.startYear + 1), 1)
 	        ], 2),
 	        vue.createElementVNode("td", {
 	          class: vue.normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 2)])
@@ -20291,6 +20236,7 @@
 	  setup(props, ctx) {
 	    const { t, lang } = useLocale();
 	    const pickerBase = vue.inject("EP_PICKER_BASE");
+	    const popper = vue.inject(TOOLTIP_INJECTION_KEY);
 	    const {
 	      shortcuts,
 	      disabledDate,
@@ -20404,6 +20350,9 @@
 	      }
 	      currentView.value = "date";
 	    }, { immediate: true });
+	    vue.watch(() => currentView.value, () => {
+	      popper == null ? void 0 : popper.updatePopper();
+	    });
 	    const hasShortcuts = vue.computed(() => !!shortcuts.length);
 	    const handleMonthPick = (month2) => {
 	      innerDate.value = innerDate.value.startOf("month").month(month2);
@@ -20649,7 +20598,7 @@
 	});
 
 	const _hoisted_1$P = { class: "el-picker-panel__body-wrapper" };
-	const _hoisted_2$B = {
+	const _hoisted_2$C = {
 	  key: 0,
 	  class: "el-picker-panel__sidebar"
 	};
@@ -20690,7 +20639,7 @@
 	  }, [
 	    vue.createElementVNode("div", _hoisted_1$P, [
 	      vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, [
+	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
 	        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
 	          return vue.openBlock(), vue.createElementBlock("button", {
 	            key,
@@ -21284,7 +21233,7 @@
 	});
 
 	const _hoisted_1$O = { class: "el-picker-panel__body-wrapper" };
-	const _hoisted_2$A = {
+	const _hoisted_2$B = {
 	  key: 0,
 	  class: "el-picker-panel__sidebar"
 	};
@@ -21333,7 +21282,7 @@
 	  }, [
 	    vue.createElementVNode("div", _hoisted_1$O, [
 	      vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
+	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, [
 	        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
 	          return vue.openBlock(), vue.createElementBlock("button", {
 	            key,
@@ -21762,7 +21711,7 @@
 	});
 
 	const _hoisted_1$N = { class: "el-picker-panel__body-wrapper" };
-	const _hoisted_2$z = {
+	const _hoisted_2$A = {
 	  key: 0,
 	  class: "el-picker-panel__sidebar"
 	};
@@ -21788,7 +21737,7 @@
 	  }, [
 	    vue.createElementVNode("div", _hoisted_1$N, [
 	      vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+	      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
 	        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
 	          return vue.openBlock(), vue.createElementBlock("button", {
 	            key,
@@ -22257,7 +22206,7 @@
 	  key: 0,
 	  class: "el-descriptions__header"
 	};
-	const _hoisted_2$y = { class: "el-descriptions__title" };
+	const _hoisted_2$z = { class: "el-descriptions__title" };
 	const _hoisted_3$s = { class: "el-descriptions__extra" };
 	const _hoisted_4$k = { class: "el-descriptions__body" };
 	function render$16(_ctx, _cache, $props, $setup, $data, $options) {
@@ -22266,7 +22215,7 @@
 	    class: vue.normalizeClass(_ctx.descriptionKls)
 	  }, [
 	    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-	      vue.createElementVNode("div", _hoisted_2$y, [
+	      vue.createElementVNode("div", _hoisted_2$z, [
 	        vue.renderSlot(_ctx.$slots, "title", {}, () => [
 	          vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
 	        ])
@@ -22636,7 +22585,7 @@
 	});
 
 	const _hoisted_1$K = ["aria-label"];
-	const _hoisted_2$x = { class: "el-dialog__header" };
+	const _hoisted_2$y = { class: "el-dialog__header" };
 	const _hoisted_3$r = { class: "el-dialog__title" };
 	const _hoisted_4$j = {
 	  key: 0,
@@ -22691,7 +22640,7 @@
 	                onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
 	                }, ["stop"]))
 	              }, [
-	                vue.createElementVNode("div", _hoisted_2$x, [
+	                vue.createElementVNode("div", _hoisted_2$y, [
 	                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
 	                    vue.createElementVNode("span", _hoisted_3$r, vue.toDisplayString(_ctx.title), 1)
 	                  ]),
@@ -22825,7 +22774,7 @@
 	});
 
 	const _hoisted_1$J = ["aria-label"];
-	const _hoisted_2$w = {
+	const _hoisted_2$x = {
 	  key: 0,
 	  id: "el-drawer__title",
 	  class: "el-drawer__header"
@@ -22870,7 +22819,7 @@
 	              onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
 	              }, ["stop"]))
 	            }, [
-	              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$w, [
+	              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$x, [
 	                vue.renderSlot(_ctx.$slots, "title", {}, () => [
 	                  vue.createElementVNode("span", {
 	                    role: "heading",
@@ -23744,6 +23693,7 @@
 	      "append-to-body": "",
 	      pure: "",
 	      transition: "el-zoom-in-top",
+	      persistent: "",
 	      onShow: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("visible-change", true)),
 	      onHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("visible-change", false))
 	    }, vue.createSlots({
@@ -23875,33 +23825,39 @@
 	  }
 	});
 
-	const _hoisted_1$H = ["aria-disabled", "tabindex"];
+	const _hoisted_1$H = {
+	  key: 0,
+	  class: "el-dropdown-menu__item--divided"
+	};
+	const _hoisted_2$w = ["aria-disabled", "tabindex"];
 	function render$X(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
-	  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ ref: _ctx.itemRef }, _ctx.dataset, {
-	    "aria-disabled": _ctx.disabled,
-	    class: {
-	      "el-dropdown-menu__item": true,
-	      "is-disabled": _ctx.disabled,
-	      "el-dropdown-menu__item--divided": _ctx.divided
-	    },
-	    tabindex: _ctx.tabIndex,
-	    role: "menuitem",
-	    onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("click", e)),
-	    onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-	    onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
-	    onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
-	    onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
-	    onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
-	  }), [
-	    _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-	      default: vue.withCtx(() => [
-	        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-	      ]),
-	      _: 1
-	    })) : vue.createCommentVNode("v-if", true),
-	    vue.renderSlot(_ctx.$slots, "default")
-	  ], 16, _hoisted_1$H);
+	  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+	    _ctx.divided ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H)) : vue.createCommentVNode("v-if", true),
+	    vue.createElementVNode("div", vue.mergeProps({ ref: _ctx.itemRef }, _ctx.dataset, {
+	      "aria-disabled": _ctx.disabled,
+	      class: {
+	        "el-dropdown-menu__item": true,
+	        "is-disabled": _ctx.disabled
+	      },
+	      tabindex: _ctx.tabIndex,
+	      role: "menuitem",
+	      onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("click", e)),
+	      onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+	      onKeydown: _cache[2] || (_cache[2] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
+	      onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
+	      onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
+	      onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
+	    }), [
+	      _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+	        default: vue.withCtx(() => [
+	          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+	        ]),
+	        _: 1
+	      })) : vue.createCommentVNode("v-if", true),
+	      vue.renderSlot(_ctx.$slots, "default")
+	    ], 16, _hoisted_2$w)
+	  ], 64);
 	}
 
 	script$10.render = render$X;
@@ -23924,7 +23880,7 @@
 	    ElDropdownItemImpl: script$10
 	  },
 	  props: dropdownItemProps,
-	  emits: ["pointermove", "pointerleave"],
+	  emits: ["pointermove", "pointerleave", "click"],
 	  setup(props, { emit }) {
 	    const { elDropdown } = useDropdown();
 	    const _instance = vue.getCurrentInstance();
@@ -23954,7 +23910,10 @@
 	    }, whenMouse((e) => {
 	      onItemLeave(e);
 	    }));
-	    function handleClick(e) {
+	    const handleClick = composeEventHandlers((e) => {
+	      emit("click", e);
+	      return e.defaultPrevented;
+	    }, (e) => {
 	      var _a, _b, _c;
 	      if (props.disabled) {
 	        e.stopImmediatePropagation();
@@ -23964,7 +23923,7 @@
 	        (_b = elDropdown.handleClick) == null ? void 0 : _b.call(elDropdown);
 	      }
 	      (_c = elDropdown.commandHandler) == null ? void 0 : _c.call(elDropdown, props.command, _instance, e);
-	    }
+	    });
 	    return {
 	      handleClick,
 	      handlePointerMove,
@@ -24011,10 +23970,6 @@
 
 	var script$_ = vue.defineComponent({
 	  name: "ElDropdownMenu",
-	  directives: {
-	    ClickOutside
-	  },
-	  inheritAttrs: false,
 	  props: dropdownMenuProps,
 	  setup(props) {
 	    const { _elDropdownSize } = useDropdown();
@@ -24031,6 +23986,9 @@
 	      onMousedown
 	    } = vue.inject(ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
 	    const { collectionRef: rovingFocusGroupCollectionRef } = vue.inject(COLLECTION_INJECTION_KEY$1, void 0);
+	    const dropdownKls = vue.computed(() => {
+	      return ["el-dropdown-menu", size && `el-dropdown-menu--${size}`];
+	    });
 	    const dropdownListWrapperRef = composeRefs(contentRef, dropdownCollectionRef, focusTrapRef, rovingFocusGroupRef, rovingFocusGroupCollectionRef);
 	    const composedKeydown = composeEventHandlers((e) => {
 	      var _a;
@@ -24061,6 +24019,7 @@
 	      size,
 	      rovingFocusGroupRootStyle,
 	      tabIndex,
+	      dropdownKls,
 	      dropdownListWrapperRef,
 	      handleKeydown,
 	      onBlur,
@@ -24073,7 +24032,7 @@
 	function render$V(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("ul", {
 	    ref: _ctx.dropdownListWrapperRef,
-	    class: vue.normalizeClass(["el-dropdown-menu", _ctx.size && `el-dropdown-menu--${_ctx.size}`]),
+	    class: vue.normalizeClass(_ctx.dropdownKls),
 	    style: vue.normalizeStyle(_ctx.rovingFocusGroupRootStyle),
 	    tabindex: -1,
 	    role: "menu",
@@ -24429,6 +24388,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);
@@ -24522,6 +24492,7 @@
 	    });
 	    vue.provide(elFormKey, elForm);
 	    return {
+	      formKls,
 	      validate,
 	      resetFields,
 	      clearValidate,
@@ -24533,10 +24504,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);
@@ -28155,7 +28123,8 @@
 	    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
 	      key: 0,
 	      effect: _ctx.Effect.DARK,
-	      placement: "right"
+	      placement: "right",
+	      persistent: ""
 	    }, {
 	      content: vue.withCtx(() => [
 	        vue.renderSlot(_ctx.$slots, "title")
@@ -29632,6 +29601,7 @@
 	      transition: "el-zoom-in-top",
 	      "stop-popper-mouse-event": false,
 	      "gpu-acceleration": false,
+	      persistent: "",
 	      onShow: _ctx.handleMenuEnter
 	    }, {
 	      default: vue.withCtx(() => [
@@ -30609,7 +30579,8 @@
 	    "popper-class": "el-popover",
 	    "append-to-body": "",
 	    "fallback-placements": ["bottom", "top", "right", "left"],
-	    "hide-after": _ctx.hideAfter
+	    "hide-after": _ctx.hideAfter,
+	    persistent: ""
 	  }), {
 	    content: vue.withCtx(() => [
 	      vue.createElementVNode("div", _hoisted_1$p, [
@@ -30744,7 +30715,8 @@
 	    effect: _ctx.effect,
 	    enterable: _ctx.enterable,
 	    "popper-class": _ctx.kls,
-	    "popper-style": _ctx.style
+	    "popper-style": _ctx.style,
+	    persistent: ""
 	  }), {
 	    content: vue.withCtx(() => [
 	      _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("v-if", true),
@@ -34412,6 +34384,7 @@
 	      pure: "",
 	      transition: "el-zoom-in-top",
 	      trigger: "click",
+	      persistent: "",
 	      onShow: _ctx.handleMenuEnter,
 	      onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
 	    }, {
@@ -35066,7 +35039,8 @@
 	      "stop-popper-mouse-event": false,
 	      "popper-class": _ctx.tooltipClass,
 	      disabled: !_ctx.showTooltip,
-	      manual: ""
+	      manual: "",
+	      persistent: ""
 	    }, {
 	      content: vue.withCtx(() => [
 	        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.formatValue), 1)
@@ -38175,7 +38149,8 @@
 	    "append-to-body": "",
 	    effect: "light",
 	    pure: "",
-	    "popper-class": "el-table-filter"
+	    "popper-class": "el-table-filter",
+	    persistent: ""
 	  }, {
 	    content: vue.withCtx(() => [
 	      _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
@@ -41706,7 +41681,6 @@
 	    ElCheckboxGroup: ElCheckboxGroup$1,
 	    ElCheckbox,
 	    ElInput: ElInput$1,
-	    ElIcon: ElIcon$1,
 	    OptionContent: ({ option }) => option
 	  },
 	  props: useCheckProps,
@@ -41732,15 +41706,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,
@@ -41756,9 +41722,8 @@
 	      inputHover,
 	      checkChangeByUser,
 	      hasNoMatch,
-	      inputIcon,
+	      SearchIcon: search,
 	      hasFooter,
-	      clearQuery,
 	      t
 	    };
 	  }
@@ -41772,7 +41737,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");
@@ -41799,25 +41763,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),
@@ -42979,7 +42931,7 @@
 	      userAllowDropInner = dropInner = props.allowDrop(draggingNode.node, dropNode.node, "inner");
 	      dropNext = props.allowDrop(draggingNode.node, dropNode.node, "next");
 	    }
-	    event.dataTransfer.dropEffect = dropInner ? "move" : "none";
+	    event.dataTransfer.dropEffect = dropInner || dropPrev || dropNext ? "move" : "none";
 	    if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
 	      if (oldDropNode) {
 	        ctx.emit("node-drag-leave", draggingNode.node, oldDropNode.node, event);
@@ -43225,13 +43177,13 @@
 	      dragEvents.treeNodeDragStart({ event, treeNode: props });
 	    };
 	    const handleDragOver = (event) => {
+	      event.preventDefault();
 	      if (!tree.props.draggable)
 	        return;
 	      dragEvents.treeNodeDragOver({
 	        event,
 	        treeNode: { $el: node$.value, node: props.node }
 	      });
-	      event.preventDefault();
 	    };
 	    const handleDrop = (event) => {
 	      event.preventDefault();
@@ -47239,6 +47191,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;
@@ -48300,9 +48255,9 @@
 	exports.ElPopover = ElPopover;
 	exports.ElPopoverDirective = ElPopoverDirective;
 	exports.ElPopper = ElPopper;
-	exports.ElPopperArrow = script$24;
-	exports.ElPopperContent = script$22;
-	exports.ElPopperTrigger = script$23;
+	exports.ElPopperArrow = script$23;
+	exports.ElPopperContent = script$21;
+	exports.ElPopperTrigger = script$22;
 	exports.ElProgress = ElProgress;
 	exports.ElRadio = ElRadio;
 	exports.ElRadioButton = ElRadioButton;
@@ -48347,8 +48302,10 @@
 	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.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;
 	exports.TimePickPanel = script$1O;
 	exports.TrapFocus = TrapFocus;
 	exports.affixEmits = affixEmits;
@@ -48363,6 +48320,7 @@
 	exports.barProps = barProps;
 	exports.breadcrumbItemProps = breadcrumbItemProps;
 	exports.breadcrumbProps = breadcrumbProps;
+	exports.buildLocaleContext = buildLocaleContext;
 	exports.buildTranslator = buildTranslator;
 	exports.buttonEmits = buttonEmits;
 	exports.buttonGroupContextKey = buttonGroupContextKey;
@@ -48402,14 +48360,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;
@@ -48425,7 +48382,6 @@
 	exports.popconfirmProps = popconfirmProps;
 	exports.progressProps = progressProps;
 	exports.provideGlobalConfig = provideGlobalConfig;
-	exports.provideLocale = provideLocale;
 	exports.radioButtonProps = radioButtonProps;
 	exports.radioEmits = radioEmits;
 	exports.radioGroupEmits = radioGroupEmits;
@@ -48476,7 +48432,6 @@
 	exports.useGlobalConfig = useGlobalConfig;
 	exports.useId = useId;
 	exports.useLocale = useLocale;
-	exports.useLocaleProps = useLocaleProps;
 	exports.useLockscreen = useLockscreen;
 	exports.useModal = useModal;
 	exports.useModelToggle = useModelToggle$1;