@varlet/ui 2.20.4 → 2.20.5-alpha.1703836585426

package/lib/varlet.cjs.js

@@ -628,20 +628,20 @@ var __async$h = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 function pickProps(props2, propsKey) {
@@ -702,20 +702,20 @@ function mountInstance(component, props2 = {}, eventListener = {}) {
   return { unmountInstance: unmount2 };
 }
 function flatFragment(vNodes) {
-  const result2 = [];
+  const result = [];
   vNodes.forEach((vNode) => {
     if (vNode.type === vue.Comment) {
       return;
     }
     if (vNode.type === vue.Fragment && isArray(vNode.children)) {
       vNode.children.forEach((item) => {
-        result2.push(item);
+        result.push(item);
       });
       return;
     }
-    result2.push(vNode);
+    result.push(vNode);
   });
-  return result2;
+  return result;
 }
 function useValidation() {
   const errorMessage = vue.ref("");
@@ -770,14 +770,14 @@ function defineListenerProp(fallback) {
     default: fallback
   };
 }
-function formatElevation(elevation2, defaultLevel) {
-  if (elevation2 === false) {
+function formatElevation(elevation, defaultLevel) {
+  if (elevation === false) {
     return null;
   }
-  if (elevation2 === true && defaultLevel) {
-    elevation2 = defaultLevel;
+  if (elevation === true && defaultLevel) {
+    elevation = defaultLevel;
   }
-  return `var-elevation--${elevation2}`;
+  return `var-elevation--${elevation}`;
 }
 var __defProp$s = Object.defineProperty;
 var __defProps$8 = Object.defineProperties;
@@ -830,19 +830,19 @@ function createRipple(event) {
   const task = () => {
     _ripple.tasker = null;
     const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
-    const ripple2 = document.createElement("div");
-    ripple2.classList.add(n$1n());
-    ripple2.style.opacity = `0`;
-    ripple2.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
-    ripple2.style.width = `${size}px`;
-    ripple2.style.height = `${size}px`;
-    _ripple.color && (ripple2.style.backgroundColor = _ripple.color);
-    ripple2.dataset.createdAt = String(performance.now());
+    const ripple = document.createElement("div");
+    ripple.classList.add(n$1n());
+    ripple.style.opacity = `0`;
+    ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
+    ripple.style.width = `${size}px`;
+    ripple.style.height = `${size}px`;
+    _ripple.color && (ripple.style.backgroundColor = _ripple.color);
+    ripple.dataset.createdAt = String(performance.now());
     setStyles(this);
-    this.appendChild(ripple2);
+    this.appendChild(ripple);
     window.setTimeout(() => {
-      ripple2.style.transform = `translate(${centerX}px, ${centerY}px) scale3d(1, 1, 1)`;
-      ripple2.style.opacity = `.25`;
+      ripple.style.transform = `translate(${centerX}px, ${centerY}px) scale3d(1, 1, 1)`;
+      ripple.style.opacity = `.25`;
     }, 20);
   };
   _ripple.tasker = window.setTimeout(task, 30);
@@ -1317,10 +1317,10 @@ function scrollTo(element, { top: top2 = 0, left: left2 = 0, duration = 300, ani
   const scrollLeft = getScrollLeft(element);
   return new Promise((resolve) => {
     const frame = () => {
-      const progress2 = (Date.now() - startTime) / duration;
-      if (progress2 < 1) {
-        const nextTop = scrollTop + (top2 - scrollTop) * animation(progress2);
-        const nextLeft = scrollLeft + (left2 - scrollLeft) * animation(progress2);
+      const progress = (Date.now() - startTime) / duration;
+      if (progress < 1) {
+        const nextTop = scrollTop + (top2 - scrollTop) * animation(progress);
+        const nextLeft = scrollLeft + (left2 - scrollLeft) * animation(progress);
         element.scrollTo(nextLeft, nextTop);
         requestAnimationFrame(frame);
       } else {
@@ -1345,20 +1345,20 @@ var __async$g = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$1e, n: n$1l, classes: classes$18 } = createNamespace("icon");
@@ -2189,11 +2189,11 @@ const __sfc__$1k = vue.defineComponent({
     const paddingLeft = vue.ref();
     const paddingRight = vue.ref();
     const rootStyles = vue.computed(() => {
-      const { image: image2, color, textColor, imageLinearGradient } = props2;
-      if (image2 != null) {
+      const { image, color, textColor, imageLinearGradient } = props2;
+      if (image != null) {
         const gradient = imageLinearGradient ? `linear-gradient(${imageLinearGradient}), ` : "";
         return {
-          "background-image": `${gradient}url(${image2})`,
+          "background-image": `${gradient}url(${image})`,
           "background-position": "center center",
           "background-size": "cover"
         };
@@ -2289,20 +2289,20 @@ var __async$f = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const BACKGROUND_IMAGE_ARG_NAME = "background-image";
@@ -2382,15 +2382,15 @@ function createLazy(el, binding) {
   call(defaultLazyOptions.filter, el._lazy);
 }
 function createImage(el, attemptSRC) {
-  const image2 = new Image();
-  image2.src = attemptSRC;
-  el._lazy.preloadImage = image2;
-  image2.addEventListener("load", () => {
+  const image = new Image();
+  image.src = attemptSRC;
+  el._lazy.preloadImage = image;
+  image.addEventListener("load", () => {
     el._lazy.attemptLock = false;
     imageCache.add(attemptSRC);
     setSuccess(el, attemptSRC);
   });
-  image2.addEventListener("error", () => {
+  image.addEventListener("error", () => {
     el._lazy.attemptLock = false;
     el._lazy.currentAttempt >= el._lazy.attempt ? setError(el) : attemptLoad(el);
   });
@@ -2452,9 +2452,9 @@ function updated$1(el, binding) {
   });
 }
 function mergeLazyOptions(lazyOptions = {}) {
-  const { events, loading: loading2, error: error2, attempt, throttleWait, filter } = lazyOptions;
+  const { events, loading, error: error2, attempt, throttleWait, filter } = lazyOptions;
   defaultLazyOptions.events = events != null ? events : defaultLazyOptions.events;
-  defaultLazyOptions.loading = loading2 != null ? loading2 : defaultLazyOptions.loading;
+  defaultLazyOptions.loading = loading != null ? loading : defaultLazyOptions.loading;
   defaultLazyOptions.error = error2 != null ? error2 : defaultLazyOptions.error;
   defaultLazyOptions.attempt = attempt != null ? attempt : defaultLazyOptions.attempt;
   defaultLazyOptions.throttleWait = throttleWait != null ? throttleWait : defaultLazyOptions.throttleWait;
@@ -2763,7 +2763,7 @@ function __render__$1g(_ctx, _cache) {
                     color: _ctx.color
                   })
                 },
-                _hoisted_2$f,
+                [..._hoisted_2$f],
                 6
                 /* CLASS, STYLE */
               )
@@ -3176,10 +3176,10 @@ const __sfc__$1f = vue.defineComponent({
   props: props$17,
   setup(props2) {
     const pending = vue.ref(false);
-    const { buttonGroup: buttonGroup2 } = useButtonGroup();
+    const { buttonGroup } = useButtonGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const states = vue.computed(() => {
-      if (!buttonGroup2) {
+      if (!buttonGroup) {
         return {
           elevation: formatElevation(props2.elevation, 2),
           type: props2.type != null ? props2.type : "default",
@@ -3190,7 +3190,7 @@ const __sfc__$1f = vue.defineComponent({
           outline: props2.outline
         };
       }
-      const { type, size, color, textColor, mode } = buttonGroup2;
+      const { type, size, color, textColor, mode } = buttonGroup;
       return {
         elevation: "",
         type: props2.type != null ? props2.type : type.value,
@@ -3201,11 +3201,11 @@ const __sfc__$1f = vue.defineComponent({
         outline: mode.value === "outline"
       };
     });
-    function attemptAutoLoading(result2) {
+    function attemptAutoLoading(result) {
       if (props2.autoLoading) {
         pending.value = true;
-        result2 = isArray(result2) ? result2 : [result2];
-        Promise.all(result2).then(() => {
+        result = isArray(result) ? result : [result];
+        Promise.all(result).then(() => {
           pending.value = false;
         }).catch(() => {
           pending.value = false;
@@ -3213,15 +3213,15 @@ const __sfc__$1f = vue.defineComponent({
       }
     }
     function handleClick(e) {
-      const { loading: loading2, disabled, onClick } = props2;
-      if (!onClick || loading2 || disabled || pending.value) {
+      const { loading, disabled, onClick } = props2;
+      if (!onClick || loading || disabled || pending.value) {
         return;
       }
       attemptAutoLoading(call(onClick, e));
     }
     function handleTouchstart(e) {
-      const { loading: loading2, disabled, onTouchstart } = props2;
-      if (!onTouchstart || loading2 || disabled || pending.value) {
+      const { loading, disabled, onTouchstart } = props2;
+      if (!onTouchstart || loading || disabled || pending.value) {
         return;
       }
       attemptAutoLoading(call(onTouchstart, e));
@@ -3667,8 +3667,8 @@ const __sfc__$1c = vue.defineComponent({
       const bottomNavigationItems2 = getBottomNavigationItems();
       const itemsNum = bottomNavigationItems2.length;
       const isEven = length2 % 2 === 0;
-      bottomNavigationItems2.forEach((bottomNavigationItem2, i) => {
-        handleMarginClass(isEven, bottomNavigationItem2, i, itemsNum);
+      bottomNavigationItems2.forEach((bottomNavigationItem, i) => {
+        handleMarginClass(isEven, bottomNavigationItem, i, itemsNum);
       });
     }
     function handleMarginClass(isEven, dom, i, length2) {
@@ -3805,19 +3805,19 @@ const __sfc__$1b = vue.defineComponent({
   props: props$13,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
-    const badge2 = vue.computed(() => props2.badge);
+    const badge = vue.computed(() => props2.badge);
     const badgeProps = vue.ref({});
-    const { index, bottomNavigation: bottomNavigation2, bindBottomNavigation } = useBottomNavigation();
-    const { active, activeColor, inactiveColor } = bottomNavigation2;
+    const { index, bottomNavigation, bindBottomNavigation } = useBottomNavigation();
+    const { active, activeColor, inactiveColor } = bottomNavigation;
     const bottomNavigationItemProvider = {
       name: name2,
       index
     };
     bindBottomNavigation(bottomNavigationItemProvider);
     vue.watch(
-      () => badge2.value,
+      () => badge.value,
       (newValue) => {
-        badgeProps.value = newValue === true ? defaultBadgeProps : badge2.value;
+        badgeProps.value = newValue === true ? defaultBadgeProps : badge.value;
       },
       { immediate: true }
     );
@@ -3828,12 +3828,12 @@ const __sfc__$1b = vue.defineComponent({
       var _a;
       const active2 = (_a = name2.value) != null ? _a : index.value;
       call(props2.onClick, active2);
-      call(bottomNavigation2.onToggle, active2);
+      call(bottomNavigation.onToggle, active2);
     }
     return {
       index,
       active,
-      badge: badge2,
+      badge,
       badgeProps,
       n: n$1a,
       classes: classes$Z,
@@ -3919,9 +3919,9 @@ const __sfc__$1a = vue.defineComponent({
   name: name$12,
   props: props$12,
   setup(props2) {
-    const { index, breadcrumb: breadcrumb2, bindBreadcrumb } = useBreadcrumb();
-    const isLast = vue.computed(() => index.value === breadcrumb2.length.value - 1);
-    const parentSeparator = vue.computed(() => breadcrumb2.separator.value);
+    const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
+    const isLast = vue.computed(() => index.value === breadcrumb.length.value - 1);
+    const parentSeparator = vue.computed(() => breadcrumb.separator.value);
     bindBreadcrumb(null);
     function handleClick(e) {
       if (isLast.value) {
@@ -4088,20 +4088,20 @@ var __async$e = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$$, n: n$16, classes: classes$W } = createNamespace("card");
@@ -4293,7 +4293,7 @@ const __sfc__$17 = vue.defineComponent({
   },
   props: props$$,
   setup(props2) {
-    const card2 = vue.ref(null);
+    const card = vue.ref(null);
     const cardFloater = vue.ref(null);
     const holderWidth = vue.ref("auto");
     const holderHeight = vue.ref("auto");
@@ -4335,7 +4335,7 @@ const __sfc__$17 = vue.defineComponent({
         floater.value = null;
         floater.value = setTimeout(
           () => __async$e(this, null, function* () {
-            const { width, height, left: left2, top: top2 } = getRect(card2.value);
+            const { width, height, left: left2, top: top2 } = getRect(card.value);
             holderWidth.value = toSizeUnit(width);
             holderHeight.value = toSizeUnit(height);
             floaterWidth.value = holderWidth.value;
@@ -4392,7 +4392,7 @@ const __sfc__$17 = vue.defineComponent({
       call(props2.onClick, e);
     }
     return {
-      card: card2,
+      card,
       cardFloater,
       holderWidth,
       holderHeight,
@@ -4854,7 +4854,7 @@ const __sfc__$14 = vue.defineComponent({
     const checked = vue.computed(() => value.value === props2.checkedValue);
     const checkedValue = vue.computed(() => props2.checkedValue);
     const withAnimation = vue.ref(false);
-    const { checkboxGroup: checkboxGroup2, bindCheckboxGroup } = useCheckboxGroup();
+    const { checkboxGroup, bindCheckboxGroup } = useCheckboxGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
     const {
@@ -4887,7 +4887,7 @@ const __sfc__$14 = vue.defineComponent({
       isIndeterminate.value = false;
       call(onChange, value.value);
       validateWithTrigger("onChange");
-      changedValue === checkedValue2 ? checkboxGroup2 == null ? void 0 : checkboxGroup2.onChecked(checkedValue2) : checkboxGroup2 == null ? void 0 : checkboxGroup2.onUnchecked(checkedValue2);
+      changedValue === checkedValue2 ? checkboxGroup == null ? void 0 : checkboxGroup.onChecked(checkedValue2) : checkboxGroup == null ? void 0 : checkboxGroup.onUnchecked(checkedValue2);
     }
     function handleClick(e) {
       const { disabled, readonly, checkedValue: checkedValue2, uncheckedValue, onClick } = props2;
@@ -4899,7 +4899,7 @@ const __sfc__$14 = vue.defineComponent({
         return;
       }
       withAnimation.value = true;
-      const maximum = checkboxGroup2 ? checkboxGroup2.checkedCount.value >= Number(checkboxGroup2.max.value) : false;
+      const maximum = checkboxGroup ? checkboxGroup.checkedCount.value >= Number(checkboxGroup.max.value) : false;
       if (!checked.value && maximum) {
         return;
       }
@@ -4932,7 +4932,7 @@ const __sfc__$14 = vue.defineComponent({
       withAnimation,
       checked,
       errorMessage,
-      checkboxGroupErrorMessage: checkboxGroup2 == null ? void 0 : checkboxGroup2.errorMessage,
+      checkboxGroupErrorMessage: checkboxGroup == null ? void 0 : checkboxGroup.errorMessage,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
@@ -5056,7 +5056,7 @@ const __sfc__$13 = vue.defineComponent({
       return checkboxes.forEach(({ sync }) => sync(props2.modelValue));
     }
     function resetWithAnimation() {
-      checkboxes.forEach((checkbox2) => checkbox2.resetWithAnimation());
+      checkboxes.forEach((checkbox) => checkbox.resetWithAnimation());
     }
     function checkAll2() {
       const checkedValues = checkboxes.map(({ checkedValue }) => checkedValue.value);
@@ -5301,14 +5301,14 @@ const __sfc__$11 = vue.defineComponent({
     const span = vue.computed(() => toNumber(props2.span));
     const offset2 = vue.computed(() => toNumber(props2.offset));
     const padding = vue.ref({ left: 0, right: 0, top: 0, bottom: 0 });
-    const { row: row2, bindRow } = useRow();
+    const { row, bindRow } = useRow();
     const colProvider = {
       setPadding(pad) {
         padding.value = pad;
       }
     };
     vue.watch([() => props2.span, () => props2.offset], () => {
-      row2 == null ? void 0 : row2.computePadding();
+      row == null ? void 0 : row.computePadding();
     });
     call(bindRow, colProvider);
     function getSize2(mode, size) {
@@ -5396,14 +5396,14 @@ const __sfc__$10 = vue.defineComponent({
   props: props$U,
   setup(props2) {
     const offset2 = vue.computed(() => props2.offset);
-    const divider2 = vue.computed(() => props2.divider);
-    const elevation2 = vue.computed(() => props2.elevation);
+    const divider = vue.computed(() => props2.divider);
+    const elevation = vue.computed(() => props2.elevation);
     const normalizeValues = vue.computed(() => normalizeToArray(props2.modelValue));
     const { length, collapseItems, bindCollapseItems } = useCollapseItem();
     const collapseProvider = {
       offset: offset2,
-      divider: divider2,
-      elevation: elevation2,
+      divider,
+      elevation,
       updateItem
     };
     vue.watch(
@@ -5450,8 +5450,8 @@ const __sfc__$10 = vue.defineComponent({
     }
     function resize() {
       const matchedItems = removeArrayBlank(normalizeToArray(matchItems()));
-      collapseItems.forEach((collapseItem2) => {
-        collapseItem2.init(matchedItems.includes(collapseItem2));
+      collapseItems.forEach((collapseItem) => {
+        collapseItem.init(matchedItems.includes(collapseItem));
       });
     }
     const toggleAll = (options) => {
@@ -5476,7 +5476,7 @@ const __sfc__$10 = vue.defineComponent({
       updateModelValue(modelValue);
     };
     return {
-      divider: divider2,
+      divider,
       n: n$$,
       toggleAll
     };
@@ -5514,20 +5514,20 @@ var __async$d = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$T, n: n$_, classes: classes$Q } = createNamespace("collapse-item");
@@ -5622,7 +5622,7 @@ function __render__$_(_ctx, _cache) {
           )
         ],
         34
-        /* CLASS, HYDRATE_EVENTS */
+        /* CLASS, NEED_HYDRATION */
       ), [
         [vue.vShow, _ctx.showContent]
       ])
@@ -5644,7 +5644,7 @@ const __sfc__$$ = vue.defineComponent({
     const name2 = vue.computed(() => props2.name);
     const disabled = vue.computed(() => props2.disabled);
     const { index, collapse, bindCollapse } = useCollapse();
-    const { offset: offset2, divider: divider2, elevation: elevation2, updateItem } = collapse;
+    const { offset: offset2, divider, elevation, updateItem } = collapse;
     const collapseItemProvider = {
       index,
       name: name2,
@@ -5717,8 +5717,8 @@ const __sfc__$$ = vue.defineComponent({
       isShow,
       showContent,
       offset: offset2,
-      divider: divider2,
-      elevation: elevation2,
+      divider,
+      elevation,
       contentEl,
       n: n$_,
       start: start2,
@@ -5802,7 +5802,7 @@ const __sfc__$_ = vue.defineComponent({
       }
     );
     vue.onMounted(() => {
-      countdown2();
+      countdown();
       if (props2.autoStart) {
         start2();
       }
@@ -5861,7 +5861,7 @@ const __sfc__$_ = vue.defineComponent({
       call(props2.onChange, timeData.value);
       showTime.value = parseFormat(props2.format, time);
     }
-    function countdown2() {
+    function countdown() {
       const { time, onEnd } = props2;
       const now = performance.now();
       if (!endTime) {
@@ -5877,7 +5877,7 @@ const __sfc__$_ = vue.defineComponent({
         return;
       }
       if (isStart) {
-        handle = requestAnimationFrame$1(countdown2);
+        handle = requestAnimationFrame$1(countdown);
       }
     }
     function start2(resume = false) {
@@ -5886,7 +5886,7 @@ const __sfc__$_ = vue.defineComponent({
       }
       isStart = true;
       endTime = performance.now() + (remainingTime || toNumber(props2.time));
-      countdown2();
+      countdown();
     }
     function pause() {
       isStart = false;
@@ -5896,7 +5896,7 @@ const __sfc__$_ = vue.defineComponent({
       endTime = 0;
       isStart = false;
       cancelAnimationFrame(handle);
-      countdown2();
+      countdown();
     }
     return {
       showTime,
@@ -8487,7 +8487,7 @@ const __sfc__$Z = vue.defineComponent({
         disableDecrement,
         decrementButton,
         lazyChange,
-        step: step2,
+        step,
         modelValue,
         onDecrement,
         onBeforeChange
@@ -8498,7 +8498,7 @@ const __sfc__$Z = vue.defineComponent({
       if (isMin.value) {
         return;
       }
-      const value = new Decimal(toNumber(modelValue)).minus(new Decimal(toNumber(step2))).toString();
+      const value = new Decimal(toNumber(modelValue)).minus(new Decimal(toNumber(step))).toString();
       const normalizedValue = normalizeValue(value);
       const normalizedValueNum = toNumber(normalizedValue);
       call(onDecrement, normalizedValueNum);
@@ -8516,7 +8516,7 @@ const __sfc__$Z = vue.defineComponent({
         disableIncrement,
         incrementButton,
         lazyChange,
-        step: step2,
+        step,
         modelValue,
         onIncrement,
         onBeforeChange
@@ -8527,7 +8527,7 @@ const __sfc__$Z = vue.defineComponent({
       if (isMax.value) {
         return;
       }
-      const value = new Decimal(toNumber(modelValue)).plus(new Decimal(toNumber(step2))).toString();
+      const value = new Decimal(toNumber(modelValue)).plus(new Decimal(toNumber(step))).toString();
       const normalizedValue = normalizeValue(value);
       const normalizedValueNum = toNumber(normalizedValue);
       call(onIncrement, normalizedValueNum);
@@ -8808,10 +8808,10 @@ var Dayjs = /* @__PURE__ */ function() {
   _proto.isBefore = function isBefore(that, units) {
     return this.endOf(units) < dayjs(that);
   };
-  _proto.$g = function $g(input2, get, set) {
-    if (Utils.u(input2))
+  _proto.$g = function $g(input, get, set) {
+    if (Utils.u(input))
       return this[get];
-    return this.set(set, input2);
+    return this.set(set, input);
   };
   _proto.unix = function unix() {
     return Math.floor(this.valueOf() / 1e3);
@@ -8906,8 +8906,8 @@ var Dayjs = /* @__PURE__ */ function() {
     if (unit === W) {
       return instanceFactorySet(7);
     }
-    var step2 = (_C$MIN$C$H$C$S$unit = {}, _C$MIN$C$H$C$S$unit[MIN] = MILLISECONDS_A_MINUTE, _C$MIN$C$H$C$S$unit[H] = MILLISECONDS_A_HOUR, _C$MIN$C$H$C$S$unit[S] = MILLISECONDS_A_SECOND, _C$MIN$C$H$C$S$unit)[unit] || 1;
-    var nextTimeStamp = this.$d.getTime() + number * step2;
+    var step = (_C$MIN$C$H$C$S$unit = {}, _C$MIN$C$H$C$S$unit[MIN] = MILLISECONDS_A_MINUTE, _C$MIN$C$H$C$S$unit[H] = MILLISECONDS_A_HOUR, _C$MIN$C$H$C$S$unit[S] = MILLISECONDS_A_SECOND, _C$MIN$C$H$C$S$unit)[unit] || 1;
+    var nextTimeStamp = this.$d.getTime() + number * step;
     return Utils.w(nextTimeStamp, this);
   };
   _proto.subtract = function subtract(number, string) {
@@ -8966,15 +8966,15 @@ var Dayjs = /* @__PURE__ */ function() {
   _proto.utcOffset = function utcOffset() {
     return -Math.round(this.$d.getTimezoneOffset() / 15) * 15;
   };
-  _proto.diff = function diff2(input2, units, _float) {
+  _proto.diff = function diff2(input, units, _float) {
     var _C$Y$C$M$C$Q$C$W$C$D$;
     var unit = Utils.p(units);
-    var that = dayjs(input2);
+    var that = dayjs(input);
     var zoneDelta = (that.utcOffset() - this.utcOffset()) * MILLISECONDS_A_MINUTE;
     var diff3 = this - that;
-    var result2 = Utils.m(this, that);
-    result2 = (_C$Y$C$M$C$Q$C$W$C$D$ = {}, _C$Y$C$M$C$Q$C$W$C$D$[Y] = result2 / 12, _C$Y$C$M$C$Q$C$W$C$D$[M] = result2, _C$Y$C$M$C$Q$C$W$C$D$[Q] = result2 / 3, _C$Y$C$M$C$Q$C$W$C$D$[W] = (diff3 - zoneDelta) / MILLISECONDS_A_WEEK, _C$Y$C$M$C$Q$C$W$C$D$[D] = (diff3 - zoneDelta) / MILLISECONDS_A_DAY, _C$Y$C$M$C$Q$C$W$C$D$[H] = diff3 / MILLISECONDS_A_HOUR, _C$Y$C$M$C$Q$C$W$C$D$[MIN] = diff3 / MILLISECONDS_A_MINUTE, _C$Y$C$M$C$Q$C$W$C$D$[S] = diff3 / MILLISECONDS_A_SECOND, _C$Y$C$M$C$Q$C$W$C$D$)[unit] || diff3;
-    return _float ? result2 : Utils.a(result2);
+    var result = Utils.m(this, that);
+    result = (_C$Y$C$M$C$Q$C$W$C$D$ = {}, _C$Y$C$M$C$Q$C$W$C$D$[Y] = result / 12, _C$Y$C$M$C$Q$C$W$C$D$[M] = result, _C$Y$C$M$C$Q$C$W$C$D$[Q] = result / 3, _C$Y$C$M$C$Q$C$W$C$D$[W] = (diff3 - zoneDelta) / MILLISECONDS_A_WEEK, _C$Y$C$M$C$Q$C$W$C$D$[D] = (diff3 - zoneDelta) / MILLISECONDS_A_DAY, _C$Y$C$M$C$Q$C$W$C$D$[H] = diff3 / MILLISECONDS_A_HOUR, _C$Y$C$M$C$Q$C$W$C$D$[MIN] = diff3 / MILLISECONDS_A_MINUTE, _C$Y$C$M$C$Q$C$W$C$D$[S] = diff3 / MILLISECONDS_A_SECOND, _C$Y$C$M$C$Q$C$W$C$D$)[unit] || diff3;
+    return _float ? result : Utils.a(result);
   };
   _proto.daysInMonth = function daysInMonth() {
     return this.endOf(M).$D;
@@ -9011,13 +9011,13 @@ var Dayjs = /* @__PURE__ */ function() {
 var proto = Dayjs.prototype;
 dayjs.prototype = proto;
 [["$ms", MS], ["$s", S], ["$m", MIN], ["$H", H], ["$W", D], ["$M", M], ["$y", Y], ["$D", DATE]].forEach(function(g) {
-  proto[g[1]] = function(input2) {
-    return this.$g(input2, g[0], g[1]);
+  proto[g[1]] = function(input) {
+    return this.$g(input, g[0], g[1]);
   };
 });
-dayjs.extend = function(plugin, option2) {
+dayjs.extend = function(plugin, option) {
   if (!plugin.$i) {
-    plugin(option2, Dayjs, dayjs);
+    plugin(option, Dayjs, dayjs);
     plugin.$i = true;
   }
   return dayjs;
@@ -9493,20 +9493,20 @@ var __async$c = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$Q, n: n$V, classes: classes$N } = createNamespace("sticky");
@@ -9582,13 +9582,13 @@ const __sfc__$W = vue.defineComponent({
         scrollerTop = top2;
       }
       const wrapper3 = wrapperEl.value;
-      const sticky2 = stickyEl.value;
-      const { top: stickyTop, left: stickyLeft } = getRect(sticky2);
+      const sticky = stickyEl.value;
+      const { top: stickyTop, left: stickyLeft } = getRect(sticky);
       const currentOffsetTop = stickyTop - scrollerTop;
       if (currentOffsetTop <= offsetTop.value) {
         if (!cssMode) {
-          fixedWidth.value = `${sticky2.offsetWidth}px`;
-          fixedHeight.value = `${sticky2.offsetHeight}px`;
+          fixedWidth.value = `${sticky.offsetWidth}px`;
+          fixedHeight.value = `${sticky.offsetHeight}px`;
           fixedTop.value = `${scrollerTop + offsetTop.value}px`;
           fixedLeft.value = `${stickyLeft}px`;
           fixedWrapperWidth.value = `${wrapper3.offsetWidth}px`;
@@ -9784,16 +9784,16 @@ const __sfc__$V = vue.defineComponent({
       right: false
     });
     const yearList = vue.computed(() => {
-      const list2 = [];
+      const list = [];
       if (!props2.preview)
-        return list2;
+        return list;
       let startYear = Math.floor(toNumber(props2.preview) / 100 + page.value) * 100;
       startYear = startYear < 0 ? 0 : startYear;
       const yearRange = [startYear, startYear + 100];
       for (let i = yearRange[0]; i < yearRange[1]; i++) {
-        list2.push(i);
+        list.push(i);
       }
-      return list2;
+      return list;
     });
     const shouldChoose = (val) => {
       const {
@@ -9909,15 +9909,15 @@ const __sfc__$V = vue.defineComponent({
     );
     vue.watch(
       yearList,
-      (list2) => {
+      (list) => {
         const {
           componentProps: { min: min2, max: max2 }
         } = props2;
         if (max2)
-          panelBtnDisabled.right = !dayjs(`${toNumber(list2[list2.length - 1])}`).isSameOrBefore(dayjs(max2), "year");
+          panelBtnDisabled.right = !dayjs(`${toNumber(list[list.length - 1])}`).isSameOrBefore(dayjs(max2), "year");
         if (min2)
-          panelBtnDisabled.left = !dayjs(`${toNumber(list2[0])}`).isSameOrAfter(dayjs(min2), "year");
-        if (toNumber(list2[0] <= 0))
+          panelBtnDisabled.left = !dayjs(`${toNumber(list[0])}`).isSameOrAfter(dayjs(min2), "year");
+        if (toNumber(list[0] <= 0))
           panelBtnDisabled.left = false;
       },
       {
@@ -10293,20 +10293,20 @@ var __async$b = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$P, n: n$S, classes: classes$K } = createNamespace("date-picker");
@@ -10535,7 +10535,7 @@ function __render__$S(_ctx, _cache) {
           }, 8, ["name"])
         ],
         34
-        /* CLASS, HYDRATE_EVENTS */
+        /* CLASS, NEED_HYDRATION */
       ),
       _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock(
         "div",
@@ -11469,20 +11469,20 @@ var __async$a = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$M, n: n$P, classes: classes$H } = createNamespace("drag");
@@ -11518,7 +11518,7 @@ const __sfc__$Q = vue.defineComponent({
   inheritAttrs: false,
   props: props$M,
   setup(props2, { attrs }) {
-    const drag2 = vue.ref(null);
+    const drag = vue.ref(null);
     const x = vue.ref(0);
     const y = vue.ref(0);
     const dragged = vue.ref(false);
@@ -11582,7 +11582,7 @@ const __sfc__$Q = vue.defineComponent({
       y.value = top2;
     }
     function getOffset() {
-      const dragRect = getRect(drag2.value);
+      const dragRect = getRect(drag.value);
       const windowRect = getRect(window);
       const top2 = dragRect.top - windowRect.top;
       const bottom2 = windowRect.bottom - dragRect.bottom;
@@ -11677,7 +11677,7 @@ const __sfc__$Q = vue.defineComponent({
       y.value = 0;
     }
     return {
-      drag: drag2,
+      drag,
       x,
       y,
       enableTransition,
@@ -11918,16 +11918,16 @@ function getScrollParent(node) {
   }
   return getScrollParent(getParentNode(node));
 }
-function listScrollParents(element, list2) {
+function listScrollParents(element, list) {
   var _element$ownerDocumen;
-  if (list2 === void 0) {
-    list2 = [];
+  if (list === void 0) {
+    list = [];
   }
   var scrollParent = getScrollParent(element);
   var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
   var win = getWindow(scrollParent);
   var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
-  var updatedList = list2.concat(target);
+  var updatedList = list.concat(target);
   return isBody ? updatedList : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     updatedList.concat(listScrollParents(getParentNode(target)))
@@ -12530,7 +12530,7 @@ function getLayoutRect(element) {
 function order(modifiers) {
   var map = /* @__PURE__ */ new Map();
   var visited = /* @__PURE__ */ new Set();
-  var result2 = [];
+  var result = [];
   modifiers.forEach(function(modifier) {
     map.set(modifier.name, modifier);
   });
@@ -12545,14 +12545,14 @@ function order(modifiers) {
         }
       }
     });
-    result2.push(modifier);
+    result.push(modifier);
   }
   modifiers.forEach(function(modifier) {
     if (!visited.has(modifier.name)) {
       sort(modifier);
     }
   });
-  return result2;
+  return result;
 }
 function orderModifiers(modifiers) {
   var orderedModifiers = order(modifiers);
@@ -12990,20 +12990,20 @@ var __async$9 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 function usePopover(options) {
@@ -13387,7 +13387,7 @@ function __render__$O(_ctx, _cache) {
                 )
               ],
               38
-              /* CLASS, STYLE, HYDRATE_EVENTS */
+              /* CLASS, STYLE, NEED_HYDRATION */
             ), [
               [vue.vShow, _ctx.show]
             ])
@@ -13398,7 +13398,7 @@ function __render__$O(_ctx, _cache) {
       ], 8, ["to", "disabled"]))
     ],
     34
-    /* CLASS, HYDRATE_EVENTS */
+    /* CLASS, NEED_HYDRATION */
   );
 }
 const __sfc__$P = vue.defineComponent({
@@ -14134,7 +14134,7 @@ function __render__$L(_ctx, _cache) {
         )
       ],
       38
-      /* CLASS, STYLE, HYDRATE_EVENTS */
+      /* CLASS, STYLE, NEED_HYDRATION */
     )
   ], 8, ["to", "disabled"]);
 }
@@ -14268,20 +14268,20 @@ var __async$8 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$G, n: n$J } = createNamespace("form");
@@ -14297,7 +14297,7 @@ function __render__$K(_ctx, _cache) {
       vue.renderSlot(_ctx.$slots, "default")
     ],
     34
-    /* CLASS, HYDRATE_EVENTS */
+    /* CLASS, NEED_HYDRATION */
   );
 }
 const __sfc__$L = vue.defineComponent({
@@ -14348,7 +14348,7 @@ const __sfc__$L = vue.defineComponent({
           }
           return !hasError;
         }
-        return res.every((result2) => result2 === true);
+        return res.every((result) => result === true);
       });
     }
     function reset() {
@@ -14549,20 +14549,20 @@ var __async$7 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const SWIPE_DELAY = 250;
@@ -14598,7 +14598,7 @@ function __render__$I(_ctx, _cache) {
           vue.renderSlot(_ctx.$slots, "default")
         ],
         38
-        /* CLASS, STYLE, HYDRATE_EVENTS */
+        /* CLASS, STYLE, NEED_HYDRATION */
       ),
       _ctx.navigation ? vue.renderSlot(_ctx.$slots, "prev", vue.normalizeProps(vue.mergeProps({ key: 0 }, {
         index: _ctx.index,
@@ -14746,7 +14746,7 @@ const __sfc__$J = vue.defineComponent({
     const index = vue.ref(0);
     const hovering = vue.ref(false);
     const { swipeItems, bindSwipeItems, length } = useSwipeItems();
-    const { popup: popup2, bindPopup } = usePopup();
+    const { popup, bindPopup } = usePopup();
     const {
       deltaX,
       deltaY,
@@ -14778,9 +14778,9 @@ const __sfc__$J = vue.defineComponent({
         resize();
       })
     );
-    if (popup2) {
+    if (popup) {
       vue.watch(
-        () => popup2.show.value,
+        () => popup.show.value,
         (show) => __async$7(this, null, function* () {
           if (show) {
             yield doubleRaf();
@@ -14951,8 +14951,8 @@ const __sfc__$J = vue.defineComponent({
       size.value = props2.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
       trackSize.value = size.value * length.value;
       trackTranslate.value = index.value * -size.value;
-      swipeItems.forEach((swipeItem2) => {
-        swipeItem2.setTranslate(0);
+      swipeItems.forEach((swipeItem) => {
+        swipeItem.setTranslate(0);
       });
       startAutoplay();
       setTimeout(() => {
@@ -15080,8 +15080,8 @@ const __sfc__$I = vue.defineComponent({
   name: name$D,
   setup() {
     const translate = vue.ref(0);
-    const { swipe: swipe2, bindSwipe, index } = useSwipe();
-    const { size, vertical } = swipe2;
+    const { swipe, bindSwipe, index } = useSwipe();
+    const { size, vertical } = swipe;
     const swipeItemProvider = {
       index,
       setTranslate
@@ -15193,11 +15193,11 @@ function __render__$G(_ctx, _cache) {
           (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
             null,
-            vue.renderList(_ctx.images, (image2, idx) => {
+            vue.renderList(_ctx.images, (image, idx) => {
               return vue.openBlock(), vue.createBlock(_component_var_swipe_item, {
                 class: vue.normalizeClass(_ctx.n("swipe-item")),
                 "var-image-preview-cover": "",
-                key: image2
+                key: image
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", {
@@ -15214,8 +15214,8 @@ function __render__$G(_ctx, _cache) {
                   }, [
                     vue.createElementVNode("img", {
                       class: vue.normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
-                      src: image2,
-                      alt: image2
+                      src: image,
+                      alt: image
                     }, null, 10, _hoisted_2$c)
                   ], 46, _hoisted_1$i)
                 ]),
@@ -15297,7 +15297,7 @@ const __sfc__$H = vue.defineComponent({
       if (initialIndex2 != null) {
         return toNumber(initialIndex2);
       }
-      const index = images.findIndex((image2) => image2 === current);
+      const index = images.findIndex((image) => image === current);
       return Math.max(index, 0);
     });
     const isPreventDefault = vue.computed(() => {
@@ -15629,8 +15629,8 @@ const __sfc__$G = vue.defineComponent({
     const disabled = vue.ref(false);
     const name2 = vue.computed(() => props2.index);
     const anchorEl = vue.ref(null);
-    const { index, indexBar: indexBar2, bindIndexBar } = useIndexBar();
-    const { active, sticky: sticky2, cssMode, stickyOffsetTop, zIndex } = indexBar2;
+    const { index, indexBar, bindIndexBar } = useIndexBar();
+    const { active, sticky, cssMode, stickyOffsetTop, zIndex } = indexBar;
     const indexAnchorProvider = {
       index,
       name: name2,
@@ -15654,7 +15654,7 @@ const __sfc__$G = vue.defineComponent({
       name: name2,
       anchorEl,
       active,
-      sticky: sticky2,
+      sticky,
       zIndex,
       disabled,
       cssMode,
@@ -15698,20 +15698,20 @@ var __async$6 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$A, n: n$D, classes: classes$x } = createNamespace("index-bar");
@@ -15763,7 +15763,7 @@ const __sfc__$F = vue.defineComponent({
     const barEl = vue.ref(null);
     const anchorNameList = vue.ref([]);
     const active = vue.ref();
-    const sticky2 = vue.computed(() => props2.sticky);
+    const sticky = vue.computed(() => props2.sticky);
     const cssMode = vue.computed(() => props2.stickyCssMode || props2.cssMode);
     const stickyOffsetTop = vue.computed(() => toPxNum(props2.stickyOffsetTop));
     const zIndex = vue.computed(() => props2.zIndex);
@@ -15772,7 +15772,7 @@ const __sfc__$F = vue.defineComponent({
     let isDeactivated = false;
     const indexBarProvider = {
       active,
-      sticky: sticky2,
+      sticky,
       cssMode,
       stickyOffsetTop,
       zIndex
@@ -16112,7 +16112,7 @@ function __render__$D(_ctx, _cache) {
       ]), 1032, ["error-message", "extra-message"])
     ],
     34
-    /* CLASS, HYDRATE_EVENTS */
+    /* CLASS, NEED_HYDRATION */
   );
 }
 const __sfc__$E = vue.defineComponent({
@@ -16481,20 +16481,20 @@ var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$x, n: n$A, classes: classes$u } = createNamespace("list");
@@ -16597,11 +16597,11 @@ const __sfc__$C = vue.defineComponent({
   setup(props2) {
     const listEl = vue.ref(null);
     const detectorEl = vue.ref(null);
-    const { tabItem: tabItem2, bindTabItem } = useTabItem();
+    const { tabItem, bindTabItem } = useTabItem();
     let scroller;
     call(bindTabItem, {});
-    if (tabItem2) {
-      vue.watch(() => tabItem2.current.value, check2);
+    if (tabItem) {
+      vue.watch(() => tabItem.current.value, check2);
     }
     vue.watch(() => [props2.loading, props2.error, props2.finished], check2);
     onSmartMounted(() => {
@@ -16628,7 +16628,7 @@ const __sfc__$C = vue.defineComponent({
     function check2() {
       return __async$5(this, null, function* () {
         yield vue.nextTick();
-        if (props2.loading || props2.finished || props2.error || (tabItem2 == null ? void 0 : tabItem2.current.value) === false || !isReachBottom()) {
+        if (props2.loading || props2.finished || props2.error || (tabItem == null ? void 0 : tabItem.current.value) === false || !isReachBottom()) {
           return;
         }
         load();
@@ -16878,7 +16878,7 @@ function __render__$A(_ctx, _cache) {
                 vue.renderSlot(_ctx.$slots, "menu")
               ],
               38
-              /* CLASS, STYLE, HYDRATE_EVENTS */
+              /* CLASS, STYLE, NEED_HYDRATION */
             ), [
               [vue.vShow, _ctx.show]
             ])
@@ -16889,7 +16889,7 @@ function __render__$A(_ctx, _cache) {
       ], 8, ["to", "disabled"]))
     ],
     34
-    /* CLASS, HYDRATE_EVENTS */
+    /* CLASS, NEED_HYDRATION */
   );
 }
 const __sfc__$B = vue.defineComponent({
@@ -17045,8 +17045,8 @@ const __sfc__$A = vue.defineComponent({
     const selected = vue.computed(() => optionSelected.value);
     const label = vue.computed(() => props2.label);
     const value = vue.computed(() => props2.value);
-    const { menuSelect: menuSelect2, bindMenuSelect } = useMenuSelect();
-    const { size, multiple, onSelect, computeLabel } = menuSelect2;
+    const { menuSelect, bindMenuSelect } = useMenuSelect();
+    const { size, multiple, onSelect, computeLabel } = menuSelect;
     const { hovering, handleHovering } = useHoverOverlay();
     const menuOptionProvider = {
       label,
@@ -17169,11 +17169,11 @@ function useSelectController(options) {
   function findLabel(targetValue) {
     var _a;
     const options2 = optionProvidersGetter();
-    let option2 = options2.find(({ value }) => value.value === targetValue);
-    if (!option2) {
-      option2 = options2.find(({ label: label2 }) => label2.value === targetValue);
+    let option = options2.find(({ value }) => value.value === targetValue);
+    if (!option) {
+      option = options2.find(({ label: label2 }) => label2.value === targetValue);
     }
-    return (_a = option2 == null ? void 0 : option2.label.value) != null ? _a : "";
+    return (_a = option == null ? void 0 : option.label.value) != null ? _a : "";
   }
   function findValueOrLabel({ value, label: label2 }) {
     if (value.value != null) {
@@ -17181,19 +17181,19 @@ function useSelectController(options) {
     }
     return label2.value;
   }
-  function getSelectedValue(option2) {
+  function getSelectedValue(option) {
     const multiple = multipleGetter();
     const options2 = optionProvidersGetter();
-    return multiple ? options2.filter(({ selected }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option2);
+    return multiple ? options2.filter(({ selected }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option);
   }
   function syncOptions() {
     const multiple = multipleGetter();
     const modelValue = modelValueGetter();
     const options2 = optionProvidersGetter();
     if (multiple) {
-      options2.forEach((option2) => option2.sync(modelValue.includes(findValueOrLabel(option2))));
+      options2.forEach((option) => option.sync(modelValue.includes(findValueOrLabel(option))));
     } else {
-      options2.forEach((option2) => option2.sync(modelValue === findValueOrLabel(option2)));
+      options2.forEach((option) => option.sync(modelValue === findValueOrLabel(option)));
     }
     computeLabel();
   }
@@ -17256,7 +17256,7 @@ const __sfc__$z = vue.defineComponent({
   components: { VarMenu: stdin_default$1O },
   props: props$t,
   setup(props2) {
-    const menu2 = vue.ref(null);
+    const menu = vue.ref(null);
     const show = useVModel(props2, "show");
     const { menuOptions, length, bindMenuOptions } = useMenuOptions();
     const { computeLabel, getSelectedValue } = useSelectController({
@@ -17272,28 +17272,28 @@ const __sfc__$z = vue.defineComponent({
       onSelect
     };
     bindMenuOptions(menuSelectProvider);
-    function onSelect(option2) {
+    function onSelect(option) {
       const { multiple, closeOnSelect } = props2;
-      call(props2["onUpdate:modelValue"], getSelectedValue(option2));
+      call(props2["onUpdate:modelValue"], getSelectedValue(option));
       if (!multiple && closeOnSelect) {
         show.value = false;
       }
     }
     function open() {
       var _a;
-      (_a = menu2.value) == null ? void 0 : _a.open();
+      (_a = menu.value) == null ? void 0 : _a.open();
     }
     function close() {
       var _a;
-      (_a = menu2.value) == null ? void 0 : _a.close();
+      (_a = menu.value) == null ? void 0 : _a.close();
     }
     function resize() {
       var _a;
-      (_a = menu2.value) == null ? void 0 : _a.resize();
+      (_a = menu.value) == null ? void 0 : _a.resize();
     }
     return {
       show,
-      menu: menu2,
+      menu,
       n: n$w,
       classes: classes$q,
       formatElevation,
@@ -17408,8 +17408,8 @@ const __sfc__$y = vue.defineComponent({
     const selected = vue.computed(() => optionSelected.value);
     const label = vue.computed(() => props2.label);
     const value = vue.computed(() => props2.value);
-    const { select: select2, bindSelect } = useSelect();
-    const { multiple, focusColor, onSelect, computeLabel } = select2;
+    const { select, bindSelect } = useSelect();
+    const { multiple, focusColor, onSelect, computeLabel } = select;
     const { hovering, handleHovering } = useHoverOverlay();
     const optionProvider = {
       label,
@@ -17703,15 +17703,15 @@ function __render__$w(_ctx, _cache) {
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
-                vue.renderList(_ctx.sizeOption, (option2, index) => {
+                vue.renderList(_ctx.sizeOption, (option, index) => {
                   return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_var_cell, {
-                    class: vue.normalizeClass(_ctx.classes(_ctx.n("list"), [_ctx.size === option2, _ctx.n("list--active")])),
+                    class: vue.normalizeClass(_ctx.classes(_ctx.n("list"), [_ctx.size === option, _ctx.n("list--active")])),
                     key: index,
-                    onClick: ($event) => _ctx.clickSize(option2)
+                    onClick: ($event) => _ctx.clickSize(option)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
-                        vue.toDisplayString(option2) + vue.toDisplayString(_ctx.pack.paginationItem) + " / " + vue.toDisplayString(_ctx.pack.paginationPage),
+                        vue.toDisplayString(option) + vue.toDisplayString(_ctx.pack.paginationItem) + " / " + vue.toDisplayString(_ctx.pack.paginationPage),
                         1
                         /* TEXT */
                       )
@@ -17836,7 +17836,7 @@ const __sfc__$x = vue.defineComponent({
     vue.watch(
       [current, size, pageCount],
       ([newCurrent, newSize, newCount], [oldCurrent, oldSize]) => {
-        let list2 = [];
+        let list = [];
         const { maxPagerCount, total, onChange } = props2;
         const oldCount = Math.ceil(toNumber(total) / toNumber(oldSize));
         const rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
@@ -17844,38 +17844,38 @@ const __sfc__$x = vue.defineComponent({
         if (newCount - 2 > maxPagerCount) {
           if (oldCurrent === void 0 || newCount !== oldCount) {
             for (let i = 2; i < maxPagerCount + 2; i++)
-              list2.push(i);
+              list.push(i);
           }
           if (newCurrent <= maxPagerCount && newCurrent < rEllipseSign) {
-            list2 = [];
+            list = [];
             for (let i = 1; i < maxPagerCount + 1; i++) {
-              list2.push(i + 1);
+              list.push(i + 1);
             }
             isHideEllipsisHead.value = true;
             isHideEllipsisTail.value = false;
           }
           if (newCurrent > maxPagerCount && newCurrent < rEllipseSign) {
-            list2 = [];
+            list = [];
             for (let i = 1; i < maxPagerCount + 1; i++) {
-              list2.push(newCurrent + i - activePosition.value);
+              list.push(newCurrent + i - activePosition.value);
             }
             isHideEllipsisHead.value = newCurrent === 2 && maxPagerCount === 1;
             isHideEllipsisTail.value = false;
           }
           if (newCurrent >= rEllipseSign) {
-            list2 = [];
+            list = [];
             for (let i = 1; i < maxPagerCount + 1; i++) {
-              list2.push(newCount - (maxPagerCount - i) - 1);
+              list.push(newCount - (maxPagerCount - i) - 1);
             }
             isHideEllipsisHead.value = false;
             isHideEllipsisTail.value = true;
           }
-          list2 = [1, "...", ...list2, "...", newCount];
+          list = [1, "...", ...list, "...", newCount];
         } else {
           for (let i = 1; i <= newCount; i++)
-            list2.push(i);
+            list.push(i);
         }
-        pageList.value = list2;
+        pageList.value = list;
         if (oldCurrent != null && newCount > 0) {
           call(onChange, newCurrent, newSize);
         }
@@ -17922,8 +17922,8 @@ const __sfc__$x = vue.defineComponent({
       }
       menuVisible.value = true;
     }
-    function clickSize(option2) {
-      size.value = option2;
+    function clickSize(option) {
+      size.value = option;
       menuVisible.value = false;
       const targetCurrent = ensureCurrentBoundary(current.value);
       simpleCurrentValue.value = String(targetCurrent);
@@ -18258,19 +18258,19 @@ function __render__$u(_ctx, _cache) {
                         (vue.openBlock(true), vue.createElementBlock(
                           vue.Fragment,
                           null,
-                          vue.renderList(c.column, (option2, index) => {
+                          vue.renderList(c.column, (option, index) => {
                             return vue.openBlock(), vue.createElementBlock("div", {
-                              key: _ctx.getValue(option2),
-                              class: vue.normalizeClass(_ctx.classes(_ctx.n("option"), option2.className)),
+                              key: _ctx.getValue(option),
+                              class: vue.normalizeClass(_ctx.classes(_ctx.n("option"), option.className)),
                               style: vue.normalizeStyle({ height: `${_ctx.optionHeight}px` }),
                               onClick: ($event) => _ctx.handleClick(c, index)
                             }, [
                               vue.createElementVNode(
                                 "div",
                                 {
-                                  class: vue.normalizeClass(_ctx.classes(_ctx.n("text"), option2.textClassName))
+                                  class: vue.normalizeClass(_ctx.classes(_ctx.n("text"), option.textClassName))
                                 },
-                                vue.toDisplayString(option2[_ctx.getOptionKey("text")]),
+                                vue.toDisplayString(option[_ctx.getOptionKey("text")]),
                                 3
                                 /* TEXT, CLASS */
                               )
@@ -18352,9 +18352,9 @@ const __sfc__$v = vue.defineComponent({
       };
       return keyMap[key];
     }
-    function getValue(option2) {
+    function getValue(option) {
       var _a;
-      return (_a = option2[getOptionKey("value")]) != null ? _a : option2[getOptionKey("text")];
+      return (_a = option[getOptionKey("value")]) != null ? _a : option[getOptionKey("text")];
     }
     function setPrevIndexes(indexes) {
       prevIndexes = [...indexes];
@@ -18415,7 +18415,7 @@ const __sfc__$v = vue.defineComponent({
     }
     function updateScrollColumnsIndex() {
       scrollColumns.value.forEach((scrollColumn, idx) => {
-        const index = scrollColumn.column.findIndex((option2) => modelValue.value[idx] === getValue(option2));
+        const index = scrollColumn.column.findIndex((option) => modelValue.value[idx] === getValue(option));
         scrollColumn.index = index === -1 ? 0 : index;
         scrollTo2(scrollColumn);
       });
@@ -18446,10 +18446,10 @@ const __sfc__$v = vue.defineComponent({
       const indexes = [];
       const options = [];
       scrollColumns.value.forEach(({ column, index }) => {
-        const option2 = column[index];
-        values.push(getValue(option2));
+        const option = column[index];
+        values.push(getValue(option));
         indexes.push(index);
-        options.push(option2);
+        options.push(option);
       });
       return {
         values,
@@ -18821,11 +18821,11 @@ function __render__$t(_ctx, _cache) {
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
                   null,
-                  vue.renderList(_ctx.linearGradientProgress, (progress2, idx) => {
+                  vue.renderList(_ctx.linearGradientProgress, (progress, idx) => {
                     return vue.openBlock(), vue.createElementBlock("stop", {
                       key: idx,
-                      offset: progress2,
-                      "stop-color": _ctx.color[progress2]
+                      offset: progress,
+                      "stop-color": _ctx.color[progress]
                     }, null, 8, _hoisted_4$2);
                   }),
                   128
@@ -18973,20 +18973,20 @@ var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$m, n: n$p, classes: classes$k } = createNamespace("pull-refresh");
@@ -19024,7 +19024,7 @@ function __render__$s(_ctx, _cache) {
       vue.renderSlot(_ctx.$slots, "default")
     ],
     34
-    /* CLASS, HYDRATE_EVENTS */
+    /* CLASS, NEED_HYDRATION */
   );
 }
 const __sfc__$t = vue.defineComponent({
@@ -19329,7 +19329,7 @@ const __sfc__$s = vue.defineComponent({
     const value = useVModel(props2, "modelValue");
     const checked = vue.computed(() => value.value === props2.checkedValue);
     const withAnimation = vue.ref(false);
-    const { radioGroup: radioGroup2, bindRadioGroup } = useRadioGroup();
+    const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
     const {
@@ -19355,12 +19355,12 @@ const __sfc__$s = vue.defineComponent({
     }
     function change(changedValue) {
       const { checkedValue, onChange } = props2;
-      if (radioGroup2 && value.value === checkedValue) {
+      if (radioGroup && value.value === checkedValue) {
         return;
       }
       value.value = changedValue;
       call(onChange, value.value);
-      radioGroup2 == null ? void 0 : radioGroup2.onToggle(checkedValue);
+      radioGroup == null ? void 0 : radioGroup.onToggle(checkedValue);
       validateWithTrigger("onChange");
     }
     function handleClick(e) {
@@ -19398,7 +19398,7 @@ const __sfc__$s = vue.defineComponent({
       withAnimation,
       checked,
       errorMessage,
-      radioGroupErrorMessage: radioGroup2 == null ? void 0 : radioGroup2.errorMessage,
+      radioGroupErrorMessage: radioGroup == null ? void 0 : radioGroup.errorMessage,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
@@ -19670,7 +19670,7 @@ const __sfc__$q = vue.defineComponent({
         color,
         half: half2,
         emptyColor,
-        icon: icon2,
+        icon,
         halfIcon,
         emptyIcon,
         namespace,
@@ -19682,7 +19682,7 @@ const __sfc__$q = vue.defineComponent({
         iconColor = disabledColor;
       }
       if (index <= modelValue) {
-        return { color: iconColor, name: icon2, namespace };
+        return { color: iconColor, name: icon, namespace };
       }
       if (half2 && index <= modelValue + 0.5) {
         return { color: iconColor, name: halfIcon, namespace: halfIconNamespace };
@@ -19774,7 +19774,7 @@ const _hoisted_3$6 = [
   _hoisted_2$8
 ];
 function __render__$o(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$6);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._hoisted_3$6]);
 }
 const __sfc__$p = vue.defineComponent({});
 __sfc__$p.render = __render__$o;
@@ -19795,7 +19795,7 @@ const _hoisted_3$5 = [
   _hoisted_2$7
 ];
 function __render__$n(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$5);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, [..._hoisted_3$5]);
 }
 const __sfc__$o = vue.defineComponent({});
 __sfc__$o.render = __render__$n;
@@ -19816,7 +19816,7 @@ const _hoisted_3$4 = [
   _hoisted_2$6
 ];
 function __render__$m(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$4);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, [..._hoisted_3$4]);
 }
 const __sfc__$n = vue.defineComponent({});
 __sfc__$n.render = __render__$m;
@@ -19934,7 +19934,7 @@ const _hoisted_3$3 = [
   _hoisted_2$5
 ];
 function __render__$k(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$3);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, [..._hoisted_3$3]);
 }
 const __sfc__$l = vue.defineComponent({});
 __sfc__$l.render = __render__$k;
@@ -19955,7 +19955,7 @@ const _hoisted_3$2 = [
   _hoisted_2$4
 ];
 function __render__$j(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$2);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [..._hoisted_3$2]);
 }
 const __sfc__$k = vue.defineComponent({});
 __sfc__$k.render = __render__$j;
@@ -20139,9 +20139,9 @@ const __sfc__$i = vue.defineComponent({
     vue.watch(() => props2.gutter, computePadding);
     bindCols(rowProvider);
     function computePadding() {
-      cols.forEach((col2) => {
+      cols.forEach((col) => {
         const [y, x] = average.value;
-        col2.setPadding({ left: x, right: x, top: y, bottom: y });
+        col.setPadding({ left: x, right: x, top: y, bottom: y });
       });
     }
     function handleClick(e) {
@@ -20524,12 +20524,12 @@ const __sfc__$h = vue.defineComponent({
       call(onBlur);
       validateWithTrigger("onBlur");
     }
-    function onSelect(option2) {
+    function onSelect(option) {
       const { disabled, readonly, multiple: multiple2, onChange } = props2;
       if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
-      const selectedValue = getSelectedValue(option2);
+      const selectedValue = getSelectedValue(option);
       call(props2["onUpdate:modelValue"], selectedValue);
       call(onChange, selectedValue);
       validateWithTrigger("onChange");
@@ -20560,11 +20560,11 @@ const __sfc__$h = vue.defineComponent({
       if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
-      const option2 = options.find(({ label: label2 }) => label2.value === text);
+      const option = options.find(({ label: label2 }) => label2.value === text);
       const currentModelValue = modelValue.filter(
         (value) => {
           var _a;
-          return value !== ((_a = option2.value.value) != null ? _a : option2.label.value);
+          return value !== ((_a = option.value.value) != null ? _a : option.label.value);
         }
       );
       call(props2["onUpdate:modelValue"], currentModelValue);
@@ -21054,9 +21054,9 @@ const __sfc__$f = vue.defineComponent({
     const { hovering: hoveringSecond, handleHovering: handleHoveringSecond } = useHoverOverlay();
     const thumbList = vue.computed(() => {
       const { modelValue, range } = props2;
-      let list2 = [];
+      let list = [];
       if (range && isArray(modelValue)) {
-        list2 = [
+        list = [
           {
             value: getValue(modelValue[0]),
             enumValue: Thumbs.First,
@@ -21073,7 +21073,7 @@ const __sfc__$f = vue.defineComponent({
           }
         ];
       } else if (isNumber(modelValue)) {
-        list2 = [
+        list = [
           {
             value: getValue(modelValue),
             enumValue: Thumbs.First,
@@ -21083,7 +21083,7 @@ const __sfc__$f = vue.defineComponent({
           }
         ];
       }
-      return list2;
+      return list;
     });
     const getFillStyle = vue.computed(() => {
       const { activeColor, range, modelValue } = props2;
@@ -21112,10 +21112,10 @@ const __sfc__$f = vue.defineComponent({
       resetValidation
     };
     call(bindForm, sliderProvider);
-    vue.watch([() => props2.modelValue, () => props2.step], ([modelValue, step2]) => {
+    vue.watch([() => props2.modelValue, () => props2.step], ([modelValue, step]) => {
       if (!stepValidator() || !valueValidator() || isScroll.value)
         return;
-      setProps(modelValue, toNumber(step2));
+      setProps(modelValue, toNumber(step));
     });
     vue.watch(maxDistance, () => setProps());
     onSmartMounted(() => {
@@ -21189,8 +21189,8 @@ const __sfc__$f = vue.defineComponent({
     }
     function setPercent(moveDistance, type) {
       let rangeValue = [];
-      const { step: step2, range, modelValue, onChange, min: min2 } = props2;
-      const stepNumber = toNumber(step2);
+      const { step, range, modelValue, onChange, min: min2 } = props2;
+      const stepNumber = toNumber(step);
       const roundDistance = Math.round(moveDistance / unitWidth.value);
       const curValue = roundDistance * stepNumber + toNumber(min2);
       const prevValue = thumbsProps[type].percentValue * stepNumber + toNumber(min2);
@@ -21254,7 +21254,7 @@ const __sfc__$f = vue.defineComponent({
     }
     function end2() {
       removeDocumentEvents();
-      const { range, modelValue, onEnd, step: step2, min: min2 } = props2;
+      const { range, modelValue, onEnd, step, min: min2 } = props2;
       if (!isDisabled.value) {
         thumbsProps[activeThumb].active = false;
       }
@@ -21262,7 +21262,7 @@ const __sfc__$f = vue.defineComponent({
         return;
       let rangeValue = [];
       thumbsProps[activeThumb].currentOffset = thumbsProps[activeThumb].percentValue * unitWidth.value;
-      const curValue = thumbsProps[activeThumb].percentValue * toNumber(step2) + toNumber(min2);
+      const curValue = thumbsProps[activeThumb].percentValue * toNumber(step) + toNumber(min2);
       if (range && isArray(modelValue)) {
         rangeValue = activeThumb === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
       }
@@ -21308,14 +21308,14 @@ const __sfc__$f = vue.defineComponent({
       }
       return true;
     }
-    function setProps(modelValue = props2.modelValue, step2 = toNumber(props2.step)) {
+    function setProps(modelValue = props2.modelValue, step = toNumber(props2.step)) {
       const getPercent = (value) => {
         const { min: min2, max: max2 } = props2;
         if (value < toNumber(min2))
           return 0;
         if (value > toNumber(max2))
-          return scope.value / step2;
-        return (value - toNumber(min2)) / step2;
+          return scope.value / step;
+        return (value - toNumber(min2)) / step;
       };
       if (props2.range && isArray(modelValue)) {
         thumbsProps[Thumbs.First].percentValue = getPercent(modelValue[0]);
@@ -21695,12 +21695,12 @@ const TransitionGroupHost = {
         }, getTop(reactiveSnackOptions.position));
         const {
           content,
-          icon: icon2,
+          icon,
           action
         } = reactiveSnackOptions;
         const slots = {
           default: getSlotValue(content),
-          icon: getSlotValue(icon2),
+          icon: getSlotValue(icon),
           action: getSlotValue(action)
         };
         return vue.createVNode(stdin_default$19, vue.mergeProps(reactiveSnackOptions, {
@@ -21770,15 +21770,15 @@ SNACKBAR_TYPE.forEach((type) => {
 });
 Snackbar.allowMultiple = function(bool = false) {
   if (bool !== isAllowMultiple) {
-    uniqSnackbarOptions.forEach((option2) => {
-      option2.reactiveSnackOptions.show = false;
+    uniqSnackbarOptions.forEach((option) => {
+      option.reactiveSnackOptions.show = false;
     });
     isAllowMultiple = bool;
   }
 };
 Snackbar.clear = function() {
-  uniqSnackbarOptions.forEach((option2) => {
-    option2.reactiveSnackOptions.show = false;
+  uniqSnackbarOptions.forEach((option) => {
+    option.reactiveSnackOptions.show = false;
   });
 };
 Snackbar.setDefaultOptions = function(options) {
@@ -21789,20 +21789,20 @@ Snackbar.resetDefaultOptions = function() {
 };
 function opened(element) {
   const id = element.getAttribute("data-id");
-  const option2 = uniqSnackbarOptions.find((option22) => option22.id === toNumber(id));
-  if (option2) {
-    call(option2.reactiveSnackOptions.onOpened);
+  const option = uniqSnackbarOptions.find((option2) => option2.id === toNumber(id));
+  if (option) {
+    call(option.reactiveSnackOptions.onOpened);
   }
 }
 function removeUniqOption(element) {
   element.parentElement && element.parentElement.classList.remove("var-pointer-auto");
   const id = element.getAttribute("data-id");
-  const option2 = uniqSnackbarOptions.find((option22) => option22.id === toNumber(id));
-  if (option2) {
-    option2.animationEnd = true;
-    call(option2.reactiveSnackOptions.onClosed);
+  const option = uniqSnackbarOptions.find((option2) => option2.id === toNumber(id));
+  if (option) {
+    option.animationEnd = true;
+    call(option.reactiveSnackOptions.onClosed);
   }
-  const isAllAnimationEnd = uniqSnackbarOptions.every((option22) => option22.animationEnd);
+  const isAllAnimationEnd = uniqSnackbarOptions.every((option2) => option2.animationEnd);
   if (isAllAnimationEnd) {
     call(unmount);
     uniqSnackbarOptions = vue.reactive([]);
@@ -22298,7 +22298,7 @@ function __render__$9(_ctx, _cache) {
                         height: _ctx.radius
                       })
                     },
-                    _hoisted_2$3,
+                    [..._hoisted_2$3],
                     6
                     /* CLASS, STYLE */
                   )) : vue.createCommentVNode("v-if", true)
@@ -22385,7 +22385,7 @@ const __sfc__$9 = vue.defineComponent({
         onClick,
         onChange,
         disabled,
-        loading: loading2,
+        loading,
         readonly,
         modelValue,
         activeValue,
@@ -22393,7 +22393,7 @@ const __sfc__$9 = vue.defineComponent({
         "onUpdate:modelValue": updateModelValue
       } = props2;
       call(onClick, event);
-      if (disabled || loading2 || readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
+      if (disabled || loading || readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
         return;
       }
       const newValue = modelValue === activeValue ? inactiveValue : activeValue;
@@ -22492,8 +22492,8 @@ const __sfc__$8 = vue.defineComponent({
     const element = vue.computed(() => tabEl.value);
     const name2 = vue.computed(() => props2.name);
     const disabled = vue.computed(() => props2.disabled);
-    const { index, tabs: tabs2, bindTabs } = useTabs();
-    const { onTabClick, active, activeColor, inactiveColor, disabledColor, itemDirection, resize } = tabs2;
+    const { index, tabs, bindTabs } = useTabs();
+    const { onTabClick, active, activeColor, inactiveColor, disabledColor, itemDirection, resize } = tabs;
     const tabProvider = {
       name: name2,
       index,
@@ -22710,20 +22710,20 @@ var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$4, n: n$5, classes: classes$4 } = createNamespace("tabs");
@@ -22842,9 +22842,9 @@ const __sfc__$5 = vue.defineComponent({
     vue.watch(() => [props2.active, props2.scrollable], resize);
     vue.onActivated(resize);
     onWindowResize(resize);
-    function onTabClick(tab2) {
+    function onTabClick(tab) {
       var _a;
-      const currentActive = (_a = tab2.name.value) != null ? _a : tab2.index.value;
+      const currentActive = (_a = tab.name.value) != null ? _a : tab.index.value;
       const { active: active2, onChange, onClick } = props2;
       call(props2["onUpdate:active"], currentActive);
       call(onClick, currentActive);
@@ -22903,13 +22903,13 @@ const __sfc__$5 = vue.defineComponent({
       }
     }
     function resize() {
-      const tab2 = matchName() || matchIndex() || matchBoundary();
-      if (!tab2 || tab2.disabled.value) {
+      const tab = matchName() || matchIndex() || matchBoundary();
+      if (!tab || tab.disabled.value) {
         return;
       }
       watchScrollable();
-      moveIndicator(tab2);
-      scrollToCenter(tab2);
+      moveIndicator(tab);
+      scrollToCenter(tab);
     }
     function resizeSticky() {
       return __async$3(this, null, function* () {
@@ -22959,20 +22959,20 @@ var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$3, n: n$4 } = createNamespace("tabs-items");
@@ -22998,7 +22998,7 @@ const __sfc__$4 = vue.defineComponent({
   components: { VarSwipe: stdin_default$24 },
   props: props$3,
   setup(props2) {
-    const swipe2 = vue.ref(null);
+    const swipe = vue.ref(null);
     const { tabItemList, bindTabItem, length } = useTabItem$1();
     bindTabItem({});
     vue.watch(() => props2.active, handleActiveChange);
@@ -23026,19 +23026,19 @@ const __sfc__$4 = vue.defineComponent({
       }
       tabItemList.forEach(({ setCurrent }) => setCurrent(false));
       newActiveTabItemProvider.setCurrent(true);
-      (_a = swipe2.value) == null ? void 0 : _a.to(newActiveTabItemProvider.index.value);
+      (_a = swipe.value) == null ? void 0 : _a.to(newActiveTabItemProvider.index.value);
     }
     function handleSwipeChange(currentIndex) {
       var _a;
-      const tabItem2 = tabItemList.find(({ index }) => index.value === currentIndex);
-      const active = (_a = tabItem2.name.value) != null ? _a : tabItem2.index.value;
+      const tabItem = tabItemList.find(({ index }) => index.value === currentIndex);
+      const active = (_a = tabItem.name.value) != null ? _a : tabItem.index.value;
       call(props2["onUpdate:active"], active);
     }
     function getSwipe() {
-      return swipe2.value;
+      return swipe.value;
     }
     return {
-      swipe: swipe2,
+      swipe,
       n: n$4,
       handleSwipeChange,
       getSwipe
@@ -23146,7 +23146,7 @@ var stdin_default$w = {
   "--result-empty-border-color": "rgba(232,229,229,0.3)"
 };
 var stdin_default$v = {
-  "--select-scroller-background": "#303030"
+  "--select-scroller-background": "#272727"
 };
 var stdin_default$u = {
   "--skeleton-card-background-color": "hsla(0,0%,100%,.12)",
@@ -23853,12 +23853,24 @@ function __render__$2(_ctx, _cache) {
               }, 8, ["name"])
             ],
             34
-            /* CLASS, HYDRATE_EVENTS */
+            /* CLASS, NEED_HYDRATION */
           )
         ],
         2
         /* CLASS */
-      )
+      ),
+      _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: vue.normalizeClass(_ctx.n("actions"))
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "actions")
+        ],
+        2
+        /* CLASS */
+      )) : vue.createCommentVNode("v-if", true)
     ],
     2
     /* CLASS */
@@ -23870,7 +23882,7 @@ const __sfc__$2 = vue.defineComponent({
   props: props$2,
   setup(props2) {
     const container = vue.ref(null);
-    const picker2 = vue.ref(null);
+    const picker = vue.ref(null);
     const inner = vue.ref(null);
     const isInner = vue.ref(false);
     const isPreventNextUpdate = vue.ref(false);
@@ -24090,7 +24102,7 @@ const __sfc__$2 = vue.defineComponent({
       time,
       container,
       inner,
-      picker: picker2,
+      picker,
       isInner,
       type,
       ampm,
@@ -24173,20 +24185,20 @@ var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name: name$1, n: n$1, classes: classes$1 } = createNamespace("uploader");
@@ -24386,7 +24398,7 @@ const __sfc__$1 = vue.defineComponent({
   },
   props: props$1,
   setup(props2) {
-    const input2 = vue.ref(null);
+    const input = vue.ref(null);
     const showPreview = vue.ref(false);
     const currentPreview = vue.ref(null);
     const maxlengthText = vue.computed(() => {
@@ -24549,7 +24561,7 @@ const __sfc__$1 = vue.defineComponent({
         }
         if (onBeforeRemove) {
           const results = normalizeToArray(call(onBeforeRemove, vue.reactive(removedVarFile)));
-          if ((yield Promise.all(results)).some((result2) => !result2)) {
+          if ((yield Promise.all(results)).some((result) => !result)) {
             return;
           }
         }
@@ -24579,7 +24591,7 @@ const __sfc__$1 = vue.defineComponent({
       return props2.modelValue.filter((varFile) => varFile.state === "loading");
     }
     function chooseFile() {
-      input2.value.click();
+      input.value.click();
     }
     function closePreview() {
       currentPreview.value = null;
@@ -24601,7 +24613,7 @@ const __sfc__$1 = vue.defineComponent({
       resetValidation();
     }
     return {
-      input: input2,
+      input,
       files,
       showPreview,
       currentPreview,
@@ -24712,20 +24724,20 @@ var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
-        step2(generator.next(value));
+        step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
     var rejected = (value) => {
       try {
-        step2(generator.throw(value));
+        step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step2((generator = generator.apply(__this, __arguments)).next());
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
   });
 };
 const { name, n, classes } = createNamespace("watermark");
@@ -24932,160 +24944,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const common = "";
-const icon = "";
-const ripple = "";
-const popup = "";
-const actionSheet = "";
-const ActionSheetSfc = "";
-const elevation = "";
-const appBar = "";
-const AppBarSfc = "";
-const avatar = "";
-const AvatarSfc = "";
-const avatarGroup = "";
-const AvatarGroupSfc = "";
-const button = "";
-const backTop = "";
-const BackTopSfc = "";
-const badge = "";
-const BadgeSfc = "";
-const loading = "";
-const bottomNavigation = "";
-const BottomNavigationSfc = "";
-const bottomNavigationItem = "";
-const BottomNavigationItemSfc = "";
-const breadcrumb = "";
-const BreadcrumbSfc = "";
-const breadcrumbs = "";
-const BreadcrumbsSfc = "";
-const hoverOverlay = "";
-const ButtonSfc = "";
-const buttonGroup = "";
-const ButtonGroupSfc = "";
-const card = "";
-const CardSfc = "";
-const cell = "";
-const CellSfc = "";
-const formDetails = "";
-const checkbox = "";
-const CheckboxSfc = "";
-const checkboxGroup = "";
-const CheckboxGroupSfc = "";
-const chip = "";
-const ChipSfc = "";
-const col = "";
-const ColSfc = "";
-const CollapseSfc = "";
-const collapseItem = "";
-const CollapseItemSfc = "";
-const countdown = "";
-const CountdownSfc = "";
-const counter = "";
-const CounterSfc = "";
-const sticky = "";
-const datePicker = "";
-const DatePickerSfc = "";
-const dialog = "";
-const DialogSfc = "";
-const divider = "";
-const DividerSfc = "";
-const drag = "";
-const DragSfc = "";
-const tooltip = "";
-const ellipsis = "";
-const EllipsisSfc = "";
-const fab = "";
-const fieldDecorator = "";
-const FieldDecoratorSfc = "";
-const floatingPanel = "";
-const FloatingPanelSfc = "";
-const FormSfc = "";
-const FormDetailsSfc = "";
-const HoverOverlaySfc = "";
-const IconSfc = "";
-const image = "";
-const ImageSfc = "";
-const swipe = "";
-const swipeItem = "";
-const imagePreview = "";
-const ImagePreviewSfc = "";
-const IndexAnchorSfc = "";
-const indexBar = "";
-const IndexBarSfc = "";
-const input = "";
-const InputSfc = "";
-const link = "";
-const LinkSfc = "";
-const list = "";
-const ListSfc = "";
-const LoadingSfc = "";
-const loadingBar = "";
-const menu = "";
-const MenuSfc = "";
-const menuOption = "";
-const MenuOptionSfc = "";
-const menuSelect = "";
-const MenuSelectSfc = "";
-const select = "";
-const option = "";
-const OptionSfc = "";
-const overlay = "";
-const pagination = "";
-const PaginationSfc = "";
-const paper = "";
-const PaperSfc = "";
-const picker = "";
-const PickerSfc = "";
-const progress = "";
-const ProgressSfc = "";
-const pullRefresh = "";
-const PullRefreshSfc = "";
-const radio = "";
-const RadioSfc = "";
-const radioGroup = "";
-const RadioGroupSfc = "";
-const rate = "";
-const RateSfc = "";
-const result = "";
-const ResultSfc = "";
-const row = "";
-const RowSfc = "";
-const SelectSfc = "";
-const skeleton = "";
-const SkeletonSfc = "";
-const slider = "";
-const SliderSfc = "";
-const SnackbarSfc = "";
-const snackbar = "";
-const coreSfc = "";
-const space = "";
-const step = "";
-const StepSfc = "";
-const StepsSfc = "";
-const StickySfc = "";
-const StyleProviderSfc = "";
-const SwipeSfc = "";
-const SwipeItemSfc = "";
-const _switch = "";
-const SwitchSfc = "";
-const tab = "";
-const TabSfc = "";
-const tabItem = "";
-const TabItemSfc = "";
-const table = "";
-const TableSfc = "";
-const tabs = "";
-const TabsSfc = "";
-const TabsItemsSfc = "";
-const timePicker = "";
-const TimePickerSfc = "";
-const TooltipSfc = "";
-const uploader = "";
-const UploaderSfc = "";
-const watermark = "";
-const WatermarkSfc = "";
-const version = "2.20.4";
+const version = "2.20.5-alpha.1703836585426";
 function install(app) {
   stdin_default$3k.install && app.use(stdin_default$3k);
   stdin_default$3i.install && app.use(stdin_default$3i);