@element-plus/nightly 0.0.20220126 → 0.0.20220130

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220126 */
+/*! Element Plus v0.0.20220130 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -2736,7 +2736,7 @@
 	  return stop;
 	}
 
-	const _global = globalThis || undefined;
+	const _global = typeof globalThis === "undefined" ? undefined : globalThis;
 	const globalKey = "__vueuse_ssr_handlers__";
 	_global[globalKey] = _global[globalKey] || {};
 	_global[globalKey];
@@ -4544,7 +4544,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220126";
+	const version$1 = "0.0.20220130";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -4622,7 +4622,7 @@
 	  return target;
 	};
 
-	const _sfc_main$2L = vue.defineComponent({
+	const _sfc_main$2M = vue.defineComponent({
 	  name: "ElAffix",
 	  props: affixProps,
 	  emits: affixEmits,
@@ -4721,7 +4721,7 @@
 	    };
 	  }
 	});
-	function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2H(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    ref: "root",
 	    class: vue.normalizeClass(_ctx.ns.b()),
@@ -4735,7 +4735,7 @@
 	    ], 6)
 	  ], 6);
 	}
-	var Affix = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2G]]);
+	var Affix = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$2H]]);
 
 	const ElAffix = withInstall(Affix);
 
@@ -4748,7 +4748,7 @@
 	  }
 	});
 
-	const _sfc_main$2K = vue.defineComponent({
+	const _sfc_main$2L = vue.defineComponent({
 	  name: "ElIcon",
 	  inheritAttrs: false,
 	  props: iconProps,
@@ -4768,7 +4768,7 @@
 	    };
 	  }
 	});
-	function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
 	    class: _ctx.ns.b(),
 	    style: _ctx.style
@@ -4776,7 +4776,7 @@
 	    vue.renderSlot(_ctx.$slots, "default")
 	  ], 16);
 	}
-	var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2F]]);
+	var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$2G]]);
 
 	const ElIcon = withInstall(Icon);
 
@@ -4788,7 +4788,7 @@
 	  return target;
 	};
 
-	const _sfc_main$2J = vue.defineComponent({
+	const _sfc_main$2K = vue.defineComponent({
 	  name: "ArrowDown"
 	});
 	const _hoisted_1$1P = {
@@ -4805,12 +4805,12 @@
 	const _hoisted_3$1c = [
 	  _hoisted_2$1s
 	];
-	function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1P, _hoisted_3$1c);
 	}
-	var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2E]]);
+	var arrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["render", _sfc_render$2F]]);
 
-	const _sfc_main$2I = vue.defineComponent({
+	const _sfc_main$2J = vue.defineComponent({
 	  name: "ArrowLeft"
 	});
 	const _hoisted_1$1O = {
@@ -4827,12 +4827,12 @@
 	const _hoisted_3$1b = [
 	  _hoisted_2$1r
 	];
-	function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2E(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1O, _hoisted_3$1b);
 	}
-	var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2D]]);
+	var arrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["render", _sfc_render$2E]]);
 
-	const _sfc_main$2H = vue.defineComponent({
+	const _sfc_main$2I = vue.defineComponent({
 	  name: "ArrowRight"
 	});
 	const _hoisted_1$1N = {
@@ -4849,12 +4849,12 @@
 	const _hoisted_3$1a = [
 	  _hoisted_2$1q
 	];
-	function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2D(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1N, _hoisted_3$1a);
 	}
-	var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2C]]);
+	var arrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$2D]]);
 
-	const _sfc_main$2G = vue.defineComponent({
+	const _sfc_main$2H = vue.defineComponent({
 	  name: "ArrowUp"
 	});
 	const _hoisted_1$1M = {
@@ -4871,12 +4871,12 @@
 	const _hoisted_3$19 = [
 	  _hoisted_2$1p
 	];
-	function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1M, _hoisted_3$19);
 	}
-	var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2B]]);
+	var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["render", _sfc_render$2C]]);
 
-	const _sfc_main$2F = vue.defineComponent({
+	const _sfc_main$2G = vue.defineComponent({
 	  name: "Back"
 	});
 	const _hoisted_1$1L = {
@@ -4898,12 +4898,12 @@
 	  _hoisted_2$1o,
 	  _hoisted_3$18
 	];
-	function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2B(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1L, _hoisted_4$q);
 	}
-	var back = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2A]]);
+	var back = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["render", _sfc_render$2B]]);
 
-	const _sfc_main$2E = vue.defineComponent({
+	const _sfc_main$2F = vue.defineComponent({
 	  name: "Calendar"
 	});
 	const _hoisted_1$1K = {
@@ -4920,12 +4920,12 @@
 	const _hoisted_3$17 = [
 	  _hoisted_2$1n
 	];
-	function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2A(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1K, _hoisted_3$17);
 	}
-	var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2z]]);
+	var calendar = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["render", _sfc_render$2A]]);
 
-	const _sfc_main$2D = vue.defineComponent({
+	const _sfc_main$2E = vue.defineComponent({
 	  name: "CaretRight"
 	});
 	const _hoisted_1$1J = {
@@ -4942,12 +4942,12 @@
 	const _hoisted_3$16 = [
 	  _hoisted_2$1m
 	];
-	function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2z(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1J, _hoisted_3$16);
 	}
-	var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2y]]);
+	var caretRight = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["render", _sfc_render$2z]]);
 
-	const _sfc_main$2C = vue.defineComponent({
+	const _sfc_main$2D = vue.defineComponent({
 	  name: "CaretTop"
 	});
 	const _hoisted_1$1I = {
@@ -4964,12 +4964,12 @@
 	const _hoisted_3$15 = [
 	  _hoisted_2$1l
 	];
-	function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2y(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$15);
 	}
-	var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2x]]);
+	var caretTop = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["render", _sfc_render$2y]]);
 
-	const _sfc_main$2B = vue.defineComponent({
+	const _sfc_main$2C = vue.defineComponent({
 	  name: "Check"
 	});
 	const _hoisted_1$1H = {
@@ -4986,12 +4986,12 @@
 	const _hoisted_3$14 = [
 	  _hoisted_2$1k
 	];
-	function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2x(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_3$14);
 	}
-	var check = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2w]]);
+	var check = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["render", _sfc_render$2x]]);
 
-	const _sfc_main$2A = vue.defineComponent({
+	const _sfc_main$2B = vue.defineComponent({
 	  name: "CircleCheckFilled"
 	});
 	const _hoisted_1$1G = {
@@ -5008,12 +5008,12 @@
 	const _hoisted_3$13 = [
 	  _hoisted_2$1j
 	];
-	function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2w(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$13);
 	}
-	var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2v]]);
+	var circleCheckFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["render", _sfc_render$2w]]);
 
-	const _sfc_main$2z = vue.defineComponent({
+	const _sfc_main$2A = vue.defineComponent({
 	  name: "CircleCheck"
 	});
 	const _hoisted_1$1F = {
@@ -5035,12 +5035,12 @@
 	  _hoisted_2$1i,
 	  _hoisted_3$12
 	];
-	function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2v(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_4$p);
 	}
-	var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2u]]);
+	var circleCheck = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["render", _sfc_render$2v]]);
 
-	const _sfc_main$2y = vue.defineComponent({
+	const _sfc_main$2z = vue.defineComponent({
 	  name: "CircleCloseFilled"
 	});
 	const _hoisted_1$1E = {
@@ -5057,12 +5057,12 @@
 	const _hoisted_3$11 = [
 	  _hoisted_2$1h
 	];
-	function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2u(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_3$11);
 	}
-	var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2t]]);
+	var circleCloseFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["render", _sfc_render$2u]]);
 
-	const _sfc_main$2x = vue.defineComponent({
+	const _sfc_main$2y = vue.defineComponent({
 	  name: "CircleClose"
 	});
 	const _hoisted_1$1D = {
@@ -5084,12 +5084,12 @@
 	  _hoisted_2$1g,
 	  _hoisted_3$10
 	];
-	function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2t(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_4$o);
 	}
-	var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2s]]);
+	var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["render", _sfc_render$2t]]);
 
-	const _sfc_main$2w = vue.defineComponent({
+	const _sfc_main$2x = vue.defineComponent({
 	  name: "Clock"
 	});
 	const _hoisted_1$1C = {
@@ -5116,12 +5116,12 @@
 	  _hoisted_3$$,
 	  _hoisted_4$n
 	];
-	function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2s(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_5$e);
 	}
-	var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
+	var clock = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["render", _sfc_render$2s]]);
 
-	const _sfc_main$2v = vue.defineComponent({
+	const _sfc_main$2w = vue.defineComponent({
 	  name: "Close"
 	});
 	const _hoisted_1$1B = {
@@ -5138,12 +5138,12 @@
 	const _hoisted_3$_ = [
 	  _hoisted_2$1e
 	];
-	function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2r(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$_);
 	}
-	var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2q]]);
+	var close$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["render", _sfc_render$2r]]);
 
-	const _sfc_main$2u = vue.defineComponent({
+	const _sfc_main$2v = vue.defineComponent({
 	  name: "DArrowLeft"
 	});
 	const _hoisted_1$1A = {
@@ -5160,12 +5160,12 @@
 	const _hoisted_3$Z = [
 	  _hoisted_2$1d
 	];
-	function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2q(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$Z);
 	}
-	var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2p]]);
+	var dArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["render", _sfc_render$2q]]);
 
-	const _sfc_main$2t = vue.defineComponent({
+	const _sfc_main$2u = vue.defineComponent({
 	  name: "DArrowRight"
 	});
 	const _hoisted_1$1z = {
@@ -5182,12 +5182,12 @@
 	const _hoisted_3$Y = [
 	  _hoisted_2$1c
 	];
-	function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2p(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$Y);
 	}
-	var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2o]]);
+	var dArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2p]]);
 
-	const _sfc_main$2s = vue.defineComponent({
+	const _sfc_main$2t = vue.defineComponent({
 	  name: "Delete"
 	});
 	const _hoisted_1$1y = {
@@ -5204,12 +5204,12 @@
 	const _hoisted_3$X = [
 	  _hoisted_2$1b
 	];
-	function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2o(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_3$X);
 	}
-	var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2n]]);
+	var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2o]]);
 
-	const _sfc_main$2r = vue.defineComponent({
+	const _sfc_main$2s = vue.defineComponent({
 	  name: "Document"
 	});
 	const _hoisted_1$1x = {
@@ -5226,12 +5226,12 @@
 	const _hoisted_3$W = [
 	  _hoisted_2$1a
 	];
-	function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2n(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$W);
 	}
-	var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2m]]);
+	var document$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2n]]);
 
-	const _sfc_main$2q = vue.defineComponent({
+	const _sfc_main$2r = vue.defineComponent({
 	  name: "FullScreen"
 	});
 	const _hoisted_1$1w = {
@@ -5248,12 +5248,12 @@
 	const _hoisted_3$V = [
 	  _hoisted_2$19
 	];
-	function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2m(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_3$V);
 	}
-	var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2l]]);
+	var fullScreen = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2m]]);
 
-	const _sfc_main$2p = vue.defineComponent({
+	const _sfc_main$2q = vue.defineComponent({
 	  name: "InfoFilled"
 	});
 	const _hoisted_1$1v = {
@@ -5270,12 +5270,12 @@
 	const _hoisted_3$U = [
 	  _hoisted_2$18
 	];
-	function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2l(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_3$U);
 	}
-	var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2k]]);
+	var infoFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2l]]);
 
-	const _sfc_main$2o = vue.defineComponent({
+	const _sfc_main$2p = vue.defineComponent({
 	  name: "Loading"
 	});
 	const _hoisted_1$1u = {
@@ -5292,12 +5292,12 @@
 	const _hoisted_3$T = [
 	  _hoisted_2$17
 	];
-	function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2k(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$T);
 	}
-	var loading = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2j]]);
+	var loading = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2k]]);
 
-	const _sfc_main$2n = vue.defineComponent({
+	const _sfc_main$2o = vue.defineComponent({
 	  name: "Minus"
 	});
 	const _hoisted_1$1t = {
@@ -5314,12 +5314,12 @@
 	const _hoisted_3$S = [
 	  _hoisted_2$16
 	];
-	function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2j(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$S);
 	}
-	var minus = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2i]]);
+	var minus = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2j]]);
 
-	const _sfc_main$2m = vue.defineComponent({
+	const _sfc_main$2n = vue.defineComponent({
 	  name: "MoreFilled"
 	});
 	const _hoisted_1$1s = {
@@ -5336,12 +5336,12 @@
 	const _hoisted_3$R = [
 	  _hoisted_2$15
 	];
-	function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2i(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$R);
 	}
-	var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2h]]);
+	var moreFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2i]]);
 
-	const _sfc_main$2l = vue.defineComponent({
+	const _sfc_main$2m = vue.defineComponent({
 	  name: "More"
 	});
 	const _hoisted_1$1r = {
@@ -5358,12 +5358,12 @@
 	const _hoisted_3$Q = [
 	  _hoisted_2$14
 	];
-	function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$Q);
 	}
-	var more = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2g]]);
+	var more = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$2h]]);
 
-	const _sfc_main$2k = vue.defineComponent({
+	const _sfc_main$2l = vue.defineComponent({
 	  name: "Plus"
 	});
 	const _hoisted_1$1q = {
@@ -5380,12 +5380,12 @@
 	const _hoisted_3$P = [
 	  _hoisted_2$13
 	];
-	function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2g(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$P);
 	}
-	var plus = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2f]]);
+	var plus = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$2g]]);
 
-	const _sfc_main$2j = vue.defineComponent({
+	const _sfc_main$2k = vue.defineComponent({
 	  name: "QuestionFilled"
 	});
 	const _hoisted_1$1p = {
@@ -5402,12 +5402,12 @@
 	const _hoisted_3$O = [
 	  _hoisted_2$12
 	];
-	function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_3$O);
 	}
-	var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2e]]);
+	var questionFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$2f]]);
 
-	const _sfc_main$2i = vue.defineComponent({
+	const _sfc_main$2j = vue.defineComponent({
 	  name: "RefreshLeft"
 	});
 	const _hoisted_1$1o = {
@@ -5424,12 +5424,12 @@
 	const _hoisted_3$N = [
 	  _hoisted_2$11
 	];
-	function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_3$N);
 	}
-	var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2d]]);
+	var refreshLeft = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$2e]]);
 
-	const _sfc_main$2h = vue.defineComponent({
+	const _sfc_main$2i = vue.defineComponent({
 	  name: "RefreshRight"
 	});
 	const _hoisted_1$1n = {
@@ -5446,12 +5446,12 @@
 	const _hoisted_3$M = [
 	  _hoisted_2$10
 	];
-	function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$M);
 	}
-	var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2c]]);
+	var refreshRight = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$2d]]);
 
-	const _sfc_main$2g = vue.defineComponent({
+	const _sfc_main$2h = vue.defineComponent({
 	  name: "ScaleToOriginal"
 	});
 	const _hoisted_1$1m = {
@@ -5468,12 +5468,12 @@
 	const _hoisted_3$L = [
 	  _hoisted_2$$
 	];
-	function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$L);
 	}
-	var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2b]]);
+	var scaleToOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2c]]);
 
-	const _sfc_main$2f = vue.defineComponent({
+	const _sfc_main$2g = vue.defineComponent({
 	  name: "Search"
 	});
 	const _hoisted_1$1l = {
@@ -5490,12 +5490,12 @@
 	const _hoisted_3$K = [
 	  _hoisted_2$_
 	];
-	function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$K);
 	}
-	var search = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2a]]);
+	var search = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2b]]);
 
-	const _sfc_main$2e = vue.defineComponent({
+	const _sfc_main$2f = vue.defineComponent({
 	  name: "StarFilled"
 	});
 	const _hoisted_1$1k = {
@@ -5512,12 +5512,12 @@
 	const _hoisted_3$J = [
 	  _hoisted_2$Z
 	];
-	function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$J);
 	}
-	var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$29]]);
+	var starFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2a]]);
 
-	const _sfc_main$2d = vue.defineComponent({
+	const _sfc_main$2e = vue.defineComponent({
 	  name: "Star"
 	});
 	const _hoisted_1$1j = {
@@ -5534,12 +5534,12 @@
 	const _hoisted_3$I = [
 	  _hoisted_2$Y
 	];
-	function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$I);
 	}
-	var star = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$28]]);
+	var star = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$29]]);
 
-	const _sfc_main$2c = vue.defineComponent({
+	const _sfc_main$2d = vue.defineComponent({
 	  name: "SuccessFilled"
 	});
 	const _hoisted_1$1i = {
@@ -5556,12 +5556,12 @@
 	const _hoisted_3$H = [
 	  _hoisted_2$X
 	];
-	function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$H);
 	}
-	var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$27]]);
+	var successFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$28]]);
 
-	const _sfc_main$2b = vue.defineComponent({
+	const _sfc_main$2c = vue.defineComponent({
 	  name: "View"
 	});
 	const _hoisted_1$1h = {
@@ -5578,12 +5578,12 @@
 	const _hoisted_3$G = [
 	  _hoisted_2$W
 	];
-	function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$G);
 	}
-	var view = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$26]]);
+	var view = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$27]]);
 
-	const _sfc_main$2a = vue.defineComponent({
+	const _sfc_main$2b = vue.defineComponent({
 	  name: "WarningFilled"
 	});
 	const _hoisted_1$1g = {
@@ -5600,12 +5600,12 @@
 	const _hoisted_3$F = [
 	  _hoisted_2$V
 	];
-	function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$F);
 	}
-	var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$25]]);
+	var warningFilled = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$26]]);
 
-	const _sfc_main$29 = vue.defineComponent({
+	const _sfc_main$2a = vue.defineComponent({
 	  name: "ZoomIn"
 	});
 	const _hoisted_1$1f = {
@@ -5622,12 +5622,12 @@
 	const _hoisted_3$E = [
 	  _hoisted_2$U
 	];
-	function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$E);
 	}
-	var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$24]]);
+	var zoomIn = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$25]]);
 
-	const _sfc_main$28 = vue.defineComponent({
+	const _sfc_main$29 = vue.defineComponent({
 	  name: "ZoomOut"
 	});
 	const _hoisted_1$1e = {
@@ -5644,10 +5644,10 @@
 	const _hoisted_3$D = [
 	  _hoisted_2$T
 	];
-	function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$D);
 	}
-	var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$23]]);
+	var zoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$24]]);
 
 	const CloseComponents = {
 	  Close: close$2
@@ -5706,7 +5706,7 @@
 	  close: (evt) => evt instanceof MouseEvent
 	};
 
-	const _sfc_main$27 = vue.defineComponent({
+	const _sfc_main$28 = vue.defineComponent({
 	  name: "ElAlert",
 	  components: {
 	    ElIcon,
@@ -5734,7 +5734,7 @@
 	    };
 	  }
 	});
-	function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$23(_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" }, {
@@ -5795,7 +5795,7 @@
 	    _: 3
 	  });
 	}
-	var Alert = /* @__PURE__ */ _export_sfc$1(_sfc_main$27, [["render", _sfc_render$22]]);
+	var Alert = /* @__PURE__ */ _export_sfc$1(_sfc_main$28, [["render", _sfc_render$23]]);
 
 	const ElAlert = withInstall(Alert);
 
@@ -6506,7 +6506,7 @@
 	  suffix: "append",
 	  prefix: "prepend"
 	};
-	const _sfc_main$26 = vue.defineComponent({
+	const _sfc_main$27 = vue.defineComponent({
 	  name: "ElInput",
 	  components: { ElIcon, CircleClose: circleClose, IconView: view },
 	  inheritAttrs: false,
@@ -6732,7 +6732,7 @@
 	});
 	const _hoisted_1$1d = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 	const _hoisted_2$S = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-	function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$22(_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");
@@ -6905,7 +6905,7 @@
 	    [vue.vShow, _ctx.type !== "hidden"]
 	  ]);
 	}
-	var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$26, [["render", _sfc_render$21]]);
+	var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$27, [["render", _sfc_render$22]]);
 
 	const ElInput = withInstall(Input);
 
@@ -6936,7 +6936,7 @@
 	  transform: `translate${bar.axis}(${move}%)`
 	});
 
-	const barProps = buildProps({
+	const thumbProps = buildProps({
 	  vertical: Boolean,
 	  size: String,
 	  move: Number,
@@ -6947,21 +6947,21 @@
 	  always: Boolean
 	});
 
-	const COMPONENT_NAME$9 = "Bar";
-	const _sfc_main$25 = vue.defineComponent({
+	const COMPONENT_NAME$9 = "Thumb";
+	const _sfc_main$26 = vue.defineComponent({
 	  name: COMPONENT_NAME$9,
-	  props: barProps,
+	  props: thumbProps,
 	  setup(props) {
 	    const scrollbar = vue.inject(scrollbarContextKey);
 	    if (!scrollbar)
 	      throwError(COMPONENT_NAME$9, "can not inject scrollbar context");
 	    const instance = vue.ref();
 	    const thumb = vue.ref();
-	    const barStore = vue.ref({});
+	    const thumbState = vue.ref({});
 	    const visible = vue.ref(false);
 	    let cursorDown = false;
 	    let cursorLeave = false;
-	    let onselectstartStore = isClient ? document.onselectstart : null;
+	    let originalOnSelectStart = isClient ? document.onselectstart : null;
 	    const bar = vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
 	    const thumbStyle = vue.computed(() => renderThumbStyle$1({
 	      size: props.size,
@@ -6979,7 +6979,7 @@
 	      const el = e.currentTarget;
 	      if (!el)
 	        return;
-	      barStore.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
+	      thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
 	    };
 	    const clickTrackHandler = (e) => {
 	      if (!thumb.value || !instance.value || !scrollbar.wrapElement)
@@ -6994,7 +6994,7 @@
 	      cursorDown = true;
 	      document.addEventListener("mousemove", mouseMoveDocumentHandler);
 	      document.addEventListener("mouseup", mouseUpDocumentHandler);
-	      onselectstartStore = document.onselectstart;
+	      originalOnSelectStart = document.onselectstart;
 	      document.onselectstart = () => false;
 	    };
 	    const mouseMoveDocumentHandler = (e) => {
@@ -7002,7 +7002,7 @@
 	        return;
 	      if (cursorDown === false)
 	        return;
-	      const prevPage = barStore.value[bar.value.axis];
+	      const prevPage = thumbState.value[bar.value.axis];
 	      if (!prevPage)
 	        return;
 	      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
@@ -7012,7 +7012,7 @@
 	    };
 	    const mouseUpDocumentHandler = () => {
 	      cursorDown = false;
-	      barStore.value[bar.value.axis] = 0;
+	      thumbState.value[bar.value.axis] = 0;
 	      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
 	      document.removeEventListener("mouseup", mouseUpDocumentHandler);
 	      restoreOnselectstart();
@@ -7032,8 +7032,8 @@
 	      document.removeEventListener("mouseup", mouseUpDocumentHandler);
 	    });
 	    const restoreOnselectstart = () => {
-	      if (document.onselectstart !== onselectstartStore)
-	        document.onselectstart = onselectstartStore;
+	      if (document.onselectstart !== originalOnSelectStart)
+	        document.onselectstart = originalOnSelectStart;
 	    };
 	    useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
 	    useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
@@ -7048,7 +7048,7 @@
 	    };
 	  }
 	});
-	function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+	function _sfc_render$21(_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", {
@@ -7069,6 +7069,73 @@
 	    _: 1
 	  });
 	}
+	var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$26, [["render", _sfc_render$21]]);
+
+	const barProps = buildProps({
+	  always: {
+	    type: Boolean,
+	    default: true
+	  },
+	  width: {
+	    type: String,
+	    default: ""
+	  },
+	  height: {
+	    type: String,
+	    default: ""
+	  },
+	  ratioX: {
+	    type: Number,
+	    default: 1
+	  },
+	  ratioY: {
+	    type: Number,
+	    default: 1
+	  }
+	});
+
+	const _sfc_main$25 = vue.defineComponent({
+	  components: {
+	    Thumb
+	  },
+	  props: barProps,
+	  setup(props) {
+	    const moveX = vue.ref(0);
+	    const moveY = vue.ref(0);
+	    const GAP = 4;
+	    const handleScroll = (wrap) => {
+	      if (wrap) {
+	        const offsetHeight = wrap.offsetHeight - GAP;
+	        const offsetWidth = wrap.offsetWidth - GAP;
+	        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
+	        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
+	      }
+	    };
+	    return {
+	      handleScroll,
+	      moveX,
+	      moveY
+	    };
+	  }
+	});
+	function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+	  const _component_thumb = vue.resolveComponent("thumb");
+	  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+	    vue.createVNode(_component_thumb, {
+	      move: _ctx.moveX,
+	      ratio: _ctx.ratioX,
+	      size: _ctx.width,
+	      always: _ctx.always
+	    }, null, 8, ["move", "ratio", "size", "always"]),
+	    vue.createVNode(_component_thumb, {
+	      move: _ctx.moveY,
+	      ratio: _ctx.ratioY,
+	      size: _ctx.height,
+	      vertical: "",
+	      always: _ctx.always
+	    }, null, 8, ["move", "ratio", "size", "always"])
+	  ], 64);
+	}
 	var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$25, [["render", _sfc_render$20]]);
 
 	const scrollbarProps = buildProps({
@@ -7136,6 +7203,7 @@
 	    const resize$ = vue.ref();
 	    const sizeWidth = vue.ref("0");
 	    const sizeHeight = vue.ref("0");
+	    const barRef = vue.ref();
 	    const moveX = vue.ref(0);
 	    const moveY = vue.ref(0);
 	    const ratioY = vue.ref(1);
@@ -7150,11 +7218,9 @@
 	      return [props.wrapStyle, style2];
 	    });
 	    const handleScroll = () => {
+	      var _a;
 	      if (wrap$.value) {
-	        const offsetHeight = wrap$.value.offsetHeight - GAP;
-	        const offsetWidth = wrap$.value.offsetWidth - GAP;
-	        moveY.value = wrap$.value.scrollTop * 100 / offsetHeight * ratioY.value;
-	        moveX.value = wrap$.value.scrollLeft * 100 / offsetWidth * ratioX.value;
+	        (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrap$.value);
 	        emit("scroll", {
 	          scrollTop: wrap$.value.scrollTop,
 	          scrollLeft: wrap$.value.scrollLeft
@@ -7208,6 +7274,7 @@
 	      scrollbar$,
 	      wrap$,
 	      resize$,
+	      barRef,
 	      moveX,
 	      moveY,
 	      ratioX,
@@ -7250,21 +7317,15 @@
 	        _: 3
 	      }, 8, ["class", "style"]))
 	    ], 38),
