@element-plus/nightly 0.0.20220126 → 0.0.20220130

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220126 */
+/*! Element Plus v0.0.20220130 */
 
 import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -2732,7 +2732,7 @@ function onClickOutside(target, handler, options = {}) {
   return stop;
 }
 
-const _global = globalThis || undefined;
+const _global = typeof globalThis === "undefined" ? undefined : globalThis;
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
@@ -4540,7 +4540,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220126";
+const version$1 = "0.0.20220130";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -4618,7 +4618,7 @@ var _export_sfc$1 = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$2L = defineComponent({
+const _sfc_main$2M = defineComponent({
   name: "ElAffix",
   props: affixProps,
   emits: affixEmits,
@@ -4717,7 +4717,7 @@ const _sfc_main$2L = defineComponent({
     };
   }
 });
-function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.ns.b()),
@@ -4731,7 +4731,7 @@ function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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);
 
@@ -4744,7 +4744,7 @@ const iconProps = buildProps({
   }
 });
 
-const _sfc_main$2K = defineComponent({
+const _sfc_main$2L = defineComponent({
   name: "ElIcon",
   inheritAttrs: false,
   props: iconProps,
@@ -4764,7 +4764,7 @@ const _sfc_main$2K = defineComponent({
     };
   }
 });
-function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("i", mergeProps({
     class: _ctx.ns.b(),
     style: _ctx.style
@@ -4772,7 +4772,7 @@ function _sfc_render$2F(_ctx, _cache, $props, $setup, $data, $options) {
     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);
 
@@ -4784,7 +4784,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$2J = defineComponent({
+const _sfc_main$2K = defineComponent({
   name: "ArrowDown"
 });
 const _hoisted_1$1P = {
@@ -4801,12 +4801,12 @@ const _hoisted_2$1s = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2J = defineComponent({
   name: "ArrowLeft"
 });
 const _hoisted_1$1O = {
@@ -4823,12 +4823,12 @@ const _hoisted_2$1r = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2I = defineComponent({
   name: "ArrowRight"
 });
 const _hoisted_1$1N = {
@@ -4845,12 +4845,12 @@ const _hoisted_2$1q = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2H = defineComponent({
   name: "ArrowUp"
 });
 const _hoisted_1$1M = {
@@ -4867,12 +4867,12 @@ const _hoisted_2$1p = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2G = defineComponent({
   name: "Back"
 });
 const _hoisted_1$1L = {
@@ -4894,12 +4894,12 @@ const _hoisted_4$q = [
   _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 openBlock(), 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 = defineComponent({
+const _sfc_main$2F = defineComponent({
   name: "Calendar"
 });
 const _hoisted_1$1K = {
@@ -4916,12 +4916,12 @@ const _hoisted_2$1n = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2E = defineComponent({
   name: "CaretRight"
 });
 const _hoisted_1$1J = {
@@ -4938,12 +4938,12 @@ const _hoisted_2$1m = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2D = defineComponent({
   name: "CaretTop"
 });
 const _hoisted_1$1I = {
@@ -4960,12 +4960,12 @@ const _hoisted_2$1l = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2C = defineComponent({
   name: "Check"
 });
 const _hoisted_1$1H = {
@@ -4982,12 +4982,12 @@ const _hoisted_2$1k = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2B = defineComponent({
   name: "CircleCheckFilled"
 });
 const _hoisted_1$1G = {
@@ -5004,12 +5004,12 @@ const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2A = defineComponent({
   name: "CircleCheck"
 });
 const _hoisted_1$1F = {
@@ -5031,12 +5031,12 @@ const _hoisted_4$p = [
   _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 openBlock(), 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 = defineComponent({
+const _sfc_main$2z = defineComponent({
   name: "CircleCloseFilled"
 });
 const _hoisted_1$1E = {
@@ -5053,12 +5053,12 @@ const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2y = defineComponent({
   name: "CircleClose"
 });
 const _hoisted_1$1D = {
@@ -5080,12 +5080,12 @@ const _hoisted_4$o = [
   _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 openBlock(), 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 = defineComponent({
+const _sfc_main$2x = defineComponent({
   name: "Clock"
 });
 const _hoisted_1$1C = {
@@ -5112,12 +5112,12 @@ const _hoisted_5$e = [
   _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 openBlock(), 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 = defineComponent({
+const _sfc_main$2w = defineComponent({
   name: "Close"
 });
 const _hoisted_1$1B = {
@@ -5134,12 +5134,12 @@ const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2v = defineComponent({
   name: "DArrowLeft"
 });
 const _hoisted_1$1A = {
@@ -5156,12 +5156,12 @@ const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2u = defineComponent({
   name: "DArrowRight"
 });
 const _hoisted_1$1z = {
@@ -5178,12 +5178,12 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2t = defineComponent({
   name: "Delete"
 });
 const _hoisted_1$1y = {
@@ -5200,12 +5200,12 @@ const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2s = defineComponent({
   name: "Document"
 });
 const _hoisted_1$1x = {
@@ -5222,12 +5222,12 @@ const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2r = defineComponent({
   name: "FullScreen"
 });
 const _hoisted_1$1w = {
@@ -5244,12 +5244,12 @@ const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2q = defineComponent({
   name: "InfoFilled"
 });
 const _hoisted_1$1v = {
@@ -5266,12 +5266,12 @@ const _hoisted_2$18 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2p = defineComponent({
   name: "Loading"
 });
 const _hoisted_1$1u = {
@@ -5288,12 +5288,12 @@ const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2o = defineComponent({
   name: "Minus"
 });
 const _hoisted_1$1t = {
@@ -5310,12 +5310,12 @@ const _hoisted_2$16 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2n = defineComponent({
   name: "MoreFilled"
 });
 const _hoisted_1$1s = {
@@ -5332,12 +5332,12 @@ const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2m = defineComponent({
   name: "More"
 });
 const _hoisted_1$1r = {
@@ -5354,12 +5354,12 @@ const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2l = defineComponent({
   name: "Plus"
 });
 const _hoisted_1$1q = {
@@ -5376,12 +5376,12 @@ const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2k = defineComponent({
   name: "QuestionFilled"
 });
 const _hoisted_1$1p = {
@@ -5398,12 +5398,12 @@ const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2j = defineComponent({
   name: "RefreshLeft"
 });
 const _hoisted_1$1o = {
@@ -5420,12 +5420,12 @@ const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2i = defineComponent({
   name: "RefreshRight"
 });
 const _hoisted_1$1n = {
@@ -5442,12 +5442,12 @@ const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2h = defineComponent({
   name: "ScaleToOriginal"
 });
 const _hoisted_1$1m = {
@@ -5464,12 +5464,12 @@ const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2g = defineComponent({
   name: "Search"
 });
 const _hoisted_1$1l = {
@@ -5486,12 +5486,12 @@ const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2f = defineComponent({
   name: "StarFilled"
 });
 const _hoisted_1$1k = {
@@ -5508,12 +5508,12 @@ const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2e = defineComponent({
   name: "Star"
 });
 const _hoisted_1$1j = {
@@ -5530,12 +5530,12 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2d = defineComponent({
   name: "SuccessFilled"
 });
 const _hoisted_1$1i = {
@@ -5552,12 +5552,12 @@ const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2c = defineComponent({
   name: "View"
 });
 const _hoisted_1$1h = {
@@ -5574,12 +5574,12 @@ const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2b = defineComponent({
   name: "WarningFilled"
 });
 const _hoisted_1$1g = {
@@ -5596,12 +5596,12 @@ const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$2a = defineComponent({
   name: "ZoomIn"
 });
 const _hoisted_1$1f = {
@@ -5618,12 +5618,12 @@ const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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 = defineComponent({
+const _sfc_main$29 = defineComponent({
   name: "ZoomOut"
 });
 const _hoisted_1$1e = {
@@ -5640,10 +5640,10 @@ const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
 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 openBlock(), 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
@@ -5702,7 +5702,7 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const _sfc_main$27 = defineComponent({
+const _sfc_main$28 = defineComponent({
   name: "ElAlert",
   components: {
     ElIcon,
@@ -5730,7 +5730,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
   return openBlock(), createBlock(Transition, { name: "el-alert-fade" }, {
@@ -5791,7 +5791,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -6502,7 +6502,7 @@ const PENDANT_MAP = {
   suffix: "append",
   prefix: "prepend"
 };
-const _sfc_main$26 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: "ElInput",
   components: { ElIcon, CircleClose: circleClose, IconView: view },
   inheritAttrs: false,
@@ -6728,7 +6728,7 @@ const _sfc_main$26 = defineComponent({
 });
 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 = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
   const _component_icon_view = resolveComponent("icon-view");
@@ -6901,7 +6901,7 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
     [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);
 
@@ -6932,7 +6932,7 @@ const renderThumbStyle$1 = ({ move, size, bar }) => ({
   transform: `translate${bar.axis}(${move}%)`
 });
 
-const barProps = buildProps({
+const thumbProps = buildProps({
   vertical: Boolean,
   size: String,
   move: Number,
@@ -6943,21 +6943,21 @@ const barProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$9 = "Bar";
-const _sfc_main$25 = defineComponent({
+const COMPONENT_NAME$9 = "Thumb";
+const _sfc_main$26 = defineComponent({
   name: COMPONENT_NAME$9,
-  props: barProps,
+  props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     if (!scrollbar)
       throwError(COMPONENT_NAME$9, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
-    const barStore = ref({});
+    const thumbState = ref({});
     const visible = ref(false);
     let cursorDown = false;
     let cursorLeave = false;
-    let onselectstartStore = isClient ? document.onselectstart : null;
+    let originalOnSelectStart = isClient ? document.onselectstart : null;
     const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
     const thumbStyle = computed(() => renderThumbStyle$1({
       size: props.size,
@@ -6975,7 +6975,7 @@ const _sfc_main$25 = defineComponent({
       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)
@@ -6990,7 +6990,7 @@ const _sfc_main$25 = defineComponent({
       cursorDown = true;
       document.addEventListener("mousemove", mouseMoveDocumentHandler);
       document.addEventListener("mouseup", mouseUpDocumentHandler);
-      onselectstartStore = document.onselectstart;
+      originalOnSelectStart = document.onselectstart;
       document.onselectstart = () => false;
     };
     const mouseMoveDocumentHandler = (e) => {
@@ -6998,7 +6998,7 @@ const _sfc_main$25 = defineComponent({
         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;
@@ -7008,7 +7008,7 @@ const _sfc_main$25 = defineComponent({
     };
     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();
@@ -7028,8 +7028,8 @@ const _sfc_main$25 = defineComponent({
       document.removeEventListener("mouseup", mouseUpDocumentHandler);
     });
     const restoreOnselectstart = () => {
-      if (document.onselectstart !== onselectstartStore)
-        document.onselectstart = onselectstartStore;
+      if (document.onselectstart !== originalOnSelectStart)
+        document.onselectstart = originalOnSelectStart;
     };
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
@@ -7044,7 +7044,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, { name: "el-scrollbar-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("div", {
@@ -7065,6 +7065,73 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+  components: {
+    Thumb
+  },
+  props: barProps,
+  setup(props) {
+    const moveX = ref(0);
+    const moveY = 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 = resolveComponent("thumb");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_thumb, {
+      move: _ctx.moveX,
+      ratio: _ctx.ratioX,
+      size: _ctx.width,
+      always: _ctx.always
+    }, null, 8, ["move", "ratio", "size", "always"]),
+    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({
@@ -7132,6 +7199,7 @@ const _sfc_main$24 = defineComponent({
     const resize$ = ref();
     const sizeWidth = ref("0");
     const sizeHeight = ref("0");
+    const barRef = ref();
     const moveX = ref(0);
     const moveY = ref(0);
     const ratioY = ref(1);
@@ -7146,11 +7214,9 @@ const _sfc_main$24 = defineComponent({
       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
@@ -7204,6 +7270,7 @@ const _sfc_main$24 = defineComponent({
       scrollbar$,
       wrap$,
       resize$,
+      barRef,
       moveX,
       moveY,
       ratioX,
@@ -7246,21 +7313,15 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
         _: 3
       }, 8, ["class", "style"]))
     ], 38),
-    !_ctx.native ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createVNode(_component_bar, {
-        move: _ctx.moveX,
-        ratio: _ctx.ratioX,
-        size: _ctx.sizeWidth,
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      createVNode(_component_bar, {
-        move: _ctx.moveY,
-        ratio: _ctx.ratioY,
-        size: _ctx.sizeHeight,
-        vertical: "",
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64)) : createCommentVNode("v-if", true)
+    !_ctx.native ? (openBlock(), 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"])) : createCommentVNode("v-if", true)
   ], 512);
 }
 var Scrollbar$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$24, [["render", _sfc_render$1$]]);
@@ -10382,9 +10443,9 @@ const _sfc_main$1W = defineComponent({
     });
     const sizeStyle = 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 = computed(() => ({
       objectFit: props.fit
@@ -26231,7 +26292,7 @@ const _sfc_main$U = defineComponent({
     const { t } = useLocale();
     const ns = useNamespace("image-viewer");
     const wrapper = ref();
-    const img = ref();
+    const imgRefs = ref([]);
     const scopeEventListener = effectScope();
     const loading = ref(true);
     const index = ref(props.initialIndex);
@@ -26258,11 +26319,25 @@ const _sfc_main$U = defineComponent({
     });
     const imgStyle = 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%";
@@ -26300,12 +26375,12 @@ const _sfc_main$U = defineComponent({
         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
           });
         }
@@ -26328,13 +26403,10 @@ const _sfc_main$U = defineComponent({
     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,
@@ -26343,12 +26415,7 @@ const _sfc_main$U = defineComponent({
         };
       });
       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();
@@ -26389,7 +26456,7 @@ const _sfc_main$U = defineComponent({
       if (loading.value)
         return;
       const { zoomRate, rotateDeg, enableTransition } = {
-        zoomRate: 0.2,
+        zoomRate: 1.4,
         rotateDeg: 90,
         enableTransition: true,
         ...options
@@ -26397,11 +26464,13 @@ const _sfc_main$U = defineComponent({
       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;
@@ -26414,7 +26483,7 @@ const _sfc_main$U = defineComponent({
     }
     watch(currentImg, () => {
       nextTick(() => {
-        const $img = img.value;
+        const $img = imgRefs.value[0];
         if (!($img == null ? void 0 : $img.complete)) {
           loading.value = true;
         }
@@ -26432,7 +26501,7 @@ const _sfc_main$U = defineComponent({
     return {
       index,
       wrapper,
-      img,
+      imgRefs,
       isSingle,
       isFirst,
       isLast,
@@ -26578,7 +26647,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.urlList, (url, i) => {
             return withDirectives((openBlock(), createElementBlock("img", {
               ref_for: true,
-              ref: "img",
+              ref: (el) => _ctx.imgRefs[i] = el,
               key: url,
               src: url,
               style: normalizeStyle(_ctx.imgStyle),
@@ -26681,11 +26750,10 @@ const _sfc_main$T = defineComponent({
       return Array.isArray(previewSrcList) && previewSrcList.length > 0;
     });
     const imageIndex = 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;
     });
@@ -29448,6 +29516,9 @@ const _sfc_main$I = defineComponent({
       if (_selectSize) {
         classList.push(`el-select--${_selectSize}`);
       }
+      if (props.disabled) {
+        classList.push(`el-select--disabled`);
+      }
       return classList;
     });
     const selectTagsStyle = computed(() => ({
@@ -29921,7 +29992,11 @@ const paginationSizesProps = buildProps({
     type: String,
     default: ""
   },
-  disabled: Boolean
+  disabled: Boolean,
+  size: {
+    type: String,
+    default: "default"
+  }
 });
 const _sfc_main$G = defineComponent({
   name: "ElPaginationSizes",
@@ -29971,7 +30046,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       "model-value": _ctx.innerPageSize,
       disabled: _ctx.disabled,
       "popper-class": _ctx.popperClass,
-      size: "small",
+      size: _ctx.size,
       onChange: _ctx.handleChange
     }, {
       default: withCtx(() => [
@@ -29984,7 +30059,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
         }), 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]]);
@@ -30020,10 +30095,13 @@ const _sfc_main$F = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-input");
-  return openBlock(), createElementBlock("span", _hoisted_1$q, [
+  return openBlock(), createElementBlock("span", {
+    class: "el-pagination__jump",
+    disabled: _ctx.disabled
+  }, [
     createTextVNode(toDisplayString(_ctx.t("el.pagination.goto")) + " ", 1),
     createVNode(_component_el_input, {
       size: "small",
@@ -30037,7 +30115,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: _ctx.handleChange
     }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
     createTextVNode(" " + toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
-  ]);
+  ], 8, _hoisted_1$q);
 }
 var Jumper = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$B]]);
 
@@ -30052,16 +30130,21 @@ const _sfc_main$E = defineComponent({
   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 openBlock(), createElementBlock("span", _hoisted_1$p, toDisplayString(_ctx.t("el.pagination.total", {
+  return openBlock(), createElementBlock("span", {
+    class: "el-pagination__total",
+    disabled: _ctx.disabled
+  }, 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]]);
 
@@ -30402,6 +30485,14 @@ var Pagination = defineComponent({
       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(" ");
+      }
+    }
     provide(elPaginationKey, {
       pageCount: pageCountBridge,
       disabled: computed(() => props.disabled),
@@ -30448,7 +30539,8 @@ var Pagination = defineComponent({
           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: h$1(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -30469,6 +30561,8 @@ var Pagination = defineComponent({
       if (haveRightWrapper && rightWrapperChildren.length > 0) {
         rootChildren.unshift(rightWrapperRoot);
       }
+      addClass(rootChildren[0], "is-first");
+      addClass(rootChildren[rootChildren.length - 1], "is-last");
       return h$1("div", {
         role: "pagination",
         "aria-label": "pagination",
@@ -48147,4 +48241,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, barProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDialog, useDisabled$1 as useDisabled, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDialog, useDisabled$1 as useDisabled, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };