vant 4.9.8 → 4.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -125,6 +125,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
125
125
  | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
126
126
  | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
127
127
  | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
128
+ | [Taroify](https://github.com/mallfoundry/taroify) | Taroify is the Taro version of Vant |
128
129
  | [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
129
130
  | [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
130
131
  | [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
@@ -83,7 +83,7 @@ var stdin_default = defineComponent({
83
83
  const canSwitch = props.switchMode !== "none";
84
84
  return _createVNode("div", {
85
85
  "class": bem("header-subtitle", {
86
- "with-swicth": canSwitch
86
+ "with-switch": canSwitch
87
87
  }),
88
88
  "onClick": onClickSubtitle
89
89
  }, [canSwitch ? [renderAction(), _createVNode("div", {
@@ -1 +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)}
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-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)}
@@ -54,6 +54,10 @@ export declare const dialogProps: {
54
54
  default: true;
55
55
  };
56
56
  closeOnClickOverlay: BooleanConstructor;
57
+ keyboardEnabled: {
58
+ type: BooleanConstructor;
59
+ default: true;
60
+ };
57
61
  };
58
62
  export type DialogProps = ExtractPropTypes<typeof dialogProps>;
59
63
  declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -110,6 +114,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
110
114
  default: true;
111
115
  };
112
116
  closeOnClickOverlay: BooleanConstructor;
117
+ keyboardEnabled: {
118
+ type: BooleanConstructor;
119
+ default: true;
120
+ };
113
121
  }>, () => 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<{
114
122
  show: BooleanConstructor;
115
123
  zIndex: (NumberConstructor | StringConstructor)[];
@@ -164,6 +172,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
164
172
  default: true;
165
173
  };
166
174
  closeOnClickOverlay: BooleanConstructor;
175
+ keyboardEnabled: {
176
+ type: BooleanConstructor;
177
+ default: true;
178
+ };
167
179
  }>> & Readonly<{
168
180
  onKeydown?: ((...args: any[]) => any) | undefined;
169
181
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -183,5 +195,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
183
195
  cancelButtonDisabled: boolean;
184
196
  confirmButtonDisabled: boolean;
185
197
  showConfirmButton: boolean;
198
+ keyboardEnabled: boolean;
186
199
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
187
200
  export default _default;
@@ -25,7 +25,8 @@ const dialogProps = extend({}, popupSharedProps, {
25
25
  confirmButtonColor: String,
26
26
  confirmButtonDisabled: Boolean,
27
27
  showConfirmButton: truthProp,
28
- closeOnClickOverlay: Boolean
28
+ closeOnClickOverlay: Boolean,
29
+ keyboardEnabled: truthProp
29
30
  });
30
31
  const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
31
32
  var stdin_default = defineComponent({
@@ -72,6 +73,9 @@ var stdin_default = defineComponent({
72
73
  const onConfirm = getActionHandler("confirm");
73
74
  const onKeydown = withKeys((event) => {
74
75
  var _a, _b;
76
+ if (!props.keyboardEnabled) {
77
+ return;
78
+ }
75
79
  if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
76
80
  return;
77
81
  }
@@ -52,6 +52,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
52
52
  default: true;
53
53
  };
54
54
  closeOnClickOverlay: BooleanConstructor;
55
+ keyboardEnabled: {
56
+ type: BooleanConstructor;
57
+ default: true;
58
+ };
55
59
  }>, () => 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<{
56
60
  show: BooleanConstructor;
57
61
  zIndex: (NumberConstructor | StringConstructor)[];
@@ -106,6 +110,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
106
110
  default: true;
107
111
  };
108
112
  closeOnClickOverlay: BooleanConstructor;
113
+ keyboardEnabled: {
114
+ type: BooleanConstructor;
115
+ default: true;
116
+ };
109
117
  }>> & Readonly<{
110
118
  onKeydown?: ((...args: any[]) => any) | undefined;
111
119
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -125,6 +133,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
125
133
  cancelButtonDisabled: boolean;
126
134
  confirmButtonDisabled: boolean;
127
135
  showConfirmButton: boolean;
136
+ keyboardEnabled: boolean;
128
137
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
129
138
  export default Dialog;
130
139
  export { dialogProps } from './Dialog';
@@ -1,4 +1,4 @@
1
- import { type PropType, type ExtractPropTypes } from 'vue';
1
+ import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
2
2
  import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
3
3
  export declare const fieldSharedProps: {
4
4
  id: StringConstructor;
@@ -50,6 +50,7 @@ export declare const fieldSharedProps: {
50
50
  type: BooleanConstructor;
51
51
  default: null;
52
52
  };
53
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
53
54
  };
54
55
  export declare const fieldProps: {
55
56
  tag: {
@@ -131,6 +132,7 @@ export declare const fieldProps: {
131
132
  type: BooleanConstructor;
132
133
  default: null;
133
134
  };
135
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
134
136
  } & {
135
137
  rows: (NumberConstructor | StringConstructor)[];
136
138
  type: {
@@ -230,6 +232,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
230
232
  type: BooleanConstructor;
231
233
  default: null;
232
234
  };
235
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
233
236
  } & {
234
237
  rows: (NumberConstructor | StringConstructor)[];
235
238
  type: {
@@ -327,6 +330,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
327
330
  type: BooleanConstructor;
328
331
  default: null;
329
332
  };
333
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
330
334
  } & {
331
335
  rows: (NumberConstructor | StringConstructor)[];
332
336
  type: {
@@ -45,7 +45,8 @@ const fieldSharedProps = {
45
45
  readonly: {
46
46
  type: Boolean,
47
47
  default: null
48
- }
48
+ },
49
+ inputmode: String
49
50
  };
50
51
  const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
51
52
  rows: numericProp,
@@ -388,9 +389,11 @@ var stdin_default = defineComponent({
388
389
  onCompositionstart: startComposing
389
390
  };
390
391
  if (props.type === "textarea") {
391
- return _createVNode("textarea", inputAttrs, null);
392
+ return _createVNode("textarea", _mergeProps(inputAttrs, {
393
+ "inputmode": props.inputmode
394
+ }), null);
392
395
  }
393
- return _createVNode("input", _mergeProps(mapInputType(props.type), inputAttrs), null);
396
+ return _createVNode("input", _mergeProps(mapInputType(props.type, props.inputmode), inputAttrs), null);
394
397
  };
395
398
  const renderLeftIcon = () => {
396
399
  const leftIconSlot = slots["left-icon"];
@@ -79,6 +79,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
79
79
  type: BooleanConstructor;
80
80
  default: null;
81
81
  };
82
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
82
83
  } & {
83
84
  rows: (NumberConstructor | StringConstructor)[];
84
85
  type: {
@@ -176,6 +177,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
176
177
  type: BooleanConstructor;
177
178
  default: null;
178
179
  };
180
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
179
181
  } & {
180
182
  rows: (NumberConstructor | StringConstructor)[];
181
183
  type: {
@@ -7,7 +7,7 @@ export declare function getRuleMessage(value: unknown, rule: FieldRule): string;
7
7
  export declare function startComposing({ target }: Event): void;
8
8
  export declare function endComposing({ target }: Event): void;
9
9
  export declare function resizeTextarea(input: HTMLInputElement, autosize: true | FieldAutosizeConfig): void;
10
- export declare function mapInputType(type: FieldType): {
10
+ export declare function mapInputType(type: FieldType, inputmode?: HTMLAttributes['inputmode']): {
11
11
  type: InputHTMLAttributes['type'];
12
12
  inputmode?: HTMLAttributes['inputmode'];
13
13
  };
@@ -72,20 +72,16 @@ function resizeTextarea(input, autosize) {
72
72
  setRootScrollTop(scrollTop);
73
73
  }
74
74
  }
75
- function mapInputType(type) {
75
+ function mapInputType(type, inputmode) {
76
76
  if (type === "number") {
77
- return {
78
- type: "text",
79
- inputmode: "decimal"
80
- };
77
+ type = "text";
78
+ inputmode != null ? inputmode : inputmode = "decimal";
81
79
  }
82
80
  if (type === "digit") {
83
- return {
84
- type: "tel",
85
- inputmode: "numeric"
86
- };
81
+ type = "tel";
82
+ inputmode != null ? inputmode : inputmode = "numeric";
87
83
  }
88
- return { type };
84
+ return { type, inputmode };
89
85
  }
90
86
  function getStringLength(str) {
91
87
  return [...str].length;
package/es/index.d.ts CHANGED
@@ -106,4 +106,4 @@ declare namespace _default {
106
106
  }
107
107
  export default _default;
108
108
  export function install(app: any): void;
109
- export const version: "4.9.8";
109
+ export const version: "4.9.9";
package/es/index.mjs CHANGED
@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
99
99
  import { TreeSelect } from "./tree-select/index.mjs";
100
100
  import { Uploader } from "./uploader/index.mjs";
101
101
  import { Watermark } from "./watermark/index.mjs";
102
- const version = "4.9.8";
102
+ const version = "4.9.9";
103
103
  function install(app) {
104
104
  const components = [
105
105
  ActionBar,
@@ -50,6 +50,7 @@ export declare const searchProps: {
50
50
  type: BooleanConstructor;
51
51
  default: null;
52
52
  };
53
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
53
54
  } & {
54
55
  label: StringConstructor;
55
56
  shape: {
@@ -119,6 +120,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
119
120
  type: BooleanConstructor;
120
121
  default: null;
121
122
  };
123
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
122
124
  } & {
123
125
  label: StringConstructor;
124
126
  shape: {
@@ -186,6 +188,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
186
188
  type: BooleanConstructor;
187
189
  default: null;
188
190
  };
191
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
189
192
  } & {
190
193
  label: StringConstructor;
191
194
  shape: {
@@ -49,6 +49,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
49
49
  type: BooleanConstructor;
50
50
  default: null;
51
51
  };
52
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
52
53
  } & {
53
54
  label: StringConstructor;
54
55
  shape: {
@@ -116,6 +117,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
116
117
  type: BooleanConstructor;
117
118
  default: null;
118
119
  };
120
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
119
121
  } & {
120
122
  label: StringConstructor;
121
123
  shape: {
@@ -105,7 +105,7 @@ var stdin_default = (0, import_vue.defineComponent)({
105
105
  const canSwitch = props.switchMode !== "none";
106
106
  return (0, import_vue.createVNode)("div", {
107
107
  "class": (0, import_utils2.bem)("header-subtitle", {
108
- "with-swicth": canSwitch
108
+ "with-switch": canSwitch
109
109
  }),
110
110
  "onClick": onClickSubtitle
111
111
  }, [canSwitch ? [renderAction(), (0, import_vue.createVNode)("div", {
@@ -1 +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)}
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-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)}
@@ -54,6 +54,10 @@ export declare const dialogProps: {
54
54
  default: true;
55
55
  };
56
56
  closeOnClickOverlay: BooleanConstructor;
57
+ keyboardEnabled: {
58
+ type: BooleanConstructor;
59
+ default: true;
60
+ };
57
61
  };
58
62
  export type DialogProps = ExtractPropTypes<typeof dialogProps>;
59
63
  declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -110,6 +114,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
110
114
  default: true;
111
115
  };
112
116
  closeOnClickOverlay: BooleanConstructor;
117
+ keyboardEnabled: {
118
+ type: BooleanConstructor;
119
+ default: true;
120
+ };
113
121
  }>, () => 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<{
114
122
  show: BooleanConstructor;
115
123
  zIndex: (NumberConstructor | StringConstructor)[];
@@ -164,6 +172,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
164
172
  default: true;
165
173
  };
166
174
  closeOnClickOverlay: BooleanConstructor;
175
+ keyboardEnabled: {
176
+ type: BooleanConstructor;
177
+ default: true;
178
+ };
167
179
  }>> & Readonly<{
168
180
  onKeydown?: ((...args: any[]) => any) | undefined;
169
181
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -183,5 +195,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
183
195
  cancelButtonDisabled: boolean;
184
196
  confirmButtonDisabled: boolean;
185
197
  showConfirmButton: boolean;
198
+ keyboardEnabled: boolean;
186
199
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
187
200
  export default _default;
@@ -48,7 +48,8 @@ const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
48
48
  confirmButtonColor: String,
49
49
  confirmButtonDisabled: Boolean,
50
50
  showConfirmButton: import_utils.truthProp,
51
- closeOnClickOverlay: Boolean
51
+ closeOnClickOverlay: Boolean,
52
+ keyboardEnabled: import_utils.truthProp
52
53
  });
53
54
  const popupInheritKeys = [...import_shared.popupSharedPropKeys, "transition", "closeOnPopstate"];
54
55
  var stdin_default = (0, import_vue.defineComponent)({
@@ -95,6 +96,9 @@ var stdin_default = (0, import_vue.defineComponent)({
95
96
  const onConfirm = getActionHandler("confirm");
96
97
  const onKeydown = (0, import_vue.withKeys)((event) => {
97
98
  var _a, _b;
99
+ if (!props.keyboardEnabled) {
100
+ return;
101
+ }
98
102
  if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
99
103
  return;
100
104
  }
@@ -52,6 +52,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
52
52
  default: true;
53
53
  };
54
54
  closeOnClickOverlay: BooleanConstructor;
55
+ keyboardEnabled: {
56
+ type: BooleanConstructor;
57
+ default: true;
58
+ };
55
59
  }>, () => 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<{
56
60
  show: BooleanConstructor;
57
61
  zIndex: (NumberConstructor | StringConstructor)[];
@@ -106,6 +110,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
106
110
  default: true;
107
111
  };
108
112
  closeOnClickOverlay: BooleanConstructor;
113
+ keyboardEnabled: {
114
+ type: BooleanConstructor;
115
+ default: true;
116
+ };
109
117
  }>> & Readonly<{
110
118
  onKeydown?: ((...args: any[]) => any) | undefined;
111
119
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -125,6 +133,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
125
133
  cancelButtonDisabled: boolean;
126
134
  confirmButtonDisabled: boolean;
127
135
  showConfirmButton: boolean;
136
+ keyboardEnabled: boolean;
128
137
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
129
138
  export default Dialog;
130
139
  export { dialogProps } from './Dialog';
@@ -1,4 +1,4 @@
1
- import { type PropType, type ExtractPropTypes } from 'vue';
1
+ import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
2
2
  import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
3
3
  export declare const fieldSharedProps: {
4
4
  id: StringConstructor;
@@ -50,6 +50,7 @@ export declare const fieldSharedProps: {
50
50
  type: BooleanConstructor;
51
51
  default: null;
52
52
  };
53
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
53
54
  };
54
55
  export declare const fieldProps: {
55
56
  tag: {
@@ -131,6 +132,7 @@ export declare const fieldProps: {
131
132
  type: BooleanConstructor;
132
133
  default: null;
133
134
  };
135
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
134
136
  } & {
135
137
  rows: (NumberConstructor | StringConstructor)[];
136
138
  type: {
@@ -230,6 +232,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
230
232
  type: BooleanConstructor;
231
233
  default: null;
232
234
  };
235
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
233
236
  } & {
234
237
  rows: (NumberConstructor | StringConstructor)[];
235
238
  type: {
@@ -327,6 +330,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
327
330
  type: BooleanConstructor;
328
331
  default: null;
329
332
  };
333
+ inputmode: PropType<HTMLAttributes["inputmode"]>;
330
334
  } & {
331
335
  rows: (NumberConstructor | StringConstructor)[];
332
336
  type: {
@@ -69,7 +69,8 @@ const fieldSharedProps = {
69
69
  readonly: {
70
70
  type: Boolean,
71
71
  default: null
72
- }
72
+ },
73
+ inputmode: String
73
74
  };
74
75
  const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fieldSharedProps, {
75
76
  rows: import_utils.numericProp,
@@ -412,9 +413,11 @@ var stdin_default = (0, import_vue.defineComponent)({
412
413
  onCompositionstart: import_utils2.startComposing
413
414
  };
414
415
  if (props.type === "textarea") {
415
- return (0, import_vue.createVNode)("textarea", inputAttrs, null);
416
+ return (0, import_vue.createVNode)("textarea", (0, import_vue.mergeProps)(inputAttrs, {
417
+ "inputmode": props.inputmode
418
+ }), null);
416
419
  }
417
- return (0, import_vue.createVNode)("input", (0, import_vue.mergeProps)((0, import_utils2.mapInputType)(props.type), inputAttrs), null);
420
+ return (0, import_vue.createVNode)("input", (0, import_vue.mergeProps)((0, import_utils2.mapInputType)(props.type, props.inputmode), inputAttrs), null);
418
421
  };
419
422
  const renderLeftIcon = () => {
420
423
  const leftIconSlot = slots["left-icon"];
@@ -79,6 +79,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
79
79
  type: BooleanConstructor;
80
80
  default: null;
81
81
  };
82
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
82
83
  } & {
83
84
  rows: (NumberConstructor | StringConstructor)[];
84
85
  type: {
@@ -176,6 +177,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
176
177
  type: BooleanConstructor;
177
178
  default: null;
178
179
  };
180
+ inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
179
181
  } & {
180
182
  rows: (NumberConstructor | StringConstructor)[];
181
183
  type: {
@@ -7,7 +7,7 @@ export declare function getRuleMessage(value: unknown, rule: FieldRule): string;
7
7
  export declare function startComposing({ target }: Event): void;
8
8
  export declare function endComposing({ target }: Event): void;
9
9
  export declare function resizeTextarea(input: HTMLInputElement, autosize: true | FieldAutosizeConfig): void;
10
- export declare function mapInputType(type: FieldType): {
10
+ export declare function mapInputType(type: FieldType, inputmode?: HTMLAttributes['inputmode']): {
11
11
  type: InputHTMLAttributes['type'];
12
12
  inputmode?: HTMLAttributes['inputmode'];
13
13
  };
@@ -97,20 +97,16 @@ function resizeTextarea(input, autosize) {
97
97
  (0, import_utils.setRootScrollTop)(scrollTop);
98
98
  }
99
99
  }
100
- function mapInputType(type) {
100
+ function mapInputType(type, inputmode) {
101
101
  if (type === "number") {
102
- return {
103
- type: "text",
104
- inputmode: "decimal"
105
- };
102
+ type = "text";
103
+ inputmode != null ? inputmode : inputmode = "decimal";
106
104
  }
107
105
  if (type === "digit") {
108
- return {
109
- type: "tel",
110
- inputmode: "numeric"
111
- };
106
+ type = "tel";
107
+ inputmode != null ? inputmode : inputmode = "numeric";
112
108
  }
113
- return { type };
109
+ return { type, inputmode };
114
110
  }
115
111
  function getStringLength(str) {
116
112
  return [...str].length;