-	    !_ctx.native ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-	      vue.createVNode(_component_bar, {
-	        move: _ctx.moveX,
-	        ratio: _ctx.ratioX,
-	        size: _ctx.sizeWidth,
-	        always: _ctx.always
-	      }, null, 8, ["move", "ratio", "size", "always"]),
-	      vue.createVNode(_component_bar, {
-	        move: _ctx.moveY,
-	        ratio: _ctx.ratioY,
-	        size: _ctx.sizeHeight,
-	        vertical: "",
-	        always: _ctx.always
-	      }, null, 8, ["move", "ratio", "size", "always"])
-	    ], 64)) : vue.createCommentVNode("v-if", true)
+	    !_ctx.native ? (vue.openBlock(), vue.createBlock(_component_bar, {
+	      key: 0,
+	      ref: "barRef",
+	      height: _ctx.sizeHeight,
+	      width: _ctx.sizeWidth,
+	      always: _ctx.always,
+	      "ratio-x": _ctx.ratioX,
+	      "ratio-y": _ctx.ratioY
+	    }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
 	  ], 512);
 	}
 	var Scrollbar$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$24, [["render", _sfc_render$1$]]);
@@ -10386,9 +10447,9 @@
 	    });
 	    const sizeStyle = vue.computed(() => {
 	      const { size } = props;
-	      return {
-	        "--el-avatar-size": isNumber(size) ? addUnit(size) : void 0
-	      };
+	      return isNumber(size) ? {
+	        "--el-avatar-size": addUnit(size)
+	      } : void 0;
 	    });
 	    const fitStyle = vue.computed(() => ({
 	      objectFit: props.fit
@@ -26235,7 +26296,7 @@
 	    const { t } = useLocale();
 	    const ns = useNamespace("image-viewer");
 	    const wrapper = vue.ref();
-	    const img = vue.ref();
+	    const imgRefs = vue.ref([]);
 	    const scopeEventListener = vue.effectScope();
 	    const loading = vue.ref(true);
 	    const index = vue.ref(props.initialIndex);
@@ -26262,11 +26323,25 @@
 	    });
 	    const imgStyle = vue.computed(() => {
 	      const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
+	      let translateX = offsetX / scale;
+	      let translateY = offsetY / scale;
+	      switch (deg % 360) {
+	        case 90:
+	        case -270:
+	          [translateX, translateY] = [translateY, -translateX];
+	          break;
+	        case 180:
+	        case -180:
+	          [translateX, translateY] = [-translateX, -translateY];
+	          break;
+	        case 270:
+	        case -90:
+	          [translateX, translateY] = [-translateY, translateX];
+	          break;
+	      }
 	      const style = {
-	        transform: `scale(${scale}) rotate(${deg}deg)`,
-	        transition: enableTransition ? "transform .3s" : "",
-	        marginLeft: `${offsetX}px`,
-	        marginTop: `${offsetY}px`
+	        transform: `scale(${scale}) rotate(${deg}deg) translate(${translateX}px, ${translateY}px)`,
+	        transition: enableTransition ? "transform .3s" : ""
 	      };
 	      if (mode.value.name === Mode.CONTAIN.name) {
 	        style.maxWidth = style.maxHeight = "100%";
@@ -26304,12 +26379,12 @@
 	        const delta = e.wheelDelta ? e.wheelDelta : -e.detail;
 	        if (delta > 0) {
 	          handleActions("zoomIn", {
-	            zoomRate: 0.015,
+	            zoomRate: 1.2,
 	            enableTransition: false
 	          });
 	        } else {
 	          handleActions("zoomOut", {
-	            zoomRate: 0.015,
+	            zoomRate: 1.2,
 	            enableTransition: false
 	          });
 	        }
@@ -26332,13 +26407,10 @@
 	    function handleMouseDown(e) {
 	      if (loading.value || e.button !== 0 || !wrapper.value)
 	        return;
+	      transform.value.enableTransition = false;
 	      const { offsetX, offsetY } = transform.value;
 	      const startX = e.pageX;
 	      const startY = e.pageY;
-	      const divLeft = wrapper.value.clientLeft;
-	      const divRight = wrapper.value.clientLeft + wrapper.value.clientWidth;
-	      const divTop = wrapper.value.clientTop;
-	      const divBottom = wrapper.value.clientTop + wrapper.value.clientHeight;
 	      const dragHandler = rafThrottle((ev) => {
 	        transform.value = {
 	          ...transform.value,
@@ -26347,12 +26419,7 @@
 	        };
 	      });
 	      const removeMousemove = useEventListener(document, "mousemove", dragHandler);
-	      useEventListener(document, "mouseup", (evt) => {
-	        const mouseX = evt.pageX;
-	        const mouseY = evt.pageY;
-	        if (mouseX < divLeft || mouseX > divRight || mouseY < divTop || mouseY > divBottom) {
-	          reset();
-	        }
+	      useEventListener(document, "mouseup", () => {
 	        removeMousemove();
 	      });
 	      e.preventDefault();
@@ -26393,7 +26460,7 @@
 	      if (loading.value)
 	        return;
 	      const { zoomRate, rotateDeg, enableTransition } = {
-	        zoomRate: 0.2,
+	        zoomRate: 1.4,
 	        rotateDeg: 90,
 	        enableTransition: true,
 	        ...options
@@ -26401,11 +26468,13 @@
 	      switch (action) {
 	        case "zoomOut":
 	          if (transform.value.scale > 0.2) {
-	            transform.value.scale = parseFloat((transform.value.scale - zoomRate).toFixed(3));
+	            transform.value.scale = parseFloat((transform.value.scale / zoomRate).toFixed(3));
 	          }
 	          break;
 	        case "zoomIn":
-	          transform.value.scale = parseFloat((transform.value.scale + zoomRate).toFixed(3));
+	          if (transform.value.scale < 7) {
+	            transform.value.scale = parseFloat((transform.value.scale * zoomRate).toFixed(3));
+	          }
 	          break;
 	        case "clockwise":
 	          transform.value.deg += rotateDeg;
@@ -26418,7 +26487,7 @@
 	    }
 	    vue.watch(currentImg, () => {
 	      vue.nextTick(() => {
-	        const $img = img.value;
+	        const $img = imgRefs.value[0];
 	        if (!($img == null ? void 0 : $img.complete)) {
 	          loading.value = true;
 	        }
@@ -26436,7 +26505,7 @@
 	    return {
 	      index,
 	      wrapper,
-	      img,
+	      imgRefs,
 	      isSingle,
 	      isFirst,
 	      isLast,
@@ -26582,7 +26651,7 @@
 	          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
 	            return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
 	              ref_for: true,
-	              ref: "img",
+	              ref: (el) => _ctx.imgRefs[i] = el,
 	              key: url,
 	              src: url,
 	              style: vue.normalizeStyle(_ctx.imgStyle),
@@ -26685,11 +26754,10 @@
 	      return Array.isArray(previewSrcList) && previewSrcList.length > 0;
 	    });
 	    const imageIndex = vue.computed(() => {
-	      const { src, previewSrcList, initialIndex } = props;
+	      const { previewSrcList, initialIndex } = props;
 	      let previewIndex = initialIndex;
-	      const srcIndex = previewSrcList.indexOf(src);
-	      if (srcIndex >= 0) {
-	        previewIndex = srcIndex;
+	      if (initialIndex > previewSrcList.length - 1) {
+	        previewIndex = 0;
 	      }
 	      return previewIndex;
 	    });
@@ -29452,6 +29520,9 @@
 	      if (_selectSize) {
 	        classList.push(`el-select--${_selectSize}`);
 	      }
+	      if (props.disabled) {
+	        classList.push(`el-select--disabled`);
+	      }
 	      return classList;
 	    });
 	    const selectTagsStyle = vue.computed(() => ({
@@ -29925,7 +29996,11 @@
 	    type: String,
 	    default: ""
 	  },
-	  disabled: Boolean
+	  disabled: Boolean,
+	  size: {
+	    type: String,
+	    default: "default"
+	  }
 	});
 	const _sfc_main$G = vue.defineComponent({
 	  name: "ElPaginationSizes",
@@ -29975,7 +30050,7 @@
 	      "model-value": _ctx.innerPageSize,
 	      disabled: _ctx.disabled,
 	      "popper-class": _ctx.popperClass,
-	      size: "small",
+	      size: _ctx.size,
 	      onChange: _ctx.handleChange
 	    }, {
 	      default: vue.withCtx(() => [
@@ -29988,7 +30063,7 @@
 	        }), 128))
 	      ]),
 	      _: 1
-	    }, 8, ["model-value", "disabled", "popper-class", "onChange"])
+	    }, 8, ["model-value", "disabled", "popper-class", "size", "onChange"])
 	  ]);
 	}
 	var Sizes = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$C]]);
