vant 4.9.7 → 4.9.9

package/lib/vant.js

@@ -2376,7 +2376,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.5.5
+  * @vue/shared v3.5.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -4509,20 +4509,16 @@
       setRootScrollTop(scrollTop);
     }
   }
-  function mapInputType(type) {
+  function mapInputType(type, inputmode) {
     if (type === "number") {
-      return {
-        type: "text",
-        inputmode: "decimal"
-      };
+      type = "text";
+      inputmode != null ? inputmode : inputmode = "decimal";
     }
     if (type === "digit") {
-      return {
-        type: "tel",
-        inputmode: "numeric"
-      };
+      type = "tel";
+      inputmode != null ? inputmode : inputmode = "numeric";
     }
-    return { type };
+    return { type, inputmode };
   }
   function getStringLength(str) {
     return [...str].length;
@@ -4568,7 +4564,8 @@
     readonly: {
       type: Boolean,
       default: null
-    }
+    },
+    inputmode: String
   };
   const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     rows: numericProp,
@@ -4745,7 +4742,7 @@
         if (props2.type === "number" || props2.type === "digit") {
           const isNumber = props2.type === "number";
           value = formatNumber(value, isNumber, isNumber);
-          if (trigger === "onBlur" && value !== "") {
+          if (trigger === "onBlur" && value !== "" && (props2.min !== void 0 || props2.max !== void 0)) {
             const adjustedValue = clamp(+value, (_a = props2.min) != null ? _a : -Infinity, (_b = props2.max) != null ? _b : Infinity);
             value = adjustedValue.toString();
           }
@@ -4911,9 +4908,11 @@
           onCompositionstart: startComposing
         };
         if (props2.type === "textarea") {
-          return vue.createVNode("textarea", inputAttrs, null);
+          return vue.createVNode("textarea", vue.mergeProps(inputAttrs, {
+            "inputmode": props2.inputmode
+          }), null);
         }
-        return vue.createVNode("input", vue.mergeProps(mapInputType(props2.type), inputAttrs), null);
+        return vue.createVNode("input", vue.mergeProps(mapInputType(props2.type, props2.inputmode), inputAttrs), null);
       };
       const renderLeftIcon = () => {
         const leftIconSlot = slots["left-icon"];
@@ -6956,6 +6955,9 @@
           }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
         }
       };
+      const renderText = () => {
+        return slots.text ? slots.text(props2.item) : props2.item.text;
+      };
       const renderContent = () => {
         const {
           item,
@@ -6963,10 +6965,9 @@
           rowHeight
         } = props2;
         const {
-          type,
-          text
+          type
         } = item;
-        const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+        const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
         if (type === "selected") {
           return vue.createVNode("div", {
             "class": bem$13("selected-day"),
@@ -7183,7 +7184,7 @@
         "rowHeight": rowHeight.value,
         "onClick": (item2) => emit("click", item2),
         "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
-      }, pick(slots, ["top-info", "bottom-info"]));
+      }, pick(slots, ["top-info", "bottom-info", "text"]));
       const renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
@@ -7283,7 +7284,7 @@
           const canSwitch = props2.switchMode !== "none";
           return vue.createVNode("div", {
             "class": bem$13("header-subtitle", {
-              "with-swicth": canSwitch
+              "with-switch": canSwitch
             }),
             "onClick": onClickSubtitle
           }, [canSwitch ? [renderAction(), vue.createVNode("div", {
@@ -7657,7 +7658,7 @@
         }, pick(props2, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
           "onClick": onClickDay,
           "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
-        }), pick(slots, ["top-info", "bottom-info", "month-title"]));
+        }), pick(slots, ["top-info", "bottom-info", "month-title", "text"]));
       };
       const renderFooterButton = () => {
         if (slots.footer) {
@@ -9828,11 +9829,7 @@
       const currentValues = vue.ref(props2.modelValue);
       const updatedByExternalSources = vue.ref(false);
       const pickerRef = vue.ref();
-      const genYearOptions = () => {
-        const minYear = props2.minDate.getFullYear();
-        const maxYear = props2.maxDate.getFullYear();
-        return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter);
-      };
+      const computedValues = vue.computed(() => updatedByExternalSources.value ? props2.modelValue : currentValues.value);
       const isMinYear = (year) => year === props2.minDate.getFullYear();
       const isMaxYear = (year) => year === props2.maxDate.getFullYear();
       const isMinMonth = (month) => month === props2.minDate.getMonth() + 1;
@@ -9843,7 +9840,7 @@
           columnsType
         } = props2;
         const index = columnsType.indexOf(type);
-        const value = updatedByExternalSources.value ? props2.modelValue[index] : currentValues.value[index];
+        const value = computedValues.value[index];
         if (value) {
           return +value;
         }
@@ -9856,18 +9853,23 @@
             return minDate.getDate();
         }
       };
+      const genYearOptions = () => {
+        const minYear = props2.minDate.getFullYear();
+        const maxYear = props2.maxDate.getFullYear();
+        return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter, computedValues.value);
+      };
       const genMonthOptions = () => {
         const year = getValue2("year");
         const minMonth = isMinYear(year) ? props2.minDate.getMonth() + 1 : 1;
         const maxMonth = isMaxYear(year) ? props2.maxDate.getMonth() + 1 : 12;
-        return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter);
+        return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter, computedValues.value);
       };
       const genDayOptions = () => {
         const year = getValue2("year");
         const month = getValue2("month");
         const minDate = isMinYear(year) && isMinMonth(month) ? props2.minDate.getDate() : 1;
         const maxDate = isMaxYear(year) && isMaxMonth(month) ? props2.maxDate.getDate() : getMonthEndDay(year, month);
-        return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter);
+        return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter, computedValues.value);
       };
       const confirm = () => {
         var _a;
@@ -9940,7 +9942,8 @@
     confirmButtonColor: String,
     confirmButtonDisabled: Boolean,
     showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean
+    closeOnClickOverlay: Boolean,
+    keyboardEnabled: truthProp
   });
   const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
   var stdin_default$W = vue.defineComponent({
@@ -9987,6 +9990,9 @@
       const onConfirm = getActionHandler("confirm");
       const onKeydown = vue.withKeys((event) => {
         var _a, _b;
+        if (!props2.keyboardEnabled) {
+          return;
+        }
         if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
           return;
         }
@@ -16653,8 +16659,7 @@
     columnsType: {
       type: Array,
       default: () => ["hour", "minute"]
-    },
-    filter: Function
+    }
   });
   var stdin_default$8 = vue.defineComponent({
     name: name$3,
@@ -18268,7 +18273,7 @@
       });
     }
   };
-  const version = "4.9.7";
+  const version = "4.9.9";
   function install(app) {
     const components = [
       ActionBar,