vant 3.3.6 → 3.3.7

package/lib/vant.es.js

@@ -476,7 +476,8 @@ var badgeProps = {
   color: String,
   offset: Array,
   content: numericProp,
-  showZero: truthProp
+  showZero: truthProp,
+  position: makeStringProp("top-right")
 };
 var _Badge = defineComponent({
   name: name$1t,
@@ -534,10 +535,10 @@ var _Badge = defineComponent({
     var renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": bem$1p({
+          "class": bem$1p([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }),
+          }]),
           "style": style.value
         }, [renderContent()]);
       }
@@ -2553,6 +2554,12 @@ function mapInputType(type) {
     type
   };
 }
+function getStringLength(str) {
+  return [...str].length;
+}
+function cutString(str, maxlength) {
+  return [...str].slice(0, maxlength).join("");
+}
 var current = 0;
 function useId() {
   var vm = getCurrentInstance();
@@ -2727,12 +2734,12 @@ var _Field = defineComponent({
       var {
         maxlength
       } = props;
-      if (isDef(maxlength) && value.length > maxlength) {
+      if (isDef(maxlength) && getStringLength(value) > maxlength) {
         var modelValue = getModelValue();
-        if (modelValue && modelValue.length === +maxlength) {
+        if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
-        return value.slice(0, +maxlength);
+        return cutString(value, +maxlength);
       }
       return value;
     };
@@ -2896,7 +2903,7 @@ var _Field = defineComponent({
     };
     var renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
-        var count = getModelValue().length;
+        var count = getStringLength(getModelValue());
         return createVNode("div", {
           "class": bem$1a("word-limit")
         }, [createVNode("span", {
@@ -4222,6 +4229,20 @@ function getTrueValue(value) {
   return parseInt(value, 10);
 }
 var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+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];
+    }
+  });
+};
 var useHeight = (element) => {
   var height = ref();
   onMounted(() => nextTick(() => {
@@ -7956,7 +7977,7 @@ var TimePicker = defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => createVNode(Picker, mergeProps({
       "ref": picker,
@@ -8199,7 +8220,7 @@ var DatePicker = defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => createVNode(Picker, mergeProps({
       "ref": picker,
@@ -11639,7 +11660,7 @@ var _Pagination = defineComponent({
       }, [createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue - 1)
+        "onClick": () => updateModelValue(modelValue - 1, true)
       }, [slot ? slot() : props.prevText || t$5("prev")])]);
     };
     var renderNextButton = () => {
@@ -11658,7 +11679,7 @@ var _Pagination = defineComponent({
       }, [createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue + 1)
+        "onClick": () => updateModelValue(modelValue + 1, true)
       }, [slot ? slot() : props.nextText || t$5("next")])]);
     };
     var renderPages = () => pages.value.map((page) => createVNode("li", {
@@ -11669,7 +11690,7 @@ var _Pagination = defineComponent({
     }, [createVNode("button", {
       "type": "button",
       "aria-current": page.active || void 0,
-      "onClick": () => updateModelValue(page.number)
+      "onClick": () => updateModelValue(page.number, true)
     }, [slots.page ? slots.page(page) : page.text])]));
     return () => createVNode("nav", {
       "role": "navigation",
@@ -14308,7 +14329,7 @@ var _Uploader = defineComponent({
   }
 });
 var Uploader = withInstall(_Uploader);
-var version = "3.3.6";
+var version = "3.3.7";
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image$1, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];
   components.forEach((item) => {

package/lib/vant.es.min.js

@@ -476,7 +476,8 @@ var badgeProps = {
   color: String,
   offset: Array,
   content: numericProp,
-  showZero: truthProp
+  showZero: truthProp,
+  position: makeStringProp("top-right")
 };
 var _Badge = defineComponent({
   name: name$1t,
@@ -534,10 +535,10 @@ var _Badge = defineComponent({
     var renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": bem$1p({
+          "class": bem$1p([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }),
+          }]),
           "style": style.value
         }, [renderContent()]);
       }
@@ -2553,6 +2554,12 @@ function mapInputType(type) {
     type
   };
 }
+function getStringLength(str) {
+  return [...str].length;
+}
+function cutString(str, maxlength) {
+  return [...str].slice(0, maxlength).join("");
+}
 var current = 0;
 function useId() {
   var vm = getCurrentInstance();
@@ -2727,12 +2734,12 @@ var _Field = defineComponent({
       var {
         maxlength
       } = props;
-      if (isDef(maxlength) && value.length > maxlength) {
+      if (isDef(maxlength) && getStringLength(value) > maxlength) {
         var modelValue = getModelValue();
-        if (modelValue && modelValue.length === +maxlength) {
+        if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
-        return value.slice(0, +maxlength);
+        return cutString(value, +maxlength);
       }
       return value;
     };
@@ -2896,7 +2903,7 @@ var _Field = defineComponent({
     };
     var renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
-        var count = getModelValue().length;
+        var count = getStringLength(getModelValue());
         return createVNode("div", {
           "class": bem$1a("word-limit")
         }, [createVNode("span", {
@@ -4222,6 +4229,20 @@ function getTrueValue(value) {
   return parseInt(value, 10);
 }
 var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+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];
+    }
+  });
+};
 var useHeight = (element) => {
   var height = ref();
   onMounted(() => nextTick(() => {
@@ -7956,7 +7977,7 @@ var TimePicker = defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => createVNode(Picker, mergeProps({
       "ref": picker,
@@ -8199,7 +8220,7 @@ var DatePicker = defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => createVNode(Picker, mergeProps({
       "ref": picker,
@@ -11639,7 +11660,7 @@ var _Pagination = defineComponent({
       }, [createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue - 1)
+        "onClick": () => updateModelValue(modelValue - 1, true)
       }, [slot ? slot() : props.prevText || t$5("prev")])]);
     };
     var renderNextButton = () => {
@@ -11658,7 +11679,7 @@ var _Pagination = defineComponent({
       }, [createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue + 1)
+        "onClick": () => updateModelValue(modelValue + 1, true)
       }, [slot ? slot() : props.nextText || t$5("next")])]);
     };
     var renderPages = () => pages.value.map((page) => createVNode("li", {
@@ -11669,7 +11690,7 @@ var _Pagination = defineComponent({
     }, [createVNode("button", {
       "type": "button",
       "aria-current": page.active || void 0,
-      "onClick": () => updateModelValue(page.number)
+      "onClick": () => updateModelValue(page.number, true)
     }, [slots.page ? slots.page(page) : page.text])]));
     return () => createVNode("nav", {
       "role": "navigation",
@@ -14308,7 +14329,7 @@ var _Uploader = defineComponent({
   }
 });
 var Uploader = withInstall(_Uploader);
-var version = "3.3.6";
+var version = "3.3.7";
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image$1, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];
   components.forEach((item) => {