@@ -30024,10 +30099,13 @@
 	    };
 	  }
 	});
-	const _hoisted_1$q = { class: "el-pagination__jump" };
+	const _hoisted_1$q = ["disabled"];
 	function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_input = vue.resolveComponent("el-input");
-	  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$q, [
+	  return vue.openBlock(), vue.createElementBlock("span", {
+	    class: "el-pagination__jump",
+	    disabled: _ctx.disabled
+	  }, [
 	    vue.createTextVNode(vue.toDisplayString(_ctx.t("el.pagination.goto")) + " ", 1),
 	    vue.createVNode(_component_el_input, {
 	      size: "small",
@@ -30041,7 +30119,7 @@
 	      onChange: _ctx.handleChange
 	    }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
 	    vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
-	  ]);
+	  ], 8, _hoisted_1$q);
 	}
 	var Jumper = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$B]]);
 
@@ -30056,16 +30134,21 @@
 	  props: paginationTotalProps,
 	  setup() {
 	    const { t } = useLocale();
+	    const { disabled } = usePagination();
 	    return {
-	      t
+	      t,
+	      disabled
 	    };
 	  }
 	});
-	const _hoisted_1$p = { class: "el-pagination__total" };
+	const _hoisted_1$p = ["disabled"];
 	function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-	  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$p, vue.toDisplayString(_ctx.t("el.pagination.total", {
+	  return vue.openBlock(), vue.createElementBlock("span", {
+	    class: "el-pagination__total",
+	    disabled: _ctx.disabled
+	  }, vue.toDisplayString(_ctx.t("el.pagination.total", {
 	    total: _ctx.total
-	  })), 1);
+	  })), 9, _hoisted_1$p);
 	}
 	var Total = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render$A]]);
 
