@varlet/ui 3.5.0 → 3.5.1-alpha.1726764162524

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionItemSfc.css'
 import '../ActionSheetSfc.css'
+import '../ActionItemSfc.css'

package/es/auto-complete/AutoComplete.mjs

@@ -29,8 +29,7 @@ import { useClickOutside, useEventListener, useVModel } from "@varlet/use";
 import { call, isEmpty, preventDefault, raf, toNumber } from "@varlet/shared";
 import { useForm } from "../form/provide.mjs";
 const { name, n } = createNamespace("auto-complete");
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 const _hoisted_1 = ["tabindex"];
 function __render__(_ctx, _cache) {
   const _component_var_input = _resolveComponent("var-input");

package/es/avatar/Avatar.mjs

@@ -7,8 +7,7 @@ import { call } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
 const isInternalSize = (size) => ["mini", "small", "normal", "large"].includes(size);
 const { name, n, classes } = createNamespace("avatar");
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, Fragment as _Fragment, renderSlot as _renderSlot, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, Fragment as _Fragment, renderSlot as _renderSlot } from "vue";
 const _hoisted_1 = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2 = ["src", "alt"];
 function __render__(_ctx, _cache) {

package/es/badge/Badge.mjs

@@ -21,8 +21,7 @@ import { props } from "./props.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 const { name, n, classes } = createNamespace("badge");
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, vShow as _vShow, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, vShow as _vShow, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 const _hoisted_1 = { key: 0 };
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");

package/es/button/Button.mjs

@@ -8,8 +8,7 @@ import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { useButtonGroup } from "./provide.mjs";
 import { call, normalizeToArray } from "@varlet/shared";
 const { name, n, classes } = createNamespace("button");
-import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["tabindex", "type", "disabled"];
 function __render__(_ctx, _cache) {
   const _component_var_loading = _resolveComponent("var-loading");

package/es/card/Card.mjs

@@ -30,8 +30,7 @@ import { useZIndex } from "../context/zIndex.mjs";
 import { useLock } from "../context/lock.mjs";
 const { name, n, classes } = createNamespace("card");
 const RIPPLE_DELAY = 500;
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, withCtx as _withCtx, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, withCtx as _withCtx, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["src", "alt"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");
@@ -265,8 +264,7 @@ const __sfc__ = defineComponent({
     watch(
       () => props2.floating,
       (value) => {
-        if (isRow.value)
-          return;
+        if (isRow.value) return;
         nextTick(() => {
           value ? floating() : dropdown();
         });

package/es/checkbox/Checkbox.mjs

@@ -11,8 +11,7 @@ import { useForm } from "../form/provide.mjs";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener, useVModel } from "@varlet/use";
 const { name, n, classes } = createNamespace("checkbox");
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode } from "vue";
 const _hoisted_1 = ["tabindex"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");

package/es/collapse/Collapse.mjs

@@ -84,8 +84,7 @@ const __sfc__ = defineComponent({
       });
     }
     const toggleAll = (options) => {
-      if (props2.accordion)
-        return;
+      if (props2.accordion) return;
       const matchedItems = collapseItems.filter((item) => {
         var _a;
         const itemValue = (_a = item.name.value) != null ? _a : item.index.value;

package/es/collapse-item/CollapseItem.mjs

@@ -5,8 +5,7 @@ import { useCollapse } from "./provide.mjs";
 import { props } from "./props.mjs";
 import { useCollapseTransition } from "../collapse-transition/useCollapseTransition.mjs";
 const { name, n, classes } = createNamespace("collapse-item");
-import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["aria-expanded", "aria-disabled", "role"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");

package/es/counter/Counter.mjs

@@ -12,8 +12,7 @@ import { useValidation, createNamespace, formatElevation } from "../utils/compon
 const SPEED = 100;
 const DELAY = 600;
 const { name, n, classes } = createNamespace("counter");
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, withCtx as _withCtx, vModelText as _vModelText, createElementVNode as _createElementVNode, withDirectives as _withDirectives, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, withCtx as _withCtx, vModelText as _vModelText, createElementVNode as _createElementVNode, withDirectives as _withDirectives, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["inputmode", "readonly", "disabled"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");

package/es/date-picker/DatePicker.mjs

@@ -364,26 +364,20 @@ const __sfc__ = defineComponent({
         const formatRangeDays = chooseRangeDay.value.map((date) => dayjs(date).format("YYYY-MM-DD"));
         return formatRangeDays.length ? `${formatRangeDays[0]} ~ ${formatRangeDays[1]}` : "";
       }
-      if (multiple)
-        return `${chooseDays.value.length}${(pt || t)("datePickerSelected")}`;
-      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value)
-        return "";
+      if (multiple) return `${chooseDays.value.length}${(pt || t)("datePickerSelected")}`;
+      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) return "";
       const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value}-${chooseDay.value}`).day();
       const week = WEEK_HEADER.find((value) => value === `${weekIndex}`);
       const weekName = (_b = (_a = (pt || t)("datePickerWeekDict")) == null ? void 0 : _a[week].name) != null ? _b : "";
       const monthName = (_d = (_c = (pt || t)("datePickerMonthDict")) == null ? void 0 : _c[chooseMonth.value].name) != null ? _d : "";
       const showDay = padStart(chooseDay.value, 2, "0");
-      if ((pt || t)("lang") === "zh-CN")
-        return `${chooseMonth.value}-${showDay} ${weekName.slice(0, 3)}`;
+      if ((pt || t)("lang") === "zh-CN") return `${chooseMonth.value}-${showDay} ${weekName.slice(0, 3)}`;
       return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${chooseDay.value}`;
     });
     const getPanelType = computed(() => {
-      if (props2.type === "year" || isYearPanel.value)
-        return "year";
-      if (props2.type === "month" || isMonthPanel.value)
-        return "month";
-      if (props2.type === "date")
-        return "date";
+      if (props2.type === "year" || isYearPanel.value) return "year";
+      if (props2.type === "month" || isMonthPanel.value) return "month";
+      if (props2.type === "date") return "date";
       return "";
     });
     const isUntouchable = computed(() => !props2.touchable || !getPanelType.value);
@@ -410,16 +404,13 @@ const __sfc__ = defineComponent({
     watch(
       () => props2.modelValue,
       (value) => {
-        if (!checkValue() || invalidFormatDate(value) || !value)
-          return;
+        if (!checkValue() || invalidFormatDate(value) || !value) return;
         if (props2.range) {
-          if (!isArray(value))
-            return;
+          if (!isArray(value)) return;
           rangeDone.value = value.length !== 1;
           rangeInit(value, props2.type);
         } else if (props2.multiple) {
-          if (!isArray(value))
-            return;
+          if (!isArray(value)) return;
           multipleInit(value, props2.type);
         } else {
           dateInit(value);
@@ -429,18 +420,15 @@ const __sfc__ = defineComponent({
     );
     watch(getPanelType, resetState);
     function clickEl(type) {
-      if (type === "year")
-        isYearPanel.value = true;
-      else if (type === "month")
-        isMonthPanel.value = true;
+      if (type === "year") isYearPanel.value = true;
+      else if (type === "month") isMonthPanel.value = true;
       else {
         isYearPanel.value = false;
         isMonthPanel.value = false;
       }
     }
     function handleTouchstart(event) {
-      if (isUntouchable.value)
-        return;
+      if (isUntouchable.value) return;
       const { clientX, clientY } = event.touches[0];
       startX = clientX;
       startY = clientY;
@@ -449,8 +437,7 @@ const __sfc__ = defineComponent({
       return x >= y && x > 20 ? "x" : "y";
     }
     function handleTouchmove(event) {
-      if (isUntouchable.value)
-        return;
+      if (isUntouchable.value) return;
       const { clientX, clientY } = event.touches[0];
       const x = clientX - startX;
       const y = clientY - startY;
@@ -459,8 +446,7 @@ const __sfc__ = defineComponent({
     }
     function handleTouchend() {
       return __async(this, null, function* () {
-        if (isUntouchable.value || touchDirection !== "x")
-          return;
+        if (isUntouchable.value || touchDirection !== "x") return;
         const componentRef = getPanelType.value === "year" ? yearPanelEl : getPanelType.value === "month" ? monthPanelEl : dayPanelEl;
         yield doubleRaf();
         componentRef.value.forwardRef(checkType);
@@ -483,35 +469,26 @@ const __sfc__ = defineComponent({
       const formatType = type === "year" ? "YYYY" : type === "month" ? "YYYY-MM" : "YYYY-MM-DD";
       const formatDates = multipleDates.value.map((date2) => dayjs(date2).format(formatType));
       const index = formatDates.findIndex((choose) => choose === date);
-      if (index === -1)
-        formatDates.push(date);
-      else
-        formatDates.splice(index, 1);
+      if (index === -1) formatDates.push(date);
+      else formatDates.splice(index, 1);
       call(props2["onUpdate:modelValue"], formatDates);
       call(props2.onChange, formatDates);
     }
     function getReverse(dateType, date) {
-      if (!chooseYear.value || !chooseMonth.value)
-        return false;
-      if (!isSameYear.value)
-        return chooseYear.value > previewYear.value;
-      if (dateType === "year")
-        return date < toNumber(chooseYear.value);
-      if (dateType === "month")
-        return date < chooseMonth.value;
+      if (!chooseYear.value || !chooseMonth.value) return false;
+      if (!isSameYear.value) return chooseYear.value > previewYear.value;
+      if (dateType === "year") return date < toNumber(chooseYear.value);
+      if (dateType === "month") return date < chooseMonth.value;
       return isSameMonth.value ? date < toNumber(chooseDay.value) : chooseMonth.value > previewMonth.value;
     }
     function getChooseDay(day) {
       const { readonly, range, multiple, onChange, "onUpdate:modelValue": updateModelValue } = props2;
-      if (day < 0 || readonly)
-        return;
+      if (day < 0 || readonly) return;
       reverse.value = getReverse("day", day);
       const date = `${previewYear.value}-${previewMonth.value}-${day}`;
       const formatDate = dayjs(date).format("YYYY-MM-DD");
-      if (range)
-        updateRange(formatDate, "day");
-      else if (multiple)
-        updateMultiple(formatDate, "day");
+      if (range) updateRange(formatDate, "day");
+      else if (multiple) updateMultiple(formatDate, "day");
       else {
         call(updateModelValue, formatDate);
         call(onChange, formatDate);
@@ -522,10 +499,8 @@ const __sfc__ = defineComponent({
       reverse.value = getReverse("month", month);
       if (type === "month" && !readonly) {
         const date = `${previewYear.value}-${month}`;
-        if (range)
-          updateRange(date, "month");
-        else if (multiple)
-          updateMultiple(date, "month");
+        if (range) updateRange(date, "month");
+        else if (multiple) updateMultiple(date, "month");
         else {
           call(updateModelValue, date);
           call(onChange, date);
@@ -545,10 +520,8 @@ const __sfc__ = defineComponent({
       const { type, readonly, range, multiple, onChange, onPreview, "onUpdate:modelValue": updateModelValue } = props2;
       reverse.value = getReverse("year", year);
       if (type === "year" && !readonly) {
-        if (range)
-          updateRange(`${year}`, "year");
-        else if (multiple)
-          updateMultiple(`${year}`, "year");
+        if (range) updateRange(`${year}`, "year");
+        else if (multiple) updateMultiple(`${year}`, "year");
         else {
           call(updateModelValue, `${year}`);
           call(onChange, `${year}`);
@@ -599,8 +572,7 @@ const __sfc__ = defineComponent({
       return true;
     }
     function invalidFormatDate(date) {
-      if (isArray(date))
-        return false;
+      if (isArray(date)) return false;
       if (date === "Invalid Date") {
         console.error('[Varlet] DatePicker: "modelValue" is an Invalid Date');
         return true;
@@ -612,8 +584,7 @@ const __sfc__ = defineComponent({
       const formatType = type === "year" ? "YYYY" : type === "month" ? "YYYY-MM" : "YYYY-MM-D";
       const formatDateList = value.map((choose) => dayjs(choose).format(formatType)).slice(0, 2);
       const isValid = rangeDate.value.some((date) => invalidFormatDate(date));
-      if (isValid)
-        return;
+      if (isValid) return;
       rangeDate.value = formatDateList;
       const isChangeOrder = dayjs(rangeDate.value[0]).isAfter(rangeDate.value[1]);
       if (rangeDate.value.length === 2 && isChangeOrder) {
@@ -628,8 +599,7 @@ const __sfc__ = defineComponent({
     }
     function dateInit(value) {
       const formatDate = dayjs(value).format("YYYY-MM-D");
-      if (invalidFormatDate(formatDate))
-        return;
+      if (invalidFormatDate(formatDate)) return;
       const [yearValue, monthValue, dayValue] = formatDate.split("-");
       const monthDes2 = MONTH_LIST.find((month) => month === monthValue);
       chooseMonth.value = monthDes2;

package/es/date-picker/src/day-picker-panel.mjs

@@ -106,7 +106,8 @@ function __render__(_ctx, _cache) {
                             "var-day-picker-cover": "",
                             round: "",
                             ripple: false,
-                            elevation: _ctx.componentProps.buttonElevation
+                            elevation: _ctx.componentProps.buttonElevation,
+                            ref_for: true
                           }, __spreadValues({}, _ctx.buttonProps(day)), {
                             onClick: (event) => _ctx.chooseDay(day, event)
                           }), {
@@ -232,10 +233,8 @@ const __sfc__ = defineComponent({
       let isBeforeMax = true;
       let isAfterMin = true;
       const previewDate = `${previewYear}-${previewMonth}-${day}`;
-      if (max)
-        isBeforeMax = dayjs(previewDate).isSameOrBefore(dayjs(max), "day");
-      if (min)
-        isAfterMin = dayjs(previewDate).isSameOrAfter(dayjs(min), "day");
+      if (max) isBeforeMax = dayjs(previewDate).isSameOrBefore(dayjs(max), "day");
+      if (min) isAfterMin = dayjs(previewDate).isSameOrAfter(dayjs(min), "day");
       return isBeforeMax && isAfterMin;
     };
     const shouldChoose = (val) => {
@@ -244,8 +243,7 @@ const __sfc__ = defineComponent({
         componentProps: { range }
       } = props;
       if (range) {
-        if (!chooseRangeDay.length)
-          return false;
+        if (!chooseRangeDay.length) return false;
         const isBeforeMax = dayjs(val).isSameOrBefore(dayjs(chooseRangeDay[1]), "day");
         const isAfterMin = dayjs(val).isSameOrAfter(dayjs(chooseRangeDay[0]), "day");
         return isBeforeMax && isAfterMin;
@@ -269,43 +267,31 @@ const __sfc__ = defineComponent({
       } = props;
       const val = `${previewYear}-${previewMonth}-${day}`;
       const dayExist = () => {
-        if (range || multiple)
-          return shouldChoose(val);
+        if (range || multiple) return shouldChoose(val);
         return toNumber(chooseDay2) === day && isSame.value;
       };
       const computeDisabled = () => {
-        if (!inRange(day))
-          return true;
-        if (!allowedDates)
-          return false;
+        if (!inRange(day)) return true;
+        if (!allowedDates) return false;
         return !allowedDates(val);
       };
       const disabled = computeDisabled();
       const computeText = () => {
-        if (disabled)
-          return true;
-        if (range || multiple)
-          return !shouldChoose(val);
+        if (disabled) return true;
+        if (range || multiple) return !shouldChoose(val);
         return !isSame.value || toNumber(chooseDay2) !== day;
       };
       const computeOutline = () => {
-        if (!(isCurrent.value && toNumber(currentDay) === day && props.componentProps.showCurrent))
-          return false;
-        if ((range || multiple || isSame.value) && disabled)
-          return true;
-        if (range || multiple)
-          return !shouldChoose(val);
-        if (isSame.value)
-          return chooseDay2 !== currentDay;
+        if (!(isCurrent.value && toNumber(currentDay) === day && props.componentProps.showCurrent)) return false;
+        if ((range || multiple || isSame.value) && disabled) return true;
+        if (range || multiple) return !shouldChoose(val);
+        if (isSame.value) return chooseDay2 !== currentDay;
         return true;
       };
       const textColorOrCover = () => {
-        if (disabled)
-          return "";
-        if (computeOutline())
-          return color != null ? color : "";
-        if (dayExist())
-          return "";
+        if (disabled) return "";
+        if (computeOutline()) return color != null ? color : "";
+        if (dayExist()) return "";
         return `${nDate()}-color-cover`;
       };
       const isCover = textColorOrCover().startsWith(nDate());
@@ -325,8 +311,7 @@ const __sfc__ = defineComponent({
     };
     const chooseDay = (day, event) => {
       const buttonEl = event.currentTarget;
-      if (buttonEl.classList.contains(n("button--disabled")))
-        return;
+      if (buttonEl.classList.contains(n("button--disabled"))) return;
       emit("choose-day", day);
     };
     const forwardRef = (checkType) => {

package/es/date-picker/src/month-picker-panel.mjs

@@ -67,7 +67,8 @@ function __render__(_ctx, _cache) {
                         type: "primary",
                         "var-month-picker-cover": "",
                         ripple: false,
-                        elevation: _ctx.componentProps.buttonElevation
+                        elevation: _ctx.componentProps.buttonElevation,
+                        ref_for: true
                       }, __spreadValues({}, _ctx.buttonProps(month)), {
                         onClick: (event) => _ctx.chooseMonth(month, event)
                       }), {
@@ -153,10 +154,8 @@ const __sfc__ = defineComponent({
       let isBeforeMax = true;
       let isAfterMin = true;
       const previewDate = `${previewYear}-${key}`;
-      if (max)
-        isBeforeMax = dayjs(previewDate).isSameOrBefore(dayjs(max), "month");
-      if (min)
-        isAfterMin = dayjs(previewDate).isSameOrAfter(dayjs(min), "month");
+      if (max) isBeforeMax = dayjs(previewDate).isSameOrBefore(dayjs(max), "month");
+      if (min) isAfterMin = dayjs(previewDate).isSameOrAfter(dayjs(min), "month");
       return isBeforeMax && isAfterMin;
     };
     const shouldChoose = (val) => {
@@ -165,14 +164,12 @@ const __sfc__ = defineComponent({
         componentProps: { type, range }
       } = props;
       if (range) {
-        if (!chooseRangeMonth.length)
-          return false;
+        if (!chooseRangeMonth.length) return false;
         const isBeforeMax = dayjs(val).isSameOrBefore(dayjs(chooseRangeMonth[1]), "month");
         const isAfterMin = dayjs(val).isSameOrAfter(dayjs(chooseRangeMonth[0]), "month");
         return isBeforeMax && isAfterMin;
       }
-      if (type === "month")
-        return chooseMonths.includes(val);
+      if (type === "month") return chooseMonths.includes(val);
       return chooseDays.some((value) => value.includes(val));
     };
     const buttonProps = (key) => {
@@ -183,43 +180,31 @@ const __sfc__ = defineComponent({
       } = props;
       const val = `${previewYear}-${key}`;
       const monthExist = () => {
-        if (range || multiple)
-          return shouldChoose(val);
+        if (range || multiple) return shouldChoose(val);
         return chooseMonth2 === key && isSameYear.value;
       };
       const computeDisabled = () => {
-        if (!inRange(key))
-          return true;
-        if (!allowedDates)
-          return false;
+        if (!inRange(key)) return true;
+        if (!allowedDates) return false;
         return !allowedDates(val);
       };
       const disabled = computeDisabled();
       const computeText = () => {
-        if (disabled)
-          return true;
-        if (range || multiple)
-          return !shouldChoose(val);
+        if (disabled) return true;
+        if (range || multiple) return !shouldChoose(val);
         return !isSameYear.value || chooseMonth2 !== key;
       };
       const computeOutline = () => {
-        if (!(isCurrentYear.value && currentMonth === key && props.componentProps.showCurrent))
-          return false;
-        if ((range || multiple || isSameYear.value) && disabled)
-          return true;
-        if (range || multiple)
-          return !shouldChoose(val);
-        if (isSameYear.value)
-          return chooseMonth2 !== currentMonth;
+        if (!(isCurrentYear.value && currentMonth === key && props.componentProps.showCurrent)) return false;
+        if ((range || multiple || isSameYear.value) && disabled) return true;
+        if (range || multiple) return !shouldChoose(val);
+        if (isSameYear.value) return chooseMonth2 !== currentMonth;
         return true;
       };
       const textColorOrCover = () => {
-        if (disabled)
-          return "";
-        if (computeOutline())
-          return color != null ? color : "";
-        if (monthExist())
-          return "";
+        if (disabled) return "";
+        if (computeOutline()) return color != null ? color : "";
+        if (monthExist()) return "";
         return `${nDate()}-color-cover`;
       };
       const isCover = textColorOrCover().startsWith(nDate());
@@ -235,8 +220,7 @@ const __sfc__ = defineComponent({
     };
     const chooseMonth = (month, event) => {
       const buttonEl = event.currentTarget;
-      if (buttonEl.classList.contains(n("button--disabled")))
-        return;
+      if (buttonEl.classList.contains(n("button--disabled"))) return;
       emit("choose-month", month);
     };
     const checkDate = (checkType) => {
@@ -253,10 +237,8 @@ const __sfc__ = defineComponent({
         const {
           componentProps: { min, max }
         } = props;
-        if (max)
-          panelBtnDisabled.right = !dayjs(`${toNumber(year) + 1}`).isSameOrBefore(dayjs(max), "year");
-        if (min)
-          panelBtnDisabled.left = !dayjs(`${toNumber(year) - 1}`).isSameOrAfter(dayjs(min), "year");
+        if (max) panelBtnDisabled.right = !dayjs(`${toNumber(year) + 1}`).isSameOrBefore(dayjs(max), "year");
+        if (min) panelBtnDisabled.left = !dayjs(`${toNumber(year) - 1}`).isSameOrAfter(dayjs(min), "year");
       },
       { immediate: true }
     );

package/es/date-picker/src/panel-header.mjs

@@ -104,16 +104,13 @@ const __sfc__ = defineComponent({
       var _a;
       const { date, type } = props;
       const { previewMonth, previewYear } = date;
-      if (type === "year")
-        return previewYear;
-      if (type === "month")
-        return toNumber(previewYear) + forwardOrBackNum.value;
+      if (type === "year") return previewYear;
+      if (type === "month") return toNumber(previewYear) + forwardOrBackNum.value;
       const monthName = (_a = (pt || t)("datePickerMonthDict")) == null ? void 0 : _a[previewMonth].name;
       return (pt || t)("lang") === "zh-CN" ? `${previewYear} ${monthName}` : `${monthName} ${previewYear}`;
     });
     const checkDate = (checkType) => {
-      if (checkType === "prev" && props.disabled.left || checkType === "next" && props.disabled.right)
-        return;
+      if (checkType === "prev" && props.disabled.left || checkType === "next" && props.disabled.right) return;
       emit("check-date", checkType);
       reverse.value = checkType === "prev";
       forwardOrBackNum.value += checkType === "prev" ? -1 : 1;