@varlet/ui 2.9.5 → 2.9.6

package/lib/varlet.cjs.js

@@ -1882,13 +1882,13 @@ function ActionSheet(options) {
     reactiveActionSheetOptions.show = true;
   });
 }
-function setDefaultOptions$2(options) {
+ActionSheet.setDefaultOptions = function(options) {
   defaultOptions$3 = options;
-}
-function resetDefaultOptions$2() {
+};
+ActionSheet.resetDefaultOptions = function() {
   defaultOptions$3 = {};
-}
-function close$1() {
+};
+ActionSheet.close = function() {
   if (singletonOptions$3 != null) {
     var prevSingletonOptions = singletonOptions$3;
     singletonOptions$3 = null;
@@ -1896,7 +1896,7 @@ function close$1() {
       prevSingletonOptions.show = false;
     });
   }
-}
+};
 ActionSheet.Component = VarActionSheet;
 VarActionSheet.install = function(app) {
   app.component(VarActionSheet.name, VarActionSheet);
@@ -1904,11 +1904,6 @@ VarActionSheet.install = function(app) {
 ActionSheet.install = function(app) {
   app.component(VarActionSheet.name, VarActionSheet);
 };
-Object.assign(ActionSheet, {
-  setDefaultOptions: setDefaultOptions$2,
-  resetDefaultOptions: resetDefaultOptions$2,
-  close: close$1
-});
 var _ActionSheetComponent = VarActionSheet;
 function positionValidator$3(position) {
   var validPositions = ["left", "center", "right"];
@@ -4507,7 +4502,7 @@ var __sfc__$11 = vue.defineComponent({
         floated.value = false;
       }, props2.floatingDuration);
     };
-    var close2 = () => {
+    var close = () => {
       call(props2["onUpdate:floating"], false);
     };
     var handleClick = (e) => {
@@ -4541,7 +4536,7 @@ var __sfc__$11 = vue.defineComponent({
       opacity,
       zIndex,
       isRow,
-      close: close2,
+      close,
       showFloatingButtons,
       floated,
       formatElevation,
@@ -9756,7 +9751,7 @@ function __render__$Q(_ctx, _cache) {
                   ripple: false,
                   elevation: _ctx.componentProps.buttonElevation
                 }, _extends$d({}, _ctx.buttonProps(month.index)), {
-                  onClick: (event) => _ctx.chooseMonth(month, event)
+                  onClick: _cache[0] || (_cache[0] = (event) => chooseMonth(month, event))
                 }),
                 {
                   default: vue.withCtx(() => [vue.createTextVNode(
@@ -9768,7 +9763,7 @@ function __render__$Q(_ctx, _cache) {
                   /* DYNAMIC */
                 },
                 1040,
-                ["elevation", "onClick"]
+                ["elevation"]
               )]);
             }),
             128
@@ -9879,7 +9874,7 @@ var __sfc__$R = vue.defineComponent({
     var buttonProps = (key) => {
       var {
         choose: {
-          chooseMonth: chooseMonth2
+          chooseMonth: chooseMonth3
         },
         preview: {
           previewYear
@@ -9895,7 +9890,7 @@ var __sfc__$R = vue.defineComponent({
       var monthExist = () => {
         if (range || multiple)
           return shouldChoose(val);
-        return (chooseMonth2 == null ? void 0 : chooseMonth2.index) === key && isSameYear.value;
+        return (chooseMonth3 == null ? void 0 : chooseMonth3.index) === key && isSameYear.value;
       };
       var computeDisabled = () => {
         if (!inRange(key))
@@ -9910,7 +9905,7 @@ var __sfc__$R = vue.defineComponent({
           return true;
         if (range || multiple)
           return !shouldChoose(val);
-        return !isSameYear.value || (chooseMonth2 == null ? void 0 : chooseMonth2.index) !== key;
+        return !isSameYear.value || (chooseMonth3 == null ? void 0 : chooseMonth3.index) !== key;
       };
       var computeOutline = () => {
         if (!(isCurrentYear.value && currentMonth === key && props2.componentProps.showCurrent))
@@ -9920,7 +9915,7 @@ var __sfc__$R = vue.defineComponent({
         if (range || multiple)
           return !shouldChoose(val);
         if (isSameYear.value)
-          return (chooseMonth2 == null ? void 0 : chooseMonth2.index) !== currentMonth;
+          return (chooseMonth3 == null ? void 0 : chooseMonth3.index) !== currentMonth;
         return true;
       };
       var textColorOrCover = () => {
@@ -9939,10 +9934,11 @@ var __sfc__$R = vue.defineComponent({
         color: !computeText() ? color : "",
         textColor: isCover ? "" : textColorOrCover(),
         [nDate$1() + "-color-cover"]: isCover,
-        class: classes$I(n$Q("button"), [disabled, n$Q("button--disabled")])
+        class: classes$I(n$Q("button"), [disabled, n$Q("button--disabled")]),
+        disabled
       };
     };
-    var chooseMonth = (month, event) => {
+    var chooseMonth2 = (month, event) => {
       var buttonEl = event.currentTarget;
       if (buttonEl.classList.contains(n$Q("button--disabled")))
         return;
@@ -9982,7 +9978,7 @@ var __sfc__$R = vue.defineComponent({
       forwardRef,
       buttonProps,
       getMonthAbbr,
-      chooseMonth,
+      chooseMonth: chooseMonth2,
       checkDate
     };
   }
@@ -10196,7 +10192,7 @@ function __render__$O(_ctx, _cache) {
                     ripple: false,
                     elevation: _ctx.componentProps.buttonElevation
                   }, _extends$c({}, _ctx.buttonProps(day)), {
-                    onClick: (event) => _ctx.chooseDay(day, event)
+                    onClick: _cache[0] || (_cache[0] = (event) => chooseDay(day, event))
                   }),
                   {
                     default: vue.withCtx(() => [vue.createTextVNode(
@@ -10208,7 +10204,7 @@ function __render__$O(_ctx, _cache) {
                     /* DYNAMIC */
                   },
                   1040,
-                  ["elevation", "onClick"]
+                  ["elevation"]
                 )]);
               }),
               128
@@ -10365,12 +10361,13 @@ var __sfc__$P = vue.defineComponent({
           text: true,
           outline: false,
           textColor: "",
-          class: n$O("button")
+          class: n$O("button"),
+          disabled: true
         };
       }
       var {
         choose: {
-          chooseDay: chooseDay2
+          chooseDay: chooseDay3
         },
         preview: {
           previewYear,
@@ -10387,7 +10384,7 @@ var __sfc__$P = vue.defineComponent({
       var dayExist = () => {
         if (range || multiple)
           return shouldChoose(val);
-        return toNumber(chooseDay2) === day && isSame.value;
+        return toNumber(chooseDay3) === day && isSame.value;
       };
       var computeDisabled = () => {
         if (!inRange(day))
@@ -10402,7 +10399,7 @@ var __sfc__$P = vue.defineComponent({
           return true;
         if (range || multiple)
           return !shouldChoose(val);
-        return !isSame.value || toNumber(chooseDay2) !== day;
+        return !isSame.value || toNumber(chooseDay3) !== day;
       };
       var computeOutline = () => {
         if (!(isCurrent.value && toNumber(currentDay) === day && props2.componentProps.showCurrent))
@@ -10412,7 +10409,7 @@ var __sfc__$P = vue.defineComponent({
         if (range || multiple)
           return !shouldChoose(val);
         if (isSame.value)
-          return chooseDay2 !== currentDay;
+          return chooseDay3 !== currentDay;
         return true;
       };
       var textColorOrCover = () => {
@@ -10430,7 +10427,8 @@ var __sfc__$P = vue.defineComponent({
         outline: computeOutline(),
         textColor: isCover ? "" : textColorOrCover(),
         [nDate() + "-color-cover"]: isCover,
-        class: classes$G(n$O("button"), n$O("button--usable"), [disabled, n$O("button--disabled")])
+        class: classes$G(n$O("button"), n$O("button--usable"), [disabled, n$O("button--disabled")]),
+        disabled
       };
     };
     var checkDate = (checkType) => {
@@ -10438,7 +10436,7 @@ var __sfc__$P = vue.defineComponent({
       panelKey.value += checkType === "prev" ? -1 : 1;
       emit("check-preview", "month", checkType);
     };
-    var chooseDay = (day, event) => {
+    var chooseDay2 = (day, event) => {
       var buttonEl = event.currentTarget;
       if (buttonEl.classList.contains(n$O("button--disabled")))
         return;
@@ -10468,7 +10466,7 @@ var __sfc__$P = vue.defineComponent({
       filterDay,
       getDayAbbr,
       checkDate,
-      chooseDay,
+      chooseDay: chooseDay2,
       buttonProps
     };
   }
@@ -10680,9 +10678,9 @@ var __sfc__$O = vue.defineComponent({
     var isYearPanel = vue.ref(false);
     var isMonthPanel = vue.ref(false);
     var rangeDone = vue.ref(true);
-    var chooseMonth = vue.ref();
+    var chooseMonth2 = vue.ref();
     var chooseYear = vue.ref();
-    var chooseDay = vue.ref();
+    var chooseDay2 = vue.ref();
     var previewMonth = vue.ref(monthDes);
     var previewYear = vue.ref(currentYear);
     var reverse = vue.ref(false);
@@ -10705,9 +10703,9 @@ var __sfc__$O = vue.defineComponent({
       buttonElevation: props2.buttonElevation
     });
     var getChoose = vue.computed(() => ({
-      chooseMonth: chooseMonth.value,
+      chooseMonth: chooseMonth2.value,
       chooseYear: chooseYear.value,
-      chooseDay: chooseDay.value,
+      chooseDay: chooseDay2.value,
       chooseMonths: chooseMonths.value,
       chooseDays: chooseDays.value,
       chooseRangeMonth: chooseRangeMonth.value,
@@ -10726,9 +10724,9 @@ var __sfc__$O = vue.defineComponent({
         return chooseRangeMonth.value.length ? chooseRangeMonth.value[0] + " ~ " + chooseRangeMonth.value[1] : "";
       }
       var monthName = "";
-      if (chooseMonth.value) {
+      if (chooseMonth2.value) {
         var _pack$value$datePicke, _pack$value$datePicke2;
-        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth.value.index].name) != null ? _pack$value$datePicke : "";
+        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth2.value.index].name) != null ? _pack$value$datePicke : "";
       }
       return multiple ? "" + chooseMonths.value.length + pack.value.datePickerSelected : monthName;
     });
@@ -10744,16 +10742,16 @@ var __sfc__$O = vue.defineComponent({
       }
       if (multiple)
         return "" + chooseDays.value.length + pack.value.datePickerSelected;
-      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value)
+      if (!chooseYear.value || !chooseMonth2.value || !chooseDay2.value)
         return "";
-      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
+      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth2.value.index + "-" + chooseDay2.value).day();
       var week = WEEK_HEADER.find((value) => value.index === "" + weekIndex);
       var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : "";
-      var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth.value.index].name) != null ? _pack$value$datePicke5 : "";
-      var showDay = padStart$1(chooseDay.value, 2, "0");
+      var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth2.value.index].name) != null ? _pack$value$datePicke5 : "";
+      var showDay = padStart$1(chooseDay2.value, 2, "0");
       if (pack.value.lang === "zh-CN")
-        return chooseMonth.value.index + "-" + showDay + " " + weekName.slice(0, 3);
-      return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
+        return chooseMonth2.value.index + "-" + showDay + " " + weekName.slice(0, 3);
+      return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay2.value;
     });
     var getPanelType = vue.computed(() => {
       if (isYearPanel.value)
@@ -10769,12 +10767,12 @@ var __sfc__$O = vue.defineComponent({
     });
     var slotProps = vue.computed(() => {
       var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
-      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
-      var date = chooseDay.value ? padStart$1(chooseDay.value, 2, "0") : "";
+      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth2.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay2.value).day();
+      var date = chooseDay2.value ? padStart$1(chooseDay2.value, 2, "0") : "";
       return {
         week: "" + weekIndex,
         year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : "",
-        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : "",
+        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth2.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : "",
         date
       };
     });
@@ -10782,7 +10780,7 @@ var __sfc__$O = vue.defineComponent({
     var isSameYear = vue.computed(() => chooseYear.value === previewYear.value);
     var isSameMonth = vue.computed(() => {
       var _chooseMonth$value3;
-      return ((_chooseMonth$value3 = chooseMonth.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
+      return ((_chooseMonth$value3 = chooseMonth2.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
     });
     var clickEl = (type) => {
       if (type === "year")
@@ -10852,13 +10850,13 @@ var __sfc__$O = vue.defineComponent({
       call(props2.onChange, formatDates);
     };
     var getReverse = (dateType, date) => {
-      if (!chooseYear.value || !chooseMonth.value)
+      if (!chooseYear.value || !chooseMonth2.value)
         return false;
       if (!isSameYear.value)
         return chooseYear.value > previewYear.value;
       if (dateType === "month")
-        return date.index < chooseMonth.value.index;
-      return isSameMonth.value ? date < toNumber(chooseDay.value) : chooseMonth.value.index > previewMonth.value.index;
+        return date.index < chooseMonth2.value.index;
+      return isSameMonth.value ? date < toNumber(chooseDay2.value) : chooseMonth2.value.index > previewMonth.value.index;
     };
     var getChooseDay = (day) => {
       var {
@@ -10978,9 +10976,9 @@ var __sfc__$O = vue.defineComponent({
         return;
       var [yearValue, monthValue, dayValue] = formatDate.split("-");
       var monthDes2 = MONTH_LIST.find((month) => month.index === monthValue);
-      chooseMonth.value = monthDes2;
+      chooseMonth2.value = monthDes2;
       chooseYear.value = yearValue;
-      chooseDay.value = dayValue;
+      chooseDay2.value = dayValue;
       previewMonth.value = monthDes2;
       previewYear.value = yearValue;
     };
@@ -11016,9 +11014,9 @@ var __sfc__$O = vue.defineComponent({
       dayPanelEl,
       reverse,
       currentDate,
-      chooseMonth,
+      chooseMonth: chooseMonth2,
       chooseYear,
-      chooseDay,
+      chooseDay: chooseDay2,
       previewYear,
       isYearPanel,
       isMonthPanel,
@@ -11297,7 +11295,7 @@ var __sfc__$N = vue.defineComponent({
         return;
       }
       if (onBeforeClose != null) {
-        onBeforeClose("close", done);
+        call(onBeforeClose, "close", done);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -11309,7 +11307,7 @@ var __sfc__$N = vue.defineComponent({
       } = props2;
       call(onConfirm);
       if (onBeforeClose != null) {
-        onBeforeClose("confirm", done);
+        call(onBeforeClose, "confirm", done);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -11321,7 +11319,7 @@ var __sfc__$N = vue.defineComponent({
       } = props2;
       call(onCancel);
       if (onBeforeClose != null) {
-        onBeforeClose("cancel", done);
+        call(onBeforeClose, "cancel", done);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -11424,13 +11422,13 @@ function Dialog(options) {
     reactiveDialogOptions.show = true;
   });
 }
-function setDefaultOptions$1(options) {
+Dialog.setDefaultOptions = function(options) {
   defaultOptions$2 = options;
-}
-function resetDefaultOptions$1() {
+};
+Dialog.resetDefaultOptions = function() {
   defaultOptions$2 = {};
-}
-function close() {
+};
+Dialog.close = function() {
   if (singletonOptions$2 != null) {
     var prevSingletonOptions = singletonOptions$2;
     singletonOptions$2 = null;
@@ -11438,12 +11436,7 @@ function close() {
       prevSingletonOptions.show = false;
     });
   }
-}
-Object.assign(Dialog, {
-  setDefaultOptions: setDefaultOptions$1,
-  resetDefaultOptions: resetDefaultOptions$1,
-  close
-});
+};
 VarDialog.install = function(app) {
   app.component(VarDialog.name, VarDialog);
 };
@@ -12934,7 +12927,7 @@ function usePopover(options) {
       if (enterPopover) {
         return;
       }
-      close2();
+      close();
     });
     return function handleHostMouseleave2() {
       return _ref.apply(this, arguments);
@@ -12956,7 +12949,7 @@ function usePopover(options) {
       if (enterHost) {
         return;
       }
-      close2();
+      close();
     });
     return function handlePopoverMouseleave2() {
       return _ref2.apply(this, arguments);
@@ -13095,7 +13088,7 @@ function usePopover(options) {
     show.value = true;
     call(options["onUpdate:show"], true);
   };
-  var close2 = () => {
+  var close = () => {
     show.value = false;
     call(options["onUpdate:show"], false);
   };
@@ -13103,7 +13096,7 @@ function usePopover(options) {
   vue.watch(() => options.offsetX, resize);
   vue.watch(() => options.offsetY, resize);
   vue.watch(() => options.placement, resize);
-  vue.watch(() => options.disabled, close2);
+  vue.watch(() => options.disabled, close);
   vue.onMounted(() => {
     var _host$value;
     var reference2 = options.reference ? (_host$value = host.value) == null ? void 0 : _host$value.querySelector(options.reference) : host.value;
@@ -13126,7 +13119,7 @@ function usePopover(options) {
     handlePopoverMouseleave,
     resize,
     open,
-    close: close2
+    close
   };
 }
 function triggerValidator$2(trigger) {
@@ -13295,7 +13288,7 @@ var __sfc__$L = vue.defineComponent({
       // expose
       open,
       // expose
-      close: close2,
+      close,
       // expose
       resize
     } = usePopover(props2);
@@ -13316,7 +13309,7 @@ var __sfc__$L = vue.defineComponent({
       handlePopoverMouseleave,
       resize,
       open,
-      close: close2
+      close
     };
   }
 });
@@ -14810,7 +14803,7 @@ var __sfc__$F = vue.defineComponent({
     };
     var handleTouchend = (event) => {
       checker = window.setTimeout(() => {
-        isTapTouch(event.target) && close2();
+        isTapTouch(event.target) && close();
         startTouch = null;
       }, EVENT_DELAY);
     };
@@ -14900,7 +14893,7 @@ var __sfc__$F = vue.defineComponent({
       }
       prevTouch = currentTouch;
     };
-    var close2 = () => {
+    var close = () => {
       if (scale.value > 1) {
         zoomOut();
         setTimeout(() => call(props2["onUpdate:show"], false), ANIMATION_DURATION);
@@ -14927,7 +14920,7 @@ var __sfc__$F = vue.defineComponent({
       handleTouchstart,
       handleTouchmove,
       handleTouchend,
-      close: close2
+      close
     };
   }
 });
@@ -16786,7 +16779,7 @@ var __sfc__$y = vue.defineComponent({
       // expose
       open,
       // expose
-      close: close2,
+      close,
       // expose
       resize
     } = usePopover(props2);
@@ -16808,7 +16801,7 @@ var __sfc__$y = vue.defineComponent({
       handlePopoverClose,
       resize,
       open,
-      close: close2
+      close
     };
   }
 });
@@ -17138,12 +17131,12 @@ function __render__$v(_ctx, _cache) {
       [vue.createVNode(
         _component_var_input,
         {
-          modelValue: _ctx.simpleValue,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.simpleValue = $event),
+          modelValue: _ctx.simpleCurrentValue,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.simpleCurrentValue = $event),
           disabled: _ctx.disabled,
           "var-pagination-cover": "",
-          onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.setPage("simple", _ctx.simpleValue, $event)),
-          onKeydown: _cache[3] || (_cache[3] = vue.withKeys(($event) => _ctx.setPage("simple", _ctx.simpleValue, $event), ["enter"]))
+          onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.setPage("simple", _ctx.simpleCurrentValue, $event)),
+          onKeydown: _cache[3] || (_cache[3] = vue.withKeys(($event) => _ctx.setPage("simple", _ctx.simpleCurrentValue, $event), ["enter"]))
         },
         null,
         8,
@@ -17294,12 +17287,12 @@ function __render__$v(_ctx, _cache) {
       ), vue.createVNode(
         _component_var_input,
         {
-          modelValue: _ctx.inputValue,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.inputValue = $event),
+          modelValue: _ctx.quickJumperValue,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.quickJumperValue = $event),
           disabled: _ctx.disabled,
           "var-pagination-cover": "",
-          onBlur: _cache[8] || (_cache[8] = ($event) => _ctx.setPage("quick", _ctx.inputValue, $event)),
-          onKeydown: _cache[9] || (_cache[9] = vue.withKeys(($event) => _ctx.setPage("quick", _ctx.inputValue, $event), ["enter"]))
+          onBlur: _cache[8] || (_cache[8] = ($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event)),
+          onKeydown: _cache[9] || (_cache[9] = vue.withKeys(($event) => _ctx.setPage("quick", _ctx.quickJumperValue, $event), ["enter"]))
         },
         null,
         8,
@@ -17335,8 +17328,8 @@ var __sfc__$w = vue.defineComponent({
   props: props$p,
   setup(props2) {
     var menuVisible = vue.ref(false);
-    var inputValue = vue.ref("");
-    var simpleValue = vue.ref("1");
+    var quickJumperValue = vue.ref("");
+    var simpleCurrentValue = vue.ref("1");
     var isHideEllipsisHead = vue.ref(false);
     var isHideEllipsisTail = vue.ref(false);
     var current = vue.ref(toNumber(props2.current) || 1);
@@ -17365,50 +17358,55 @@ var __sfc__$w = vue.defineComponent({
       return index === 1 ? "head" : "tail";
     };
     var clickItem = (item, index) => {
-      if (item === current.value || props2.disabled)
+      if (item === current.value || props2.disabled) {
         return;
-      if (isNumber(item))
+      }
+      if (item === "...") {
+        current.value = index === 1 ? Math.max(current.value - props2.maxPagerCount, 1) : Math.min(current.value + props2.maxPagerCount, pageCount.value);
+        return;
+      }
+      if (item === "prev") {
+        current.value = ensureCurrentBoundary(current.value - 1);
+        return;
+      }
+      if (item === "next") {
+        current.value = ensureCurrentBoundary(current.value + 1);
+        return;
+      }
+      if (isNumber(item)) {
         current.value = item;
-      else if (item === "prev")
-        current.value > 1 && (current.value -= 1);
-      else if (item === "next")
-        current.value < pageCount.value && (current.value += 1);
-      else if (item === "...") {
-        if (index === 1) {
-          current.value = Math.max(current.value - props2.maxPagerCount, 1);
-        } else {
-          current.value = Math.min(current.value + props2.maxPagerCount, pageCount.value);
-        }
       }
     };
     var showMenu = () => {
-      if (props2.disabled)
+      if (props2.disabled) {
         return;
+      }
       menuVisible.value = true;
     };
     var clickSize = (option2) => {
       size.value = option2;
       menuVisible.value = false;
+      var targetCurrent = ensureCurrentBoundary(current.value);
+      simpleCurrentValue.value = String(targetCurrent);
+      current.value = targetCurrent;
     };
-    var isValidatePage = (value) => {
-      var pattern = /^[1-9][0-9]*$/;
-      return pattern.test(value);
+    var ensureCurrentBoundary = (targetCurrent) => {
+      if (targetCurrent > pageCount.value) {
+        return pageCount.value;
+      }
+      if (targetCurrent < 1) {
+        return 1;
+      }
+      return targetCurrent;
     };
-    var setPage = (type, value, event) => {
+    var setPage = (type, page, event) => {
       event.target.blur();
-      if (isValidatePage(value)) {
-        var valueNum = toNumber(value);
-        if (valueNum > pageCount.value) {
-          valueNum = pageCount.value;
-          simpleValue.value = "" + valueNum;
-        }
-        if (valueNum !== current.value)
-          current.value = valueNum;
+      var targetCurrent = ensureCurrentBoundary(toNumber(page));
+      simpleCurrentValue.value = String(targetCurrent);
+      current.value = targetCurrent;
+      if (type === "quick") {
+        quickJumperValue.value = "";
       }
-      if (type === "quick")
-        inputValue.value = "";
-      if (type === "simple" && !isValidatePage(value))
-        simpleValue.value = "" + current.value;
     };
     vue.watch([() => props2.current, () => props2.size], (_ref) => {
       var [newCurrent, newSize] = _ref;
@@ -17426,7 +17424,7 @@ var __sfc__$w = vue.defineComponent({
       } = props2;
       var oldCount = Math.ceil(toNumber(total) / toNumber(oldSize));
       var rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
-      simpleValue.value = "" + newCurrent;
+      simpleCurrentValue.value = "" + newCurrent;
       if (newCount - 2 > maxPagerCount) {
         if (oldCurrent === void 0 || newCount !== oldCount) {
           for (var i = 2; i < maxPagerCount + 2; i++) {
@@ -17464,7 +17462,7 @@ var __sfc__$w = vue.defineComponent({
         }
       }
       pageList.value = list2;
-      if (oldCurrent !== void 0 && newCount > 0) {
+      if (oldCurrent != null && newCount > 0) {
         call(onChange, newCurrent, newSize);
       }
       call(props2["onUpdate:current"], newCurrent);
@@ -17481,8 +17479,8 @@ var __sfc__$w = vue.defineComponent({
       size,
       pageCount,
       pageList,
-      inputValue,
-      simpleValue,
+      quickJumperValue,
+      simpleCurrentValue,
       totalText,
       getMode,
       isHideEllipsis,
@@ -18173,7 +18171,7 @@ Picker.Component = VarPicker;
 Picker.install = function(app) {
   app.component(VarPicker.name, VarPicker);
 };
-Picker.close = () => {
+Picker.close = function() {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;
@@ -18530,7 +18528,7 @@ function __render__$r(_ctx, _cache) {
         {
           name: _ctx.iconName,
           transition: _ctx.ICON_TRANSITION,
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.refreshStatus === "loading" && _ctx.iconHasChanged, _ctx.n("animation")])),
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.refreshStatus === "loading", _ctx.n("animation")])),
           "var-pull-refresh-cover": ""
         },
         null,
@@ -18561,10 +18559,22 @@ var __sfc__$s = vue.defineComponent({
     var isEnd = vue.ref(false);
     var scroller;
     var eventTargetScroller;
-    var changing;
     var startY = 0;
     var deltaY = 0;
-    var iconHasChanged = vue.ref(true);
+    var startIconTransition = /* @__PURE__ */ function() {
+      var _ref = _asyncToGenerator$3(function* (name) {
+        if (iconName.value === name) {
+          return;
+        }
+        iconName.value = name;
+        return new Promise((resolve) => {
+          window.setTimeout(resolve, ICON_TRANSITION);
+        });
+      });
+      return function startIconTransition2(_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var isTouchable = vue.computed(() => refreshStatus.value !== "loading" && refreshStatus.value !== "success" && !props2.disabled);
     var controlStyle = vue.computed(() => ({
       transform: "translate3d(0px, " + (isString(distance.value) ? distance.value : distance.value + "px") + ", 0px) translate(-50%, 0)",
@@ -18574,14 +18584,6 @@ var __sfc__$s = vue.defineComponent({
     }));
     var maxDistance = vue.computed(() => Math.abs(2 * controlPosition.value));
     var isSuccess = vue.computed(() => refreshStatus.value === "success");
-    var changeIcon = () => {
-      return new Promise((resolve) => {
-        window.setTimeout(() => {
-          iconHasChanged.value = true;
-          resolve();
-        }, ICON_TRANSITION);
-      });
-    };
     var lockEvent = (action) => {
       var el = "classList" in scroller ? scroller : document.body;
       el.classList[action](n$o() + "--lock");
@@ -18623,21 +18625,16 @@ var __sfc__$s = vue.defineComponent({
       }
       var moveDistance = (event.touches[0].clientY - startPosition.value) / 2 + controlPosition.value;
       distance.value = moveDistance >= maxDistance.value ? maxDistance.value : moveDistance;
-      if (distance.value >= maxDistance.value * 0.2) {
-        iconHasChanged.value = false;
-        iconName.value = "refresh";
-        changing = changeIcon();
-      } else {
-        iconName.value = "arrow-down";
-      }
+      startIconTransition(distance.value >= maxDistance.value * 0.2 ? "refresh" : "arrow-down");
     };
     var touchEnd = /* @__PURE__ */ function() {
-      var _ref = _asyncToGenerator$3(function* () {
-        if (!isTouchable.value)
+      var _ref2 = _asyncToGenerator$3(function* () {
+        if (!isTouchable.value) {
           return;
+        }
         isEnd.value = true;
         if (distance.value >= maxDistance.value * 0.2) {
-          yield changing;
+          yield startIconTransition("refresh");
           refreshStatus.value = "loading";
           distance.value = maxDistance.value * 0.3;
           call(props2["onUpdate:modelValue"], true);
@@ -18657,7 +18654,7 @@ var __sfc__$s = vue.defineComponent({
         eventTargetScroller = null;
       });
       return function touchEnd2() {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
     var setScroller = () => {
@@ -18686,7 +18683,6 @@ var __sfc__$s = vue.defineComponent({
     return {
       n: n$o,
       classes: classes$j,
-      iconHasChanged,
       ICON_TRANSITION,
       refreshStatus,
       freshNode,
@@ -25071,9 +25067,9 @@ const skeleton = "";
 const SkeletonSfc = "";
 const slider = "";
 const SliderSfc = "";
-const SnackbarSfc = "";
 const snackbar = "";
 const coreSfc = "";
+const SnackbarSfc = "";
 const space = "";
 const step = "";
 const StepSfc = "";
@@ -25098,7 +25094,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.9.5";
+const version = "2.9.6";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);