vant 4.9.7 → 4.9.9

package/README.md

@@ -125,6 +125,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
+| [Taroify](https://github.com/mallfoundry/taroify) | Taroify is the Taro version of Vant |
 | [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
 | [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
 | [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |

package/es/calendar/Calendar.mjs

@@ -358,7 +358,7 @@ var stdin_default = defineComponent({
       }, pick(props, ["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) {

package/es/calendar/CalendarDay.mjs

@@ -81,6 +81,9 @@ var stdin_default = defineComponent({
         }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
+    const renderText = () => {
+      return slots.text ? slots.text(props.item) : props.item.text;
+    };
     const renderContent = () => {
       const {
         item,
@@ -88,10 +91,9 @@ var stdin_default = defineComponent({
         rowHeight
       } = props;
       const {
-        type,
-        text
+        type
       } = item;
-      const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+      const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
       if (type === "selected") {
         return _createVNode("div", {
           "class": bem("selected-day"),

package/es/calendar/CalendarHeader.mjs

@@ -83,7 +83,7 @@ var stdin_default = defineComponent({
         const canSwitch = props.switchMode !== "none";
         return _createVNode("div", {
           "class": bem("header-subtitle", {
-            "with-swicth": canSwitch
+            "with-switch": canSwitch
           }),
           "onClick": onClickSubtitle
         }, [canSwitch ? [renderAction(), _createVNode("div", {

package/es/calendar/CalendarMonth.mjs

@@ -189,7 +189,7 @@ var stdin_default = defineComponent({
       "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 = () => _createVNode("div", {
       "ref": daysRef,
       "role": "grid",

package/es/calendar/index.css

@@ -1 +1 @@
-:root,:host{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-header-action-width: 28px;--van-calendar-header-action-color: var(--van-text-color);--van-calendar-header-action-disabled-color: var(--van-text-color-3);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__header-subtitle--with-swicth{display:flex;align-items:center;padding:0 var(--van-padding-base)}.van-calendar__header-subtitle-text{flex:1}.van-calendar__header-action{display:flex;align-items:center;justify-content:center;min-width:var(--van-calendar-header-action-width);height:100%;color:var(--van-calendar-header-action-color);cursor:pointer}.van-calendar__header-action--disabled{color:var(--van-calendar-header-action-disabled-color);cursor:not-allowed}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+:root,:host{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-header-action-width: 28px;--van-calendar-header-action-color: var(--van-text-color);--van-calendar-header-action-disabled-color: var(--van-text-color-3);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__header-subtitle--with-switch{display:flex;align-items:center;padding:0 var(--van-padding-base)}.van-calendar__header-subtitle-text{flex:1}.van-calendar__header-action{display:flex;align-items:center;justify-content:center;min-width:var(--van-calendar-header-action-width);height:100%;color:var(--van-calendar-header-action-color);cursor:pointer}.van-calendar__header-action--disabled{color:var(--van-calendar-header-action-disabled-color);cursor:not-allowed}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/es/date-picker/DatePicker.d.ts

@@ -29,7 +29,7 @@ export declare const datePickerProps: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -134,7 +134,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;

package/es/date-picker/DatePicker.mjs

@@ -32,11 +32,7 @@ var stdin_default = defineComponent({
     const currentValues = ref(props.modelValue);
     const updatedByExternalSources = ref(false);
     const pickerRef = ref();
-    const genYearOptions = () => {
-      const minYear = props.minDate.getFullYear();
-      const maxYear = props.maxDate.getFullYear();
-      return genOptions(minYear, maxYear, "year", props.formatter, props.filter);
-    };
+    const computedValues = computed(() => updatedByExternalSources.value ? props.modelValue : currentValues.value);
     const isMinYear = (year) => year === props.minDate.getFullYear();
     const isMaxYear = (year) => year === props.maxDate.getFullYear();
     const isMinMonth = (month) => month === props.minDate.getMonth() + 1;
@@ -47,7 +43,7 @@ var stdin_default = defineComponent({
         columnsType
       } = props;
       const index = columnsType.indexOf(type);
-      const value = updatedByExternalSources.value ? props.modelValue[index] : currentValues.value[index];
+      const value = computedValues.value[index];
       if (value) {
         return +value;
       }
@@ -60,18 +56,23 @@ var stdin_default = defineComponent({
           return minDate.getDate();
       }
     };
+    const genYearOptions = () => {
+      const minYear = props.minDate.getFullYear();
+      const maxYear = props.maxDate.getFullYear();
+      return genOptions(minYear, maxYear, "year", props.formatter, props.filter, computedValues.value);
+    };
     const genMonthOptions = () => {
       const year = getValue("year");
       const minMonth = isMinYear(year) ? props.minDate.getMonth() + 1 : 1;
       const maxMonth = isMaxYear(year) ? props.maxDate.getMonth() + 1 : 12;
-      return genOptions(minMonth, maxMonth, "month", props.formatter, props.filter);
+      return genOptions(minMonth, maxMonth, "month", props.formatter, props.filter, computedValues.value);
     };
     const genDayOptions = () => {
       const year = getValue("year");
       const month = getValue("month");
       const minDate = isMinYear(year) && isMinMonth(month) ? props.minDate.getDate() : 1;
       const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : getMonthEndDay(year, month);
-      return genOptions(minDate, maxDate, "day", props.formatter, props.filter);
+      return genOptions(minDate, maxDate, "day", props.formatter, props.filter, computedValues.value);
     };
     const confirm = () => {
       var _a;

package/es/date-picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -77,7 +77,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/es/date-picker/utils.d.ts

@@ -1,9 +1,7 @@
-import { type RequiredParams } from '../utils';
 import { pickerSharedProps } from '../picker/Picker';
 import type { PropType } from 'vue';
 import type { PickerOption } from '../picker';
-type Filter = (columnType: string, options: PickerOption[], values?: string[]) => PickerOption[];
-export type TimeFilter = RequiredParams<Filter>;
+type Filter = (columnType: string, options: PickerOption[], values: string[]) => PickerOption[];
 type Formatter = (type: string, option: PickerOption) => PickerOption;
 export declare const sharedProps: {
     loading: BooleanConstructor;
@@ -43,6 +41,6 @@ export declare const sharedProps: {
 export declare const pickerInheritKeys: Array<keyof typeof pickerSharedProps>;
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
-export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter | TimeFilter, values?: string[]) => PickerOption[];
+export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter: Filter | undefined, values: string[]) => PickerOption[];
 export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/es/date-picker/utils.mjs

@@ -1,9 +1,4 @@
-import {
-  extend,
-  padZero,
-  makeArrayProp,
-  clamp
-} from "../utils/index.mjs";
+import { extend, padZero, makeArrayProp, clamp } from "../utils/index.mjs";
 import { pickerSharedProps } from "../picker/Picker.mjs";
 const sharedProps = extend({}, pickerSharedProps, {
   modelValue: makeArrayProp(),

package/es/dialog/Dialog.d.ts

@@ -54,6 +54,10 @@ export declare const dialogProps: {
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
+    keyboardEnabled: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export type DialogProps = ExtractPropTypes<typeof dialogProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -110,6 +114,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
+    keyboardEnabled: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "keydown" | "update:show" | "confirm")[], "cancel" | "keydown" | "update:show" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -164,6 +172,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
+    keyboardEnabled: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -183,5 +195,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;
     showConfirmButton: boolean;
+    keyboardEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/dialog/Dialog.mjs

@@ -25,7 +25,8 @@ const dialogProps = extend({}, popupSharedProps, {
   confirmButtonColor: String,
   confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
-  closeOnClickOverlay: Boolean
+  closeOnClickOverlay: Boolean,
+  keyboardEnabled: truthProp
 });
 const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
 var stdin_default = defineComponent({
@@ -72,6 +73,9 @@ var stdin_default = defineComponent({
     const onConfirm = getActionHandler("confirm");
     const onKeydown = withKeys((event) => {
       var _a, _b;
+      if (!props.keyboardEnabled) {
+        return;
+      }
       if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
         return;
       }

package/es/dialog/index.d.ts

@@ -52,6 +52,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
+    keyboardEnabled: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "keydown" | "update:show" | "confirm")[], "cancel" | "keydown" | "update:show" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -106,6 +110,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
+    keyboardEnabled: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -125,6 +133,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;
     showConfirmButton: boolean;
+    keyboardEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Dialog;
 export { dialogProps } from './Dialog';

package/es/field/Field.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
@@ -50,6 +50,7 @@ export declare const fieldSharedProps: {
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: PropType<HTMLAttributes["inputmode"]>;
 };
 export declare const fieldProps: {
     tag: {
@@ -131,6 +132,7 @@ export declare const fieldProps: {
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
@@ -230,6 +232,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
@@ -327,6 +330,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {

package/es/field/Field.mjs

@@ -45,7 +45,8 @@ const fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  }
+  },
+  inputmode: String
 };
 const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   rows: numericProp,
@@ -222,7 +223,7 @@ var stdin_default = defineComponent({
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = formatNumber(value, isNumber, isNumber);
-        if (trigger === "onBlur" && value !== "") {
+        if (trigger === "onBlur" && value !== "" && (props.min !== void 0 || props.max !== void 0)) {
           const adjustedValue = clamp(+value, (_a = props.min) != null ? _a : -Infinity, (_b = props.max) != null ? _b : Infinity);
           value = adjustedValue.toString();
         }
@@ -388,9 +389,11 @@ var stdin_default = defineComponent({
         onCompositionstart: startComposing
       };
       if (props.type === "textarea") {
-        return _createVNode("textarea", inputAttrs, null);
+        return _createVNode("textarea", _mergeProps(inputAttrs, {
+          "inputmode": props.inputmode
+        }), null);
       }
-      return _createVNode("input", _mergeProps(mapInputType(props.type), inputAttrs), null);
+      return _createVNode("input", _mergeProps(mapInputType(props.type, props.inputmode), inputAttrs), null);
     };
     const renderLeftIcon = () => {
       const leftIconSlot = slots["left-icon"];

package/es/field/index.d.ts

@@ -79,6 +79,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
@@ -176,6 +177,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {

package/es/field/utils.d.ts

@@ -7,7 +7,7 @@ export declare function getRuleMessage(value: unknown, rule: FieldRule): string;
 export declare function startComposing({ target }: Event): void;
 export declare function endComposing({ target }: Event): void;
 export declare function resizeTextarea(input: HTMLInputElement, autosize: true | FieldAutosizeConfig): void;
-export declare function mapInputType(type: FieldType): {
+export declare function mapInputType(type: FieldType, inputmode?: HTMLAttributes['inputmode']): {
     type: InputHTMLAttributes['type'];
     inputmode?: HTMLAttributes['inputmode'];
 };

package/es/field/utils.mjs

@@ -72,20 +72,16 @@ function resizeTextarea(input, autosize) {
     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;

package/es/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.9.7";
+export const version: "4.9.9";

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.9.7";
+const version = "4.9.9";
 function install(app) {
   const components = [
     ActionBar,

package/es/search/Search.d.ts

@@ -50,6 +50,7 @@ export declare const searchProps: {
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
@@ -119,6 +120,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
@@ -186,6 +188,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {

package/es/search/index.d.ts

@@ -49,6 +49,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {
@@ -116,6 +117,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     label: StringConstructor;
     shape: {

package/es/time-picker/TimePicker.d.ts

@@ -1,5 +1,4 @@
 import { type ExtractPropTypes, type PropType, type ComponentPublicInstance } from 'vue';
-import { type TimeFilter } from '../date-picker/utils';
 export type TimePickerColumnType = 'hour' | 'minute' | 'second';
 export declare const timePickerProps: {
     loading: BooleanConstructor;
@@ -30,7 +29,7 @@ export declare const timePickerProps: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -72,7 +71,6 @@ export declare const timePickerProps: {
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 };
 export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
 export type TimePickerExpose = {
@@ -109,7 +107,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -151,7 +149,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -181,7 +178,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -223,7 +220,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: PropType<TimeFilter>;
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/time-picker/TimePicker.mjs

@@ -24,8 +24,7 @@ const timePickerProps = extend({}, sharedProps, {
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  },
-  filter: Function
+  }
 });
 var stdin_default = defineComponent({
   name,

package/es/time-picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -70,7 +70,6 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: import("vue").PropType<import("../date-picker/utils").TimeFilter>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -100,7 +99,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -142,7 +141,6 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-    filter: import("vue").PropType<import("../date-picker/utils").TimeFilter>;
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/calendar/Calendar.js

@@ -391,7 +391,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, (0, import_utils.pick)(props, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay,
         "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
-      }), (0, import_utils.pick)(slots, ["top-info", "bottom-info", "month-title"]));
+      }), (0, import_utils.pick)(slots, ["top-info", "bottom-info", "month-title", "text"]));
     };
     const renderFooterButton = () => {
       if (slots.footer) {

package/lib/calendar/CalendarDay.js

@@ -103,6 +103,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
+    const renderText = () => {
+      return slots.text ? slots.text(props.item) : props.item.text;
+    };
     const renderContent = () => {
       const {
         item,
@@ -110,10 +113,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         rowHeight
       } = props;
       const {
-        type,
-        text
+        type
       } = item;
-      const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+      const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
       if (type === "selected") {
         return (0, import_vue.createVNode)("div", {
           "class": (0, import_utils2.bem)("selected-day"),