@element-plus/nightly 0.0.20220222 → 0.0.20220223

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220222 */
+/*! Element Plus v0.0.20220223 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4361,24 +4361,6 @@
   _global[globalKey] = _global[globalKey] || {};
   _global[globalKey];
 
-  function useCssVar(prop, target, { window = defaultWindow } = {}) {
-    const variable = vue.ref("");
-    const elRef = vue.computed(() => {
-      var _a;
-      return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
-    });
-    vue.watch([elRef, () => vue.unref(prop)], ([el, prop2]) => {
-      if (el && window)
-        variable.value = window.getComputedStyle(el).getPropertyValue(prop2);
-    }, { immediate: true });
-    vue.watch(variable, (val) => {
-      var _a;
-      if ((_a = elRef.value) == null ? void 0 : _a.style)
-        elRef.value.style.setProperty(vue.unref(prop), val);
-    });
-    return variable;
-  }
-
   function useDocumentVisibility({ document = defaultDocument } = {}) {
     if (!document)
       return vue.ref("visible");
@@ -4798,10 +4780,10 @@
   const _hoisted_3$10 = [
     _hoisted_2$1i
   ];
-  function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$10);
   }
-  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2A]]);
+  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$2y]]);
 
   const _sfc_main$2M = vue.defineComponent({
     name: "ArrowLeft"
@@ -4820,10 +4802,10 @@
   const _hoisted_3$$ = [
     _hoisted_2$1h
   ];
-  function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$$);
   }
-  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2z]]);
+  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2x]]);
 
   const _sfc_main$2L = vue.defineComponent({
     name: "ArrowRight"
@@ -4842,10 +4824,10 @@
   const _hoisted_3$_ = [
     _hoisted_2$1g
   ];
-  function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$_);
   }
-  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2y]]);
+  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2w]]);
 
   const _sfc_main$2K = vue.defineComponent({
     name: "ArrowUp"
@@ -4864,10 +4846,10 @@
   const _hoisted_3$Z = [
     _hoisted_2$1f
   ];
-  function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Z);
   }
-  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2x]]);
+  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2v]]);
 
   const _sfc_main$2J = vue.defineComponent({
     name: "Back"
@@ -4891,10 +4873,10 @@
     _hoisted_2$1e,
     _hoisted_3$Y
   ];
-  function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
   }
-  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2w]]);
+  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$2u]]);
 
   const _sfc_main$2I = vue.defineComponent({
     name: "Calendar"
@@ -4913,10 +4895,10 @@
   const _hoisted_3$X = [
     _hoisted_2$1d
   ];
-  function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$X);
   }
-  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2v]]);
+  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$2t]]);
 
   const _sfc_main$2H = vue.defineComponent({
     name: "CaretRight"
@@ -4935,10 +4917,10 @@
   const _hoisted_3$W = [
     _hoisted_2$1c
   ];
-  function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$W);
   }
-  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2u]]);
+  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$2s]]);
 
   const _sfc_main$2G = vue.defineComponent({
     name: "CaretTop"
@@ -4957,10 +4939,10 @@
   const _hoisted_3$V = [
     _hoisted_2$1b
   ];
-  function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$V);
   }
-  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2t]]);
+  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$2r]]);
 
   const _sfc_main$2F = vue.defineComponent({
     name: "Check"
@@ -4979,10 +4961,10 @@
   const _hoisted_3$U = [
     _hoisted_2$1a
   ];
-  function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$U);
   }
-  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2s]]);
+  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$2q]]);
 
   const _sfc_main$2E = vue.defineComponent({
     name: "CircleCheckFilled"
@@ -5001,10 +4983,10 @@
   const _hoisted_3$T = [
     _hoisted_2$19
   ];
-  function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$T);
   }
-  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2r]]);
+  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$2p]]);
 
   const _sfc_main$2D = vue.defineComponent({
     name: "CircleCheck"
@@ -5028,10 +5010,10 @@
     _hoisted_2$18,
     _hoisted_3$S
   ];
-  function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_4$i);
   }
-  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2q]]);
+  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$2o]]);
 
   const _sfc_main$2C = vue.defineComponent({
     name: "CircleCloseFilled"
@@ -5050,10 +5032,10 @@
   const _hoisted_3$R = [
     _hoisted_2$17
   ];
-  function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$R);
   }
-  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2p]]);
+  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2n]]);
 
   const _sfc_main$2B = vue.defineComponent({
     name: "CircleClose"
@@ -5077,10 +5059,10 @@
     _hoisted_2$16,
     _hoisted_3$Q
   ];
-  function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_4$h);
   }
-  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2o]]);
+  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$2m]]);
 
   const _sfc_main$2A = vue.defineComponent({
     name: "Clock"
@@ -5109,10 +5091,10 @@
     _hoisted_3$P,
     _hoisted_4$g
   ];
-  function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_5$b);
   }
-  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2n]]);
+  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$2l]]);
 
   const _sfc_main$2z = vue.defineComponent({
     name: "Close"
@@ -5131,10 +5113,10 @@
   const _hoisted_3$O = [
     _hoisted_2$14
   ];
-  function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$O);
   }
-  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2m]]);
+  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$2k]]);
 
   const _sfc_main$2y = vue.defineComponent({
     name: "DArrowLeft"
@@ -5153,10 +5135,10 @@
   const _hoisted_3$N = [
     _hoisted_2$13
   ];
-  function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$N);
   }
-  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2l]]);
+  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$2j]]);
 
   const _sfc_main$2x = vue.defineComponent({
     name: "DArrowRight"
@@ -5175,10 +5157,10 @@
   const _hoisted_3$M = [
     _hoisted_2$12
   ];
-  function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$M);
   }
-  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2k]]);
+  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$2i]]);
 
   const _sfc_main$2w = vue.defineComponent({
     name: "Delete"
@@ -5197,10 +5179,10 @@
   const _hoisted_3$L = [
     _hoisted_2$11
   ];
-  function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$L);
   }
-  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2j]]);
+  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$2h]]);
 
   const _sfc_main$2v = vue.defineComponent({
     name: "Document"
@@ -5219,10 +5201,10 @@
   const _hoisted_3$K = [
     _hoisted_2$10
   ];
-  function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$K);
   }
-  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2i]]);
+  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$2g]]);
 
   const _sfc_main$2u = vue.defineComponent({
     name: "FullScreen"
@@ -5241,10 +5223,10 @@
   const _hoisted_3$J = [
     _hoisted_2$$
   ];
-  function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$J);
   }
-  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2h]]);
+  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$2f]]);
 
   const _sfc_main$2t = vue.defineComponent({
     name: "InfoFilled"
@@ -5263,10 +5245,10 @@
   const _hoisted_3$I = [
     _hoisted_2$_
   ];
-  function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$I);
   }
-  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2g]]);
+  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$2e]]);
 
   const _sfc_main$2s = vue.defineComponent({
     name: "Loading"
@@ -5285,10 +5267,10 @@
   const _hoisted_3$H = [
     _hoisted_2$Z
   ];
-  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$H);
   }
-  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2f]]);
+  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$2d]]);
 
   const _sfc_main$2r = vue.defineComponent({
     name: "Minus"
@@ -5307,10 +5289,10 @@
   const _hoisted_3$G = [
     _hoisted_2$Y
   ];
-  function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$G);
   }
-  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2e]]);
+  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$2c]]);
 
   const _sfc_main$2q = vue.defineComponent({
     name: "MoreFilled"
@@ -5329,10 +5311,10 @@
   const _hoisted_3$F = [
     _hoisted_2$X
   ];
-  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$F);
   }
-  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2d]]);
+  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$2b]]);
 
   const _sfc_main$2p = vue.defineComponent({
     name: "More"
@@ -5351,10 +5333,10 @@
   const _hoisted_3$E = [
     _hoisted_2$W
   ];
-  function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$E);
   }
-  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$2c]]);
+  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$2a]]);
 
   const _sfc_main$2o = vue.defineComponent({
     name: "Plus"
@@ -5373,10 +5355,10 @@
   const _hoisted_3$D = [
     _hoisted_2$V
   ];
-  function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$D);
   }
-  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$2b]]);
+  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$29]]);
 
   const _sfc_main$2n = vue.defineComponent({
     name: "QuestionFilled"
@@ -5395,10 +5377,10 @@
   const _hoisted_3$C = [
     _hoisted_2$U
   ];
-  function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$C);
   }
-  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$2a]]);
+  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$28]]);
 
   const _sfc_main$2m = vue.defineComponent({
     name: "RefreshLeft"
@@ -5417,10 +5399,10 @@
   const _hoisted_3$B = [
     _hoisted_2$T
   ];
-  function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$B);
   }
-  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$29]]);
+  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$27]]);
 
   const _sfc_main$2l = vue.defineComponent({
     name: "RefreshRight"
@@ -5439,10 +5421,10 @@
   const _hoisted_3$A = [
     _hoisted_2$S
   ];
-  function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$A);
   }
-  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$28]]);
+  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$26]]);
 
   const _sfc_main$2k = vue.defineComponent({
     name: "ScaleToOriginal"
@@ -5461,10 +5443,10 @@
   const _hoisted_3$z = [
     _hoisted_2$R
   ];
-  function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$z);
   }
-  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$27]]);
+  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$25]]);
 
   const _sfc_main$2j = vue.defineComponent({
     name: "Search"
@@ -5483,10 +5465,10 @@
   const _hoisted_3$y = [
     _hoisted_2$Q
   ];
-  function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$y);
   }
-  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$26]]);
+  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$24]]);
 
   const _sfc_main$2i = vue.defineComponent({
     name: "StarFilled"
@@ -5505,10 +5487,10 @@
   const _hoisted_3$x = [
     _hoisted_2$P
   ];
-  function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$x);
   }
-  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$25]]);
+  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$23]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "Star"
@@ -5527,10 +5509,10 @@
   const _hoisted_3$w = [
     _hoisted_2$O
   ];
-  function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$w);
   }
-  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$24]]);
+  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$22]]);
 
   const _sfc_main$2g = vue.defineComponent({
     name: "SuccessFilled"
@@ -5549,10 +5531,10 @@
   const _hoisted_3$v = [
     _hoisted_2$N
   ];
-  function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$v);
   }
-  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$23]]);
+  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2g, [["render", _sfc_render$21]]);
 
   const _sfc_main$2f = vue.defineComponent({
     name: "View"
@@ -5571,10 +5553,10 @@
   const _hoisted_3$u = [
     _hoisted_2$M
   ];
-  function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$u);
   }
-  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$22]]);
+  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2f, [["render", _sfc_render$20]]);
 
   const _sfc_main$2e = vue.defineComponent({
     name: "WarningFilled"
@@ -5593,10 +5575,10 @@
   const _hoisted_3$t = [
     _hoisted_2$L
   ];
-  function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$t);
   }
-  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$21]]);
+  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2e, [["render", _sfc_render$1$]]);
 
   const _sfc_main$2d = vue.defineComponent({
     name: "ZoomIn"
@@ -5615,10 +5597,10 @@
   const _hoisted_3$s = [
     _hoisted_2$K
   ];
-  function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$12, _hoisted_3$s);
   }
-  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$20]]);
+  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2d, [["render", _sfc_render$1_]]);
 
   const _sfc_main$2c = vue.defineComponent({
     name: "ZoomOut"
@@ -5637,10 +5619,10 @@
   const _hoisted_3$r = [
     _hoisted_2$J
   ];
-  function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$11, _hoisted_3$r);
   }
-  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1$]]);
+  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2c, [["render", _sfc_render$1Z]]);
 
   const wrapperKey = Symbol();
   const propKey = "__elPropsReservedKey";
@@ -6738,7 +6720,7 @@
     };
   };
 
-  const version$1 = "0.0.20220222";
+  const version$1 = "0.0.20220223";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -6779,44 +6761,42 @@
     change: (fixed) => typeof fixed === "boolean"
   };
 
-  const __default__$7 = {
+  const __default__$9 = {
     name: "ElAffix"
   };
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$9,
     props: affixProps,
     emits: affixEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       const props = __props;
       const ns = useNamespace("affix");
       const target = vue.shallowRef();
       const root = vue.shallowRef();
       const scrollContainer = vue.shallowRef();
-      const state = vue.reactive({
-        fixed: false,
-        height: 0,
-        width: 0,
-        scrollTop: 0,
-        clientHeight: 0,
-        transform: 0
-      });
+      const fixed = vue.ref(false);
+      const height = vue.ref(0);
+      const width = vue.ref(0);
+      const scrollTop = vue.ref(0);
+      const clientHeight = vue.ref(0);
+      const transform = vue.ref(0);
       const rootStyle = vue.computed(() => {
         return {
-          height: state.fixed ? `${state.height}px` : "",
-          width: state.fixed ? `${state.width}px` : ""
+          height: fixed.value ? `${height.value}px` : "",
+          width: fixed.value ? `${width.value}px` : ""
         };
       });
       const affixStyle = vue.computed(() => {
-        if (!state.fixed)
+        if (!fixed.value)
           return;
         const offset = props.offset ? `${props.offset}px` : 0;
-        const transform = state.transform ? `translateY(${state.transform}px)` : "";
+        const _transform = transform.value ? `translateY(${transform.value}px)` : "";
         return {
-          height: `${state.height}px`,
-          width: `${state.width}px`,
+          height: `${height.value}px`,
+          width: `${width.value}px`,
           top: props.position === "top" ? offset : "",
           bottom: props.position === "bottom" ? offset : "",
-          transform,
+          transform: _transform,
           zIndex: props.zIndex
         };
       });
@@ -6825,37 +6805,37 @@
           return;
         const rootRect = root.value.getBoundingClientRect();
         const targetRect = target.value.getBoundingClientRect();
-        state.height = rootRect.height;
-        state.width = rootRect.width;
-        state.scrollTop = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
-        state.clientHeight = document.documentElement.clientHeight;
+        height.value = rootRect.height;
+        width.value = rootRect.width;
+        scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
+        clientHeight.value = document.documentElement.clientHeight;
         if (props.position === "top") {
           if (props.target) {
-            const difference = targetRect.bottom - props.offset - state.height;
-            state.fixed = props.offset > rootRect.top && targetRect.bottom > 0;
-            state.transform = difference < 0 ? difference : 0;
+            const difference = targetRect.bottom - props.offset - height.value;
+            fixed.value = props.offset > rootRect.top && targetRect.bottom > 0;
+            transform.value = difference < 0 ? difference : 0;
           } else {
-            state.fixed = props.offset > rootRect.top;
+            fixed.value = props.offset > rootRect.top;
           }
         } else {
           if (props.target) {
-            const difference = state.clientHeight - targetRect.top - props.offset - state.height;
-            state.fixed = state.clientHeight - props.offset < rootRect.bottom && state.clientHeight > targetRect.top;
-            state.transform = difference < 0 ? -difference : 0;
+            const difference = clientHeight.value - targetRect.top - props.offset - height.value;
+            fixed.value = clientHeight.value - props.offset < rootRect.bottom && clientHeight.value > targetRect.top;
+            transform.value = difference < 0 ? -difference : 0;
           } else {
-            state.fixed = state.clientHeight - props.offset < rootRect.bottom;
+            fixed.value = clientHeight.value - props.offset < rootRect.bottom;
           }
         }
       };
       const onScroll = () => {
         update();
         emit("scroll", {
-          scrollTop: state.scrollTop,
-          fixed: state.fixed
+          scrollTop: scrollTop.value,
+          fixed: fixed.value
         });
       };
-      vue.watch(() => state.fixed, () => {
-        emit("change", state.fixed);
+      vue.watch(fixed, (fixed2) => {
+        emit("change", fixed2);
       });
       vue.onMounted(() => {
         var _a;
@@ -6872,6 +6852,9 @@
       useEventListener(scrollContainer, "scroll", onScroll);
       useResizeObserver(root, () => update());
       useResizeObserver(target, () => update());
+      expose({
+        update
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "root",
@@ -6880,7 +6863,7 @@
           style: vue.normalizeStyle(vue.unref(rootStyle))
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: vue.unref(state).fixed }),
+            class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
             style: vue.normalizeStyle(vue.unref(affixStyle))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
@@ -6902,12 +6885,12 @@
     }
   });
 
-  const __default__$6 = {
+  const __default__$8 = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$8,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -6969,11 +6952,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$5 = {
+  const __default__$7 = {
     name: "ElAlert"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$7,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -7636,7 +7619,7 @@
   });
   const _hoisted_1$10 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_2$I = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Y(_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");
@@ -7809,7 +7792,7 @@
       [vue.vShow, _ctx.type !== "hidden"]
     ]);
   }
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1_]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$1Y]]);
 
   const ElInput = withInstall(Input);
 
@@ -7954,7 +7937,7 @@
       };
     }
   });
-  function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -7977,7 +7960,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1Z]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$1X]]);
 
   const barProps = buildProps({
     always: {
@@ -8026,7 +8009,7 @@
       };
     }
   });
-  function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -8044,7 +8027,7 @@
       }, null, 8, ["move", "ratio", "size", "always"])
     ], 64);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1Y]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$1W]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -8209,7 +8192,7 @@
       };
     }
   });
-  function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -8247,7 +8230,7 @@
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1X]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$1V]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -8267,10 +8250,10 @@
       return popperProvides;
     }
   });
-  function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1W]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$1U]]);
 
   var top = 'top';
   var bottom = 'bottom';
@@ -10119,6 +10102,9 @@
       type: String,
       default: "dark"
     },
+    visible: {
+      type: Boolean
+    },
     enterable: {
       type: Boolean,
       default: true
@@ -10172,14 +10158,14 @@
       };
     }
   });
-  function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       ref: "arrowRef",
       class: vue.normalizeClass(_ctx.ns.e("arrow")),
       "data-popper-arrow": ""
     }, null, 2);
   }
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1V]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$1T]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -10361,7 +10347,7 @@
       };
     }
   });
-  function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1S(_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
@@ -10372,7 +10358,7 @@
       _: 3
     }, 16, ["aria-describedby"])) : vue.createCommentVNode("v-if", true);
   }
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1U]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$1S]]);
 
   const _sfc_main$21 = vue.defineComponent({
     name: "ElPopperContent",
@@ -10413,6 +10399,14 @@
         (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.update();
         contentZIndex.value = props.zIndex || nextZIndex();
       };
+      const togglePopoerAlive = () => {
+        var _a;
+        const monitorable = { name: "eventListeners", enabled: props.visible };
+        (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.setOptions((options) => ({
+          ...options,
+          modifiers: [...options.modifiers, monitorable]
+        }));
+      };
       vue.onMounted(() => {
         let updateHandle;
         vue.watch(() => unwrapMeasurableEl(props.referenceEl) || vue.unref(triggerRef), (val) => {
@@ -10440,6 +10434,7 @@
         }, {
           immediate: true
         });
+        vue.watch(() => props.visible, togglePopoerAlive, { immediate: true });
         vue.watch(() => buildPopperOptions(props, {
           arrowEl: vue.unref(arrowRef),
           arrowOffset: vue.unref(arrowOffset)
@@ -10458,7 +10453,7 @@
       };
     }
   });
-  function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "popperContentRef",
       style: vue.normalizeStyle(_ctx.contentStyle),
@@ -10470,7 +10465,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1T]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1R]]);
 
   function useDeprecateAppendToBody(scope, from) {
     const vm = vue.getCurrentInstance();
@@ -10520,10 +10515,10 @@
       };
     }
   });
-  function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
   }
-  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1S]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1Q]]);
 
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
@@ -10694,7 +10689,7 @@
       };
     }
   });
-  function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1P(_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");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -10727,6 +10722,7 @@
             "popper-class": _ctx.popperClass,
             "popper-style": [_ctx.popperStyle, _ctx.contentStyle],
             "reference-el": _ctx.referenceEl,
+            visible: _ctx.shouldShow,
             "z-index": _ctx.zIndex,
             onMouseenter: _ctx.onContentEnter,
             onMouseleave: _ctx.onContentLeave
@@ -10744,7 +10740,7 @@
               }, 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"])), [
+          }, 16, ["aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "visible", "z-index", "onMouseenter", "onMouseleave"])), [
             [vue.vShow, _ctx.shouldShow]
           ]) : vue.createCommentVNode("v-if", true)
         ]),
@@ -10752,7 +10748,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1R]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1P]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -10816,7 +10812,7 @@
       };
     }
   });
-  function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -10838,7 +10834,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Q]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1O]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$1Z = vue.defineComponent({
@@ -10929,7 +10925,7 @@
   });
   const _hoisted_1$$ = ["innerHTML"];
   const _hoisted_2$H = { key: 1 };
-  function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1N(_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");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -10991,7 +10987,7 @@
       _: 3
     }, 512);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1P]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1N]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -11245,7 +11241,7 @@
   const _hoisted_1$_ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$G = { key: 0 };
   const _hoisted_3$q = ["id", "aria-selected", "onClick"];
-  function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -11365,7 +11361,7 @@
       _: 3
     }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
   }
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1O]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1M]]);
 
   Autocomplete.install = (app) => {
     app.component(Autocomplete.name, Autocomplete);
@@ -11403,14 +11399,16 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _sfc_main$1X = vue.defineComponent({
-    name: "ElAvatar",
-    components: {
-      ElIcon
-    },
+  const _hoisted_1$Z = ["src", "alt", "srcset"];
+  const __default__$6 = {
+    name: "ElAvatar"
+  };
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: avatarProps,
     emits: avatarEmits,
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       const ns = useNamespace("avatar");
       const hasLoadError = vue.ref(false);
       const avatarClass = vue.computed(() => {
@@ -11438,38 +11436,29 @@
         hasLoadError.value = true;
         emit("error", e);
       }
-      return {
-        hasLoadError,
-        avatarClass,
-        sizeStyle,
-        fitStyle,
-        handleError
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass(vue.unref(avatarClass)),
+          style: vue.normalizeStyle(vue.unref(sizeStyle))
+        }, [
+          (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: _ctx.src,
+            alt: _ctx.alt,
+            srcset: _ctx.srcSet,
+            style: vue.normalizeStyle(vue.unref(fitStyle)),
+            onError: handleError
+          }, null, 44, _hoisted_1$Z)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
+        ], 6);
       };
     }
   });
-  const _hoisted_1$Z = ["src", "alt", "srcset"];
-  function _sfc_render$1N(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    return vue.openBlock(), vue.createElementBlock("span", {
-      class: vue.normalizeClass(_ctx.avatarClass),
-      style: vue.normalizeStyle(_ctx.sizeStyle)
-    }, [
-      (_ctx.src || _ctx.srcSet) && !_ctx.hasLoadError ? (vue.openBlock(), vue.createElementBlock("img", {
-        key: 0,
-        src: _ctx.src,
-        alt: _ctx.alt,
-        srcset: _ctx.srcSet,
-        style: vue.normalizeStyle(_ctx.fitStyle),
-        onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-      }, null, 44, _hoisted_1$Z)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-        ]),
-        _: 1
-      })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-    ], 6);
-  }
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1N]]);
+  var Avatar = _sfc_main$1X;
 
   const ElAvatar = withInstall(Avatar);
 
@@ -11496,11 +11485,11 @@
   };
 
   const _hoisted_1$Y = ["onClick"];
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElBacktop"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -11604,13 +11593,13 @@
   });
 
   const _hoisted_1$X = ["textContent"];
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElBadge"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: badgeProps,
-    setup(__props) {
+    setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("badge");
       const content = vue.computed(() => {
@@ -11621,6 +11610,9 @@
         }
         return `${props.value}`;
       });
+      expose({
+        content
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(vue.unref(ns).b())
@@ -11682,7 +11674,7 @@
       };
     }
   });
-  function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "breadcrumb",
       class: vue.normalizeClass(_ctx.ns.b()),
@@ -11692,7 +11684,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1M]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1L]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -11734,7 +11726,7 @@
       };
     }
   });
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("span", {
       class: vue.normalizeClass(_ctx.ns.e("item"))
@@ -11761,7 +11753,7 @@
       }, vue.toDisplayString(_ctx.separator), 3))
     ], 2);
   }
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1L]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1K]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -12933,11 +12925,11 @@
   };
 
   const _hoisted_1$W = ["disabled", "autofocus", "type"];
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElButton"
   };
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -12967,13 +12959,12 @@
         }
         return false;
       });
-      const typeColor = vue.computed(() => useCssVar(`--el-color-${props.type}`).value);
       const buttonStyle = vue.computed(() => {
         let styles = {};
-        const buttonColor = props.color || typeColor.value;
+        const buttonColor = props.color;
         if (buttonColor) {
           const color = new TinyColor(buttonColor);
-          const shadeBgColor = color.shade(10).toString();
+          const shadeBgColor = color.shade(20).toString();
           if (props.plain) {
             styles = {
               "--el-button-bg-color": color.tint(90).toString(),
@@ -12986,7 +12977,7 @@
               "--el-button-active-border-color": shadeBgColor
             };
           } else {
-            const tintBgColor = color.tint(20).toString();
+            const tintBgColor = color.tint(30).toString();
             styles = {
               "--el-button-bg-color": buttonColor,
               "--el-button-border-color": buttonColor,
@@ -13084,14 +13075,14 @@
       };
     }
   });
-  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.ns.b("group")}`)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1K]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1J]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -13675,7 +13666,7 @@
   const _hoisted_1$V = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$F = { class: "el-range-separator" };
   const _hoisted_3$p = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -13836,7 +13827,7 @@
       _: 3
     }, 16, ["visible", "popper-class", "popper-options", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1J]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1I]]);
 
   const makeList = (total, method, methodFunc) => {
     const arr = [];
@@ -14161,7 +14152,7 @@
   const _hoisted_1$U = ["onClick"];
   const _hoisted_2$E = ["onMouseenter"];
   const _hoisted_3$o = { class: "el-time-spinner__list" };
-  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -14246,7 +14237,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1I]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1H]]);
 
   const _sfc_main$1O = vue.defineComponent({
     components: {
@@ -14415,7 +14406,7 @@
     class: "el-time-panel"
   };
   const _hoisted_2$D = { class: "el-time-panel__footer" };
-  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -14455,7 +14446,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1H]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1G]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -14699,7 +14690,7 @@
   const _hoisted_6$7 = { class: "el-time-range-picker__header" };
   const _hoisted_7$6 = { class: "el-time-panel__footer" };
   const _hoisted_8$6 = ["disabled"];
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
       vue.createElementVNode("div", _hoisted_2$C, [
@@ -14761,7 +14752,7 @@
       ])
     ])) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1G]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$1F]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -14957,7 +14948,7 @@
   });
   const _hoisted_1$R = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       class: vue.normalizeClass([_ctx.nsTable.b(), _ctx.nsTable.is("range", _ctx.isInRange)]),
       cellspacing: "0",
@@ -14999,7 +14990,7 @@
       ])
     ], 2);
   }
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1F]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1E]]);
 
   const calendarProps = buildProps({
     modelValue: {
@@ -15158,7 +15149,7 @@
       };
     }
   });
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_button_group = vue.resolveComponent("el-button-group");
     const _component_date_table = vue.resolveComponent("date-table");
@@ -15251,7 +15242,7 @@
       ], 2))
     ], 2);
   }
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1E]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1D]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -15270,37 +15261,37 @@
     }
   });
 
-  const _sfc_main$1K = vue.defineComponent({
-    name: "ElCard",
+  const __default__$2 = {
+    name: "ElCard"
+  };
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: cardProps,
-    setup() {
+    setup(__props) {
       const ns = useNamespace("card");
-      return {
-        ns
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is(`${_ctx.shadow}-shadow`)])
+        }, [
+          _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "header", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.header), 1)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("body")),
+            style: vue.normalizeStyle(_ctx.bodyStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 6)
+        ], 2);
       };
     }
   });
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is(`${_ctx.shadow}-shadow`)])
-    }, [
-      _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("header"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "header", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.header), 1)
-        ])
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("body")),
-        style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 6)
-    ], 2);
-  }
-  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1D]]);
+  var Card = _sfc_main$1K;
 
   const ElCard = withInstall(Card);
 
@@ -32068,7 +32059,14 @@
     },
     justify: {
       type: String,
-      values: ["start", "center", "end", "space-around", "space-between"],
+      values: [
+        "start",
+        "center",
+        "end",
+        "space-around",
+        "space-between",
+        "space-evenly"
+      ],
       default: "start"
     },
     align: {
@@ -37972,14 +37970,10 @@
       execSort();
     };
     const clearFilter = (columnKeys) => {
-      const { tableHeader, fixedTableHeader, rightFixedTableHeader } = instance.refs;
-      let panels = {};
-      if (tableHeader)
-        panels = Object.assign(panels, tableHeader.filterPanels);
-      if (fixedTableHeader)
-        panels = Object.assign(panels, fixedTableHeader.filterPanels);
-      if (rightFixedTableHeader)
-        panels = Object.assign(panels, rightFixedTableHeader.filterPanels);
+      const { tableHeaderRef } = instance.refs;
+      if (!tableHeaderRef)
+        return;
+      const panels = Object.assign({}, tableHeaderRef.filterPanels);
       const keys = Object.keys(panels);
       if (!keys.length)
         return;
@@ -40662,6 +40656,7 @@
               "table-layout": _ctx.tableLayout
             }, null, 8, ["columns", "table-layout"]),
             vue.createVNode(_component_table_header, {
+              ref: "tableHeaderRef",
               border: _ctx.border,
               "default-sort": _ctx.defaultSort,
               store: _ctx.store,