@@ -30406,6 +30489,14 @@
 	      currentPageBridge.value += 1;
 	      emit("next-click", currentPageBridge.value);
 	    }
+	    function addClass(element, cls) {
+	      if (element) {
+	        if (!element.props) {
+	          element.props = {};
+	        }
+	        element.props.class = [element.props.class, cls].join(" ");
+	      }
+	    }
 	    vue.provide(elPaginationKey, {
 	      pageCount: pageCountBridge,
 	      disabled: vue.computed(() => props.disabled),
@@ -30452,7 +30543,8 @@
 	          pageSize: pageSizeBridge.value,
 	          pageSizes: props.pageSizes,
 	          popperClass: props.popperClass,
-	          disabled: props.disabled
+	          disabled: props.disabled,
+	          size: props.small ? "small" : "default"
 	        }),
 	        slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
 	        total: vue.h(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -30473,6 +30565,8 @@
 	      if (haveRightWrapper && rightWrapperChildren.length > 0) {
 	        rootChildren.unshift(rightWrapperRoot);
 	      }
+	      addClass(rootChildren[0], "is-first");
+	      addClass(rootChildren[rootChildren.length - 1], "is-last");
 	      return vue.h("div", {
 	        role: "pagination",
 	        "aria-label": "pagination",
@@ -48295,7 +48389,6 @@
 	exports.backtopEmits = backtopEmits;
 	exports.backtopProps = backtopProps;
 	exports.badgeProps = badgeProps;
-	exports.barProps = barProps;
 	exports.breadcrumbItemProps = breadcrumbItemProps;
 	exports.breadcrumbProps = breadcrumbProps;
 	exports.buildLocaleContext = buildLocaleContext;
@@ -48394,6 +48487,7 @@
 	exports.tabsRootContextKey = tabsRootContextKey;
 	exports.tagEmits = tagEmits;
 	exports.tagProps = tagProps;
+	exports.thumbProps = thumbProps;
 	exports.timePickerDefaultProps = timePickerDefaultProps;
 	exports.timelineItemProps = timelineItemProps;
 	exports.translate = translate;