vant 2.12.44 → 2.12.47

package/README.md

@@ -93,6 +93,7 @@ Vant 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
+| [@formily/vant](https://github.com/formilyjs/vant) | Form solution based on Vant and Formily |
 
 ## Links
 

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)。
 
 ## 特性
 
@@ -102,6 +102,7 @@ Vant 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro 版 |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Vant 在线主题预览工具 |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | 基于 Vant Weapp 开发的多端组件库，同时支持 Taro 和 React |
+| [@formily/vant](https://github.com/formilyjs/vant) | 基于 Vant 和 Formily 开发的表单解决方案 |
 
 ## 链接
 

package/changelog.generated.md

@@ -0,0 +1,11 @@
+### [v2.12.47](https://github.com/youzan/vant/compare/v2.12.46...v2.12.47)
+
+`2022-04-07`
+
+**Document**
+
+- changelog: 2.12.46 [4c2b64](https://github.com/youzan/vant/commit/4c2b64ffa87a0012fc3df1c605bc0ea991b674dc)
+
+**Feature**
+
+- update locale（add vi-VN） [#10477](https://github.com/youzan/vant/issues/10477)

package/es/dialog/Dialog.js

@@ -1,5 +1,5 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-import { createNamespace, addUnit } from '../utils';
+import { createNamespace, addUnit, noop } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import { PopupMixin } from '../mixins/popup';
 import Button from '../button';
@@ -95,13 +95,41 @@ export default createComponent({
       }
     },
     onOpened: function onOpened() {
+      var _this2 = this;
+
       this.$emit('opened');
+      this.$nextTick(function () {
+        var _this2$$refs$dialog;
+
+        (_this2$$refs$dialog = _this2.$refs.dialog) == null ? void 0 : _this2$$refs$dialog.focus();
+      });
     },
     onClosed: function onClosed() {
       this.$emit('closed');
     },
+    onKeydown: function onKeydown(event) {
+      var _this3 = this;
+
+      if (event.key === 'Escape' || event.key === 'Enter') {
+        // skip keyboard events of child elements
+        if (event.target !== this.$refs.dialog) {
+          return;
+        }
+
+        var onEventType = {
+          Enter: this.showConfirmButton ? function () {
+            return _this3.handleAction('confirm');
+          } : noop,
+          Escape: this.showCancelButton ? function () {
+            return _this3.handleAction('cancel');
+          } : noop
+        };
+        onEventType[event.key]();
+        this.$emit('keydown', event);
+      }
+    },
     genRoundButtons: function genRoundButtons() {
-      var _this2 = this;
+      var _this4 = this;
 
       var h = this.$createElement;
       return h(GoodsAction, {
@@ -117,7 +145,7 @@ export default createComponent({
         "class": bem('cancel'),
         "on": {
           "click": function click() {
-            _this2.handleAction('cancel');
+            _this4.handleAction('cancel');
           }
         }
       }), this.showConfirmButton && h(GoodsActionButton, {
@@ -131,13 +159,13 @@ export default createComponent({
         "class": bem('confirm'),
         "on": {
           "click": function click() {
-            _this2.handleAction('confirm');
+            _this4.handleAction('confirm');
           }
         }
       })]);
     },
     genButtons: function genButtons() {
-      var _this3 = this,
+      var _this5 = this,
           _ref;
 
       var h = this.$createElement;
@@ -156,7 +184,7 @@ export default createComponent({
         },
         "on": {
           "click": function click() {
-            _this3.handleAction('cancel');
+            _this5.handleAction('cancel');
           }
         }
       }), this.showConfirmButton && h(Button, {
@@ -171,7 +199,7 @@ export default createComponent({
         },
         "on": {
           "click": function click() {
-            _this3.handleAction('confirm');
+            _this5.handleAction('confirm');
           }
         }
       })]);
@@ -235,11 +263,16 @@ export default createComponent({
       }],
       "attrs": {
         "role": "dialog",
-        "aria-labelledby": this.title || message
+        "aria-labelledby": this.title || message,
+        "tabIndex": 0
       },
       "class": [bem([this.theme]), this.className],
       "style": {
         width: addUnit(this.width)
+      },
+      "ref": "dialog",
+      "on": {
+        "keydown": this.onKeydown
       }
     }, [Title, this.genContent(title, messageSlot), this.theme === 'round-button' ? this.genRoundButtons() : this.genButtons()])]);
   }

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.44';
+var version = '2.12.47';
 
 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/sku/utils/sku-helper.js

@@ -74,10 +74,10 @@ export var getSkuComb = function getSkuComb(skuList, selectedSku) {
 export var getSelectedSkuValues = function getSelectedSkuValues(skuTree, selectedSku) {
   var normalizedTree = normalizeSkuTree(skuTree);
   return Object.keys(selectedSku).reduce(function (selectedValues, skuKeyStr) {
-    var skuValues = normalizedTree[skuKeyStr];
+    var skuValues = normalizedTree[skuKeyStr] || [];
     var skuValueId = selectedSku[skuKeyStr];
 
-    if (skuValueId !== UNSELECTED_SKU_VALUE_ID) {
+    if (skuValueId !== UNSELECTED_SKU_VALUE_ID && skuValues.length > 0) {
       var skuValue = skuValues.filter(function (value) {
         return value.id === skuValueId;
       })[0];

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/lib/dialog/Dialog.js

@@ -108,13 +108,41 @@ var _default = createComponent({
       }
     },
     onOpened: function onOpened() {
+      var _this2 = this;
+
       this.$emit('opened');
+      this.$nextTick(function () {
+        var _this2$$refs$dialog;
+
+        (_this2$$refs$dialog = _this2.$refs.dialog) == null ? void 0 : _this2$$refs$dialog.focus();
+      });
     },
     onClosed: function onClosed() {
       this.$emit('closed');
     },
+    onKeydown: function onKeydown(event) {
+      var _this3 = this;
+
+      if (event.key === 'Escape' || event.key === 'Enter') {
+        // skip keyboard events of child elements
+        if (event.target !== this.$refs.dialog) {
+          return;
+        }
+
+        var onEventType = {
+          Enter: this.showConfirmButton ? function () {
+            return _this3.handleAction('confirm');
+          } : _utils.noop,
+          Escape: this.showCancelButton ? function () {
+            return _this3.handleAction('cancel');
+          } : _utils.noop
+        };
+        onEventType[event.key]();
+        this.$emit('keydown', event);
+      }
+    },
     genRoundButtons: function genRoundButtons() {
-      var _this2 = this;
+      var _this4 = this;
 
       var h = this.$createElement;
       return h(_goodsAction.default, {
@@ -130,7 +158,7 @@ var _default = createComponent({
         "class": bem('cancel'),
         "on": {
           "click": function click() {
-            _this2.handleAction('cancel');
+            _this4.handleAction('cancel');
           }
         }
       }), this.showConfirmButton && h(_goodsActionButton.default, {
@@ -144,13 +172,13 @@ var _default = createComponent({
         "class": bem('confirm'),
         "on": {
           "click": function click() {
-            _this2.handleAction('confirm');
+            _this4.handleAction('confirm');
           }
         }
       })]);
     },
     genButtons: function genButtons() {
-      var _this3 = this,
+      var _this5 = this,
           _ref;
 
       var h = this.$createElement;
@@ -169,7 +197,7 @@ var _default = createComponent({
         },
         "on": {
           "click": function click() {
-            _this3.handleAction('cancel');
+            _this5.handleAction('cancel');
           }
         }
       }), this.showConfirmButton && h(_button.default, {
@@ -184,7 +212,7 @@ var _default = createComponent({
         },
         "on": {
           "click": function click() {
-            _this3.handleAction('confirm');
+            _this5.handleAction('confirm');
           }
         }
       })]);
@@ -248,11 +276,16 @@ var _default = createComponent({
       }],
       "attrs": {
         "role": "dialog",
-        "aria-labelledby": this.title || message
+        "aria-labelledby": this.title || message,
+        "tabIndex": 0
       },
       "class": [bem([this.theme]), this.className],
       "style": {
         width: (0, _utils.addUnit)(this.width)
+      },
+      "ref": "dialog",
+      "on": {
+        "keydown": this.onKeydown
       }
     }, [Title, this.genContent(title, messageSlot), this.theme === 'round-button' ? this.genRoundButtons() : this.genButtons()])]);
   }

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.44';
+var version = '2.12.47';
 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/sku/utils/sku-helper.js

@@ -94,10 +94,10 @@ exports.getSkuComb = getSkuComb;
 var getSelectedSkuValues = function getSelectedSkuValues(skuTree, selectedSku) {
   var normalizedTree = normalizeSkuTree(skuTree);
   return Object.keys(selectedSku).reduce(function (selectedValues, skuKeyStr) {
-    var skuValues = normalizedTree[skuKeyStr];
+    var skuValues = normalizedTree[skuKeyStr] || [];
     var skuValueId = selectedSku[skuKeyStr];
 
-    if (skuValueId !== _constants.UNSELECTED_SKU_VALUE_ID) {
+    if (skuValueId !== _constants.UNSELECTED_SKU_VALUE_ID && skuValues.length > 0) {
       var skuValue = skuValues.filter(function (value) {
         return value.id === skuValueId;
       })[0];

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: {