vant 3.3.3 → 3.3.7

package/lib/calendar/index.d.ts

@@ -114,13 +114,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     firstDayOfWeek?: unknown;
 } & {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -153,13 +153,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;

package/lib/datetime-picker/DatePicker.js

@@ -290,7 +290,7 @@ var _default = (0, _vue.defineComponent)({
       }
     });
     (0, _useExpose.useExpose)({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && (0, _utils2.proxyPickerMethods)(picker.value, updateInnerValue)
     });
     return () => (0, _vue.createVNode)(_picker.Picker, (0, _vue.mergeProps)({
       "ref": picker,

package/lib/datetime-picker/TimePicker.js

@@ -131,7 +131,7 @@ var _default = (0, _vue.defineComponent)({
       }
     });
     (0, _useExpose.useExpose)({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && (0, _utils2.proxyPickerMethods)(picker.value, updateInnerValue)
     });
     return () => (0, _vue.createVNode)(_picker.Picker, (0, _vue.mergeProps)({
       "ref": picker,

package/lib/datetime-picker/utils.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { PickerInstance } from '../picker';
 import type { DatetimePickerColumnType } from './types';
 export declare const sharedProps: {
     title: StringConstructor;
@@ -35,3 +36,4 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare function getTrueValue(value: string | undefined): number;
 export declare const getMonthEndDay: (year: number, month: number) => number;
+export declare const proxyPickerMethods: (picker: PickerInstance, callback: () => void) => PickerInstance;

package/lib/datetime-picker/utils.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.getMonthEndDay = void 0;
 exports.getTrueValue = getTrueValue;
-exports.sharedProps = exports.pickerInheritKeys = void 0;
+exports.sharedProps = exports.proxyPickerMethods = exports.pickerInheritKeys = void 0;
 exports.times = times;
 
 var _utils = require("../utils");
@@ -49,6 +49,25 @@ function getTrueValue(value) {
   return parseInt(value, 10);
 }
 
-var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate(); // https://github.com/youzan/vant/issues/10013
 
-exports.getMonthEndDay = getMonthEndDay;
+
+exports.getMonthEndDay = getMonthEndDay;
+
+var proxyPickerMethods = (picker, callback) => {
+  var methods = ['setValues', 'setIndexes', 'setColumnIndex', 'setColumnValue'];
+  return new Proxy(picker, {
+    get: (target, prop) => {
+      if (methods.includes(prop)) {
+        return function () {
+          target[prop](...arguments);
+          callback();
+        };
+      }
+
+      return target[prop];
+    }
+  });
+};
+
+exports.proxyPickerMethods = proxyPickerMethods;

package/lib/field/Field.js

@@ -218,14 +218,14 @@ var _default = (0, _vue.defineComponent)({
         maxlength
       } = props;
 
-      if ((0, _utils.isDef)(maxlength) && value.length > maxlength) {
+      if ((0, _utils.isDef)(maxlength) && (0, _utils2.getStringLength)(value) > maxlength) {
         var modelValue = getModelValue();
 
-        if (modelValue && modelValue.length === +maxlength) {
+        if (modelValue && (0, _utils2.getStringLength)(modelValue) === +maxlength) {
           return modelValue;
         }
 
-        return value.slice(0, +maxlength);
+        return (0, _utils2.cutString)(value, +maxlength);
       }
 
       return value;
@@ -432,7 +432,7 @@ var _default = (0, _vue.defineComponent)({
 
     var renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
-        var count = getModelValue().length;
+        var count = (0, _utils2.getStringLength)(getModelValue());
         return (0, _vue.createVNode)("div", {
           "class": bem('word-limit')
         }, [(0, _vue.createVNode)("span", {

package/lib/field/utils.d.ts

@@ -10,3 +10,5 @@ export declare function mapInputType(type: FieldType): {
     type: InputHTMLAttributes['type'];
     inputmode?: HTMLAttributes['inputmode'];
 };
+export declare function getStringLength(str: string): number;
+export declare function cutString(str: string, maxlength: number): string;

package/lib/field/utils.js

@@ -1,8 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
+exports.cutString = cutString;
 exports.endComposing = endComposing;
 exports.getRuleMessage = getRuleMessage;
+exports.getStringLength = getStringLength;
 exports.mapInputType = mapInputType;
 exports.resizeTextarea = resizeTextarea;
 exports.runRuleValidator = runRuleValidator;
@@ -124,4 +126,15 @@ function mapInputType(type) {
   return {
     type
   };
+} // get correct length of emoji
+// https://github.com/youzan/vant/issues/10032
+
+
+function getStringLength(str) {
+  return [...str].length;
+} // cut string with emoji
+
+
+function cutString(str, maxlength) {
+  return [...str].slice(0, maxlength).join('');
 }