vant 2.12.45 → 2.12.48

package/README.zh-CN.md

@@ -26,9 +26,9 @@
 
 ### 介绍
 
-Vant 是**有赞前端团队**开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。
+Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。
 
-目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护 [React 版本](https://github.com/mxdi9i7/vant-react)。
+目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
 
 ## 特性
 

package/es/dialog/Dialog.js

@@ -176,7 +176,8 @@ export default createComponent({
         "attrs": {
           "size": "large",
           "loading": this.loading.cancel,
-          "text": this.cancelButtonText || t('cancel')
+          "text": this.cancelButtonText || t('cancel'),
+          "nativeType": "button"
         },
         "class": bem('cancel'),
         "style": {
@@ -191,7 +192,8 @@ export default createComponent({
         "attrs": {
           "size": "large",
           "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm')
+          "text": this.confirmButtonText || t('confirm'),
+          "nativeType": "button"
         },
         "class": [bem('confirm'), (_ref = {}, _ref[BORDER_LEFT] = multiple, _ref)],
         "style": {

package/es/index.js

@@ -87,7 +87,7 @@ import Tag from './tag';
 import Toast from './toast';
 import TreeSelect from './tree-select';
 import Uploader from './uploader';
-var version = '2.12.45';
+var version = '2.12.48';
 
 function install(Vue) {
   var components = [ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, GoodsAction, GoodsActionButton, GoodsActionIcon, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Panel, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Sku, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];

package/es/locale/lang/vi-VN.js

@@ -0,0 +1,91 @@
+export default {
+  name: 'Tên',
+  tel: 'điện thoại',
+  save: 'tiết kiệm',
+  confirm: 'xác nhận',
+  cancel: 'Hủy bỏ',
+  delete: 'xóa bỏ',
+  complete: 'Hoàn thành',
+  loading: 'Đang tải...',
+  telEmpty: 'Vui lòng điền số điện thoại',
+  nameEmpty: 'vui lòng điền tên',
+  nameInvalid: 'Vui lòng nhập tên chính xác',
+  confirmDelete: 'Bạn có chắc chắn muốn xóa',
+  telInvalid: 'Vui lòng nhập số điện thoại chính xác',
+  vanCalendar: {
+    end: 'chấm dứt',
+    start: 'Bắt đầu',
+    title: 'chọn ngày',
+    confirm: 'Đảm bảo',
+    startEnd: 'bắt đầu / kết thúc',
+    weekdays: ['Chủ nhật', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy'],
+    monthTitle: function monthTitle(year, month) {
+      return year + " n\u0103m " + month + " th\xE1ng";
+    },
+    rangePrompt: function rangePrompt(maxRange) {
+      return "C\xE1c ng\xE0y \u0111\u01B0\u1EE3c ch\u1ECDn kh\xF4ng \u0111\u01B0\u1EE3c v\u01B0\u1EE3t qu\xE1 " + maxRange + " ng\xE0y";
+    }
+  },
+  vanCascader: {
+    select: 'Xin hãy lựa chọn'
+  },
+  vanContactCard: {
+    addText: 'Thêm địa chỉ liên hệ'
+  },
+  vanContactList: {
+    addText: 'Địa chỉ liên lạc mới'
+  },
+  vanPagination: {
+    prev: 'trang trước',
+    next: 'trang sau'
+  },
+  vanPullRefresh: {
+    pulling: 'Kéo xuống để làm mới...',
+    loosing: 'Phát hành để làm mới...'
+  },
+  vanSubmitBar: {
+    label: 'toàn bộ:'
+  },
+  vanCoupon: {
+    unlimited: 'Không có ngưỡng sử dụng',
+    discount: function discount(_discount) {
+      return _discount + " Chi\u1EBFt kh\u1EA5u";
+    },
+    condition: function condition(_condition) {
+      return "C\xF3 s\u1EB5n sau khi chi ti\xEAu " + _condition + " nh\xE2n d\xE2n t\u1EC7";
+    }
+  },
+  vanCouponCell: {
+    title: 'phiếu giảm giá',
+    tips: 'Chưa có',
+    count: function count(_count) {
+      return _count + " trang t\xEDnh kh\u1EA3 d\u1EE5ng";
+    }
+  },
+  vanCouponList: {
+    empty: 'Chưa có phiếu giảm giá',
+    exchange: 'trao đổi',
+    close: 'Không sử dụng phiếu giảm giá',
+    enable: 'Có sẵn',
+    disabled: 'không có sẵn',
+    placeholder: 'Vui lòng nhập mã khuyến mãi'
+  },
+  vanAddressEdit: {
+    area: 'vùng',
+    postal: 'mã bưu điện',
+    areaEmpty: 'vui lòng chọn khu vực',
+    addressEmpty: 'Vui lòng điền vào địa chỉ chi tiết',
+    postalEmpty: 'Định dạng mã zip không chính xác',
+    defaultAddress: 'đặt làm địa chỉ giao hàng mặc định',
+    telPlaceholder: 'Số điện thoại của người nhận hàng',
+    namePlaceholder: 'Tên người nhận hàng',
+    areaPlaceholder: 'Chọn Tỉnh / Thành phố / Quận / Huyện'
+  },
+  vanAddressEditDetail: {
+    label: 'Địa chỉ chi tiết',
+    placeholder: 'Số đường phố, số phòng tầng, v.v.'
+  },
+  vanAddressList: {
+    add: 'Thêm địa chỉ'
+  }
+};

package/es/step/index.js

@@ -23,15 +23,27 @@ export default createComponent({
       return this.status === 'process';
     },
     lineStyle: function lineStyle() {
-      if (this.status === 'finish') {
+      var _this$parent = this.parent,
+          activeColor = _this$parent.activeColor,
+          inactiveColor = _this$parent.inactiveColor,
+          center = _this$parent.center,
+          direction = _this$parent.direction;
+      var style = {
+        background: this.status === 'finish' ? activeColor : inactiveColor
+      };
+
+      if (center && direction === 'vertical') {
+        style.top = '50%';
+      }
+
+      return style;
+    },
+    circleContainerStyle: function circleContainerStyle() {
+      if (this.parent.center && this.parent.direction === 'vertical') {
         return {
-          background: this.parent.activeColor
+          top: '50%'
         };
       }
-
-      return {
-        background: this.parent.inactiveColor
-      };
     },
     titleStyle: function titleStyle() {
       if (this.active) {
@@ -50,12 +62,12 @@ export default createComponent({
   methods: {
     genCircle: function genCircle() {
       var h = this.$createElement;
-      var _this$parent = this.parent,
-          activeIcon = _this$parent.activeIcon,
-          iconPrefix = _this$parent.iconPrefix,
-          activeColor = _this$parent.activeColor,
-          finishIcon = _this$parent.finishIcon,
-          inactiveIcon = _this$parent.inactiveIcon;
+      var _this$parent2 = this.parent,
+          activeIcon = _this$parent2.activeIcon,
+          iconPrefix = _this$parent2.iconPrefix,
+          activeColor = _this$parent2.activeColor,
+          finishIcon = _this$parent2.finishIcon,
+          inactiveIcon = _this$parent2.inactiveIcon;
 
       if (this.active) {
         return this.slots('active-icon') || h(Icon, {
@@ -123,7 +135,8 @@ export default createComponent({
       "class": bem('circle-container'),
       "on": {
         "click": this.onClickStep
-      }
+      },
+      "style": this.circleContainerStyle
     }, [this.genCircle()]), h("div", {
       "class": bem('line'),
       "style": this.lineStyle

package/es/steps/index.js

@@ -8,6 +8,7 @@ var _createNamespace = createNamespace('steps'),
 export default createComponent({
   mixins: [ParentMixin('vanSteps')],
   props: {
+    center: Boolean,
     iconPrefix: String,
     finishIcon: String,
     activeColor: String,

package/es/tabbar/index.js

@@ -70,7 +70,7 @@ export default createComponent({
       var _this2 = this;
 
       this.children.forEach(function (item, index) {
-        item.nameMatched = (item.name || index) === _this2.value;
+        item.nameMatched = item.name === _this2.value || index === _this2.value;
       });
     },
     triggerChange: function triggerChange(active, afterChange) {

package/es/tabbar-item/index.js

@@ -29,23 +29,25 @@ export default createComponent({
     };
   },
   computed: {
-    routeMatched: function routeMatched() {
-      var to = this.to,
-          $route = this.$route;
+    active: function active() {
+      var routeMode = this.parent.route;
 
-      if (to && $route) {
+      if (routeMode && '$route' in this) {
+        var to = this.to,
+            $route = this.$route;
         var config = isObject(to) ? to : {
           path: to
         };
         return !!$route.matched.find(function (r) {
-          var pathMatched = config.path === r.path;
+          // vue-router 3.x $route.matched[0].path is empty in / and its children paths
+          var path = r.path === '' ? '/' : r.path;
+          var pathMatched = config.path === path;
           var nameMatched = isDef(config.name) && config.name === r.name;
           return pathMatched || nameMatched;
         });
       }
-    },
-    active: function active() {
-      return this.parent.route ? this.routeMatched : this.nameMatched;
+
+      return this.nameMatched;
     }
   },
   methods: {

package/es/utils/dom/scroll.js

@@ -4,7 +4,7 @@ function isWindow(val) {
 // https://github.com/youzan/vant/issues/3823
 
 
-var overflowScrollReg = /scroll|auto/i;
+var overflowScrollReg = /scroll|auto|overlay/i;
 export function getScroller(el, root) {
   if (root === void 0) {
     root = window;

package/lib/dialog/Dialog.js

@@ -189,7 +189,8 @@ var _default = createComponent({
         "attrs": {
           "size": "large",
           "loading": this.loading.cancel,
-          "text": this.cancelButtonText || t('cancel')
+          "text": this.cancelButtonText || t('cancel'),
+          "nativeType": "button"
         },
         "class": bem('cancel'),
         "style": {
@@ -204,7 +205,8 @@ var _default = createComponent({
         "attrs": {
           "size": "large",
           "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm')
+          "text": this.confirmButtonText || t('confirm'),
+          "nativeType": "button"
         },
         "class": [bem('confirm'), (_ref = {}, _ref[_constant.BORDER_LEFT] = multiple, _ref)],
         "style": {

package/lib/index.js

@@ -361,7 +361,7 @@ exports.TreeSelect = _treeSelect.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '2.12.45';
+var version = '2.12.48';
 exports.version = version;
 
 function install(Vue) {

package/lib/locale/lang/vi-VN.js

@@ -0,0 +1,96 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  name: 'Tên',
+  tel: 'điện thoại',
+  save: 'tiết kiệm',
+  confirm: 'xác nhận',
+  cancel: 'Hủy bỏ',
+  delete: 'xóa bỏ',
+  complete: 'Hoàn thành',
+  loading: 'Đang tải...',
+  telEmpty: 'Vui lòng điền số điện thoại',
+  nameEmpty: 'vui lòng điền tên',
+  nameInvalid: 'Vui lòng nhập tên chính xác',
+  confirmDelete: 'Bạn có chắc chắn muốn xóa',
+  telInvalid: 'Vui lòng nhập số điện thoại chính xác',
+  vanCalendar: {
+    end: 'chấm dứt',
+    start: 'Bắt đầu',
+    title: 'chọn ngày',
+    confirm: 'Đảm bảo',
+    startEnd: 'bắt đầu / kết thúc',
+    weekdays: ['Chủ nhật', 'Thứ Hai', 'Thứ Ba', 'Thứ Tư', 'Thứ Năm', 'Thứ Sáu', 'Thứ Bảy'],
+    monthTitle: function monthTitle(year, month) {
+      return year + " n\u0103m " + month + " th\xE1ng";
+    },
+    rangePrompt: function rangePrompt(maxRange) {
+      return "C\xE1c ng\xE0y \u0111\u01B0\u1EE3c ch\u1ECDn kh\xF4ng \u0111\u01B0\u1EE3c v\u01B0\u1EE3t qu\xE1 " + maxRange + " ng\xE0y";
+    }
+  },
+  vanCascader: {
+    select: 'Xin hãy lựa chọn'
+  },
+  vanContactCard: {
+    addText: 'Thêm địa chỉ liên hệ'
+  },
+  vanContactList: {
+    addText: 'Địa chỉ liên lạc mới'
+  },
+  vanPagination: {
+    prev: 'trang trước',
+    next: 'trang sau'
+  },
+  vanPullRefresh: {
+    pulling: 'Kéo xuống để làm mới...',
+    loosing: 'Phát hành để làm mới...'
+  },
+  vanSubmitBar: {
+    label: 'toàn bộ:'
+  },
+  vanCoupon: {
+    unlimited: 'Không có ngưỡng sử dụng',
+    discount: function discount(_discount) {
+      return _discount + " Chi\u1EBFt kh\u1EA5u";
+    },
+    condition: function condition(_condition) {
+      return "C\xF3 s\u1EB5n sau khi chi ti\xEAu " + _condition + " nh\xE2n d\xE2n t\u1EC7";
+    }
+  },
+  vanCouponCell: {
+    title: 'phiếu giảm giá',
+    tips: 'Chưa có',
+    count: function count(_count) {
+      return _count + " trang t\xEDnh kh\u1EA3 d\u1EE5ng";
+    }
+  },
+  vanCouponList: {
+    empty: 'Chưa có phiếu giảm giá',
+    exchange: 'trao đổi',
+    close: 'Không sử dụng phiếu giảm giá',
+    enable: 'Có sẵn',
+    disabled: 'không có sẵn',
+    placeholder: 'Vui lòng nhập mã khuyến mãi'
+  },
+  vanAddressEdit: {
+    area: 'vùng',
+    postal: 'mã bưu điện',
+    areaEmpty: 'vui lòng chọn khu vực',
+    addressEmpty: 'Vui lòng điền vào địa chỉ chi tiết',
+    postalEmpty: 'Định dạng mã zip không chính xác',
+    defaultAddress: 'đặt làm địa chỉ giao hàng mặc định',
+    telPlaceholder: 'Số điện thoại của người nhận hàng',
+    namePlaceholder: 'Tên người nhận hàng',
+    areaPlaceholder: 'Chọn Tỉnh / Thành phố / Quận / Huyện'
+  },
+  vanAddressEditDetail: {
+    label: 'Địa chỉ chi tiết',
+    placeholder: 'Số đường phố, số phòng tầng, v.v.'
+  },
+  vanAddressList: {
+    add: 'Thêm địa chỉ'
+  }
+};
+exports.default = _default;

package/lib/step/index.js

@@ -33,15 +33,27 @@ var _default = createComponent({
       return this.status === 'process';
     },
     lineStyle: function lineStyle() {
-      if (this.status === 'finish') {
+      var _this$parent = this.parent,
+          activeColor = _this$parent.activeColor,
+          inactiveColor = _this$parent.inactiveColor,
+          center = _this$parent.center,
+          direction = _this$parent.direction;
+      var style = {
+        background: this.status === 'finish' ? activeColor : inactiveColor
+      };
+
+      if (center && direction === 'vertical') {
+        style.top = '50%';
+      }
+
+      return style;
+    },
+    circleContainerStyle: function circleContainerStyle() {
+      if (this.parent.center && this.parent.direction === 'vertical') {
         return {
-          background: this.parent.activeColor
+          top: '50%'
         };
       }
-
-      return {
-        background: this.parent.inactiveColor
-      };
     },
     titleStyle: function titleStyle() {
       if (this.active) {
@@ -60,12 +72,12 @@ var _default = createComponent({
   methods: {
     genCircle: function genCircle() {
       var h = this.$createElement;
-      var _this$parent = this.parent,
-          activeIcon = _this$parent.activeIcon,
-          iconPrefix = _this$parent.iconPrefix,
-          activeColor = _this$parent.activeColor,
-          finishIcon = _this$parent.finishIcon,
-          inactiveIcon = _this$parent.inactiveIcon;
+      var _this$parent2 = this.parent,
+          activeIcon = _this$parent2.activeIcon,
+          iconPrefix = _this$parent2.iconPrefix,
+          activeColor = _this$parent2.activeColor,
+          finishIcon = _this$parent2.finishIcon,
+          inactiveIcon = _this$parent2.inactiveIcon;
 
       if (this.active) {
         return this.slots('active-icon') || h(_icon.default, {
@@ -133,7 +145,8 @@ var _default = createComponent({
       "class": bem('circle-container'),
       "on": {
         "click": this.onClickStep
-      }
+      },
+      "style": this.circleContainerStyle
     }, [this.genCircle()]), h("div", {
       "class": bem('line'),
       "style": this.lineStyle

package/lib/steps/index.js

@@ -14,6 +14,7 @@ var _createNamespace = (0, _utils.createNamespace)('steps'),
 var _default = createComponent({
   mixins: [(0, _relation.ParentMixin)('vanSteps')],
   props: {
+    center: Boolean,
     iconPrefix: String,
     finishIcon: String,
     activeColor: String,

package/lib/tabbar/index.js

@@ -78,7 +78,7 @@ var _default = createComponent({
       var _this2 = this;
 
       this.children.forEach(function (item, index) {
-        item.nameMatched = (item.name || index) === _this2.value;
+        item.nameMatched = item.name === _this2.value || index === _this2.value;
       });
     },
     triggerChange: function triggerChange(active, afterChange) {

package/lib/tabbar-item/index.js

@@ -41,23 +41,25 @@ var _default = createComponent({
     };
   },
   computed: {
-    routeMatched: function routeMatched() {
-      var to = this.to,
-          $route = this.$route;
+    active: function active() {
+      var routeMode = this.parent.route;
 
-      if (to && $route) {
+      if (routeMode && '$route' in this) {
+        var to = this.to,
+            $route = this.$route;
         var config = (0, _utils.isObject)(to) ? to : {
           path: to
         };
         return !!$route.matched.find(function (r) {
-          var pathMatched = config.path === r.path;
+          // vue-router 3.x $route.matched[0].path is empty in / and its children paths
+          var path = r.path === '' ? '/' : r.path;
+          var pathMatched = config.path === path;
           var nameMatched = (0, _utils.isDef)(config.name) && config.name === r.name;
           return pathMatched || nameMatched;
         });
       }
-    },
-    active: function active() {
-      return this.parent.route ? this.routeMatched : this.nameMatched;
+
+      return this.nameMatched;
     }
   },
   methods: {

package/lib/utils/dom/scroll.js

@@ -16,7 +16,7 @@ function isWindow(val) {
 // https://github.com/youzan/vant/issues/3823
 
 
-var overflowScrollReg = /scroll|auto/i;
+var overflowScrollReg = /scroll|auto|overlay/i;
 
 function getScroller(el, root) {
   if (root === void 0) {