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 +1 -0
- package/es/calendar/CalendarHeader.mjs +1 -1
- package/es/calendar/index.css +1 -1
- package/es/dialog/Dialog.d.ts +13 -0
- package/es/dialog/Dialog.mjs +5 -1
- package/es/dialog/index.d.ts +9 -0
- package/es/field/Field.d.ts +5 -1
- package/es/field/Field.mjs +6 -3
- package/es/field/index.d.ts +2 -0
- package/es/field/utils.d.ts +1 -1
- package/es/field/utils.mjs +6 -10
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/search/Search.d.ts +3 -0
- package/es/search/index.d.ts +2 -0
- package/lib/calendar/CalendarHeader.js +1 -1
- package/lib/calendar/index.css +1 -1
- package/lib/dialog/Dialog.d.ts +13 -0
- package/lib/dialog/Dialog.js +5 -1
- package/lib/dialog/index.d.ts +9 -0
- package/lib/field/Field.d.ts +5 -1
- package/lib/field/Field.js +6 -3
- package/lib/field/index.d.ts +2 -0
- package/lib/field/utils.d.ts +1 -1
- package/lib/field/utils.js +6 -10
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/search/Search.d.ts +3 -0
- package/lib/search/index.d.ts +2 -0
- package/lib/vant.cjs.js +19 -16
- package/lib/vant.es.js +19 -16
- package/lib/vant.js +20 -17
- package/lib/vant.min.js +2 -2
- package/lib/web-types.json +1 -1
- package/package.json +14 -14
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-
|
86
|
+
"with-switch": canSwitch
|
87
87
|
}),
|
88
88
|
"onClick": onClickSubtitle
|
89
89
|
}, [canSwitch ? [renderAction(), _createVNode("div", {
|
package/es/calendar/index.css
CHANGED
@@ -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-
|
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)}
|
package/es/dialog/Dialog.d.ts
CHANGED
@@ -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;
|
package/es/dialog/Dialog.mjs
CHANGED
@@ -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
|
}
|
package/es/dialog/index.d.ts
CHANGED
@@ -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';
|
package/es/field/Field.d.ts
CHANGED
@@ -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: {
|
package/es/field/Field.mjs
CHANGED
@@ -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,
|
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"];
|
package/es/field/index.d.ts
CHANGED
@@ -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: {
|
package/es/field/utils.d.ts
CHANGED
@@ -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
|
};
|
package/es/field/utils.mjs
CHANGED
@@ -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
|
-
|
78
|
-
|
79
|
-
inputmode: "decimal"
|
80
|
-
};
|
77
|
+
type = "text";
|
78
|
+
inputmode != null ? inputmode : inputmode = "decimal";
|
81
79
|
}
|
82
80
|
if (type === "digit") {
|
83
|
-
|
84
|
-
|
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
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.
|
102
|
+
const version = "4.9.9";
|
103
103
|
function install(app) {
|
104
104
|
const components = [
|
105
105
|
ActionBar,
|
package/es/search/Search.d.ts
CHANGED
@@ -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: {
|
package/es/search/index.d.ts
CHANGED
@@ -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-
|
108
|
+
"with-switch": canSwitch
|
109
109
|
}),
|
110
110
|
"onClick": onClickSubtitle
|
111
111
|
}, [canSwitch ? [renderAction(), (0, import_vue.createVNode)("div", {
|
package/lib/calendar/index.css
CHANGED
@@ -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-
|
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)}
|
package/lib/dialog/Dialog.d.ts
CHANGED
@@ -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;
|
package/lib/dialog/Dialog.js
CHANGED
@@ -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
|
}
|
package/lib/dialog/index.d.ts
CHANGED
@@ -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';
|
package/lib/field/Field.d.ts
CHANGED
@@ -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: {
|
package/lib/field/Field.js
CHANGED
@@ -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,
|
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"];
|
package/lib/field/index.d.ts
CHANGED
@@ -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: {
|
package/lib/field/utils.d.ts
CHANGED
@@ -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
|
};
|
package/lib/field/utils.js
CHANGED
@@ -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
|
-
|
103
|
-
|
104
|
-
inputmode: "decimal"
|
105
|
-
};
|
102
|
+
type = "text";
|
103
|
+
inputmode != null ? inputmode : inputmode = "decimal";
|
106
104
|
}
|
107
105
|
if (type === "digit") {
|
108
|
-
|
109
|
-
|
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;
|