vant 3.3.0 → 3.3.3

package/lib/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.3.0";
+export const version: "3.3.3";

package/lib/index.js

@@ -782,7 +782,7 @@ Object.keys(_uploader).forEach(function (key) {
   if (key in exports && exports[key] === _uploader[key]) return;
   exports[key] = _uploader[key];
 });
-var version = '3.3.0';
+var version = '3.3.3';
 exports.version = version;
 
 function install(app) {

package/lib/locale/lang/pt-BR.d.ts

@@ -0,0 +1,73 @@
+declare const _default: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        startEnd: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanCascader: {
+        select: string;
+    };
+    vanContactCard: {
+        addText: string;
+    };
+    vanContactList: {
+        addText: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        defaultAddress: string;
+    };
+    vanAddressEditDetail: {
+        label: string;
+        placeholder: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};
+export default _default;

package/lib/locale/lang/pt-BR.js

@@ -0,0 +1,77 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  name: 'Nome',
+  tel: 'Fone',
+  save: 'Salvar',
+  confirm: 'Confirmar',
+  cancel: 'Cancelar',
+  delete: 'Excluir',
+  loading: 'Carregando...',
+  noCoupon: 'Nenhum cupom',
+  nameEmpty: 'Por favor, preencha o nome',
+  telInvalid: 'Telefone em formato inválido',
+  vanCalendar: {
+    end: 'Fim',
+    start: 'Início',
+    title: 'Calendário',
+    startEnd: 'Início/Fim',
+    weekdays: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
+    monthTitle: (year, month) => month + "/" + year,
+    rangePrompt: maxRange => "Escolha no m\xE1ximo " + maxRange + " dias"
+  },
+  vanCascader: {
+    select: 'Selecione'
+  },
+  vanContactCard: {
+    addText: 'Adicionar informações de contato'
+  },
+  vanContactList: {
+    addText: 'Adicionar novo contato'
+  },
+  vanPagination: {
+    prev: 'Anterior',
+    next: 'Próximo'
+  },
+  vanPullRefresh: {
+    pulling: 'Puxe para atualizar...',
+    loosing: 'Solte para atualizar...'
+  },
+  vanSubmitBar: {
+    label: 'Total：'
+  },
+  vanCoupon: {
+    unlimited: 'Ilimitado',
+    discount: discount => discount * 10 + "% de desconto",
+    condition: condition => "Pelo menos " + condition
+  },
+  vanCouponCell: {
+    title: 'Cupom',
+    count: count => "Voc\xEA possui " + count + " cupom(ns)"
+  },
+  vanCouponList: {
+    exchange: 'Usar',
+    close: 'Fechar',
+    enable: 'Disponível',
+    disabled: 'Indisponível',
+    placeholder: 'Código do cupom'
+  },
+  vanAddressEdit: {
+    area: 'Área',
+    postal: 'CEP',
+    areaEmpty: 'Por favor, selecione uma área de recebimento',
+    addressEmpty: 'Endereço não pode ser vazio',
+    postalEmpty: 'CEP inválido',
+    defaultAddress: 'Usar como endereço padrão'
+  },
+  vanAddressEditDetail: {
+    label: 'Endereço',
+    placeholder: 'Endereço'
+  },
+  vanAddressList: {
+    add: 'Adicionar novo endereço'
+  }
+};
+exports.default = _default;

package/lib/swipe/Swipe.js

@@ -270,10 +270,16 @@ var _default = (0, _vue.defineComponent)({
 
     var onTouchMove = event => {
       if (props.touchable && state.swiping) {
-        touch.move(event);
+        touch.move(event); // if user starting to touchmove, prevent the event bubbling to
+        // avoid affecting the parent components
 
-        if (isCorrectDirection.value) {
+        var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
+
+        if (shouldPrevent) {
           (0, _utils.preventDefault)(event, props.stopPropagation);
+        }
+
+        if (isCorrectDirection.value) {
           move({
             offset: delta.value
           });

package/lib/swipe/index.css

@@ -1 +1 @@
-:root{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:0.3;--van-swipe-indicator-active-background-color:var(--van-primary-color);--van-swipe-indicator-inactive-background-color:var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background-color);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-animation-duration-fast),background-color var(--van-animation-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background-color);opacity:var(--van-swipe-indicator-active-opacity)}
+:root{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:0.3;--van-swipe-indicator-active-background-color:var(--van-primary-color);--van-swipe-indicator-inactive-background-color:var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background-color);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-animation-duration-fast),background-color var(--van-animation-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background-color);opacity:var(--van-swipe-indicator-active-opacity)}

package/lib/swipe/index.less

@@ -12,6 +12,8 @@
 .van-swipe {
   position: relative;
   overflow: hidden;
+  // https://github.com/youzan/vant/issues/9931
+  transform: translateZ(0);
   cursor: grab;
   user-select: none;
 

package/lib/tab/Tab.js

@@ -108,7 +108,7 @@ var _default = (0, _vue.defineComponent)({
         return (0, _vue.createVNode)(_swipeItem.SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem('pane-wrapper', {
+          "class": bem('panel-wrapper', {
             inactive: !active.value
           }),
           "tabindex": active.value ? 0 : -1,

package/lib/tabbar-item/TabbarItem.js

@@ -72,9 +72,11 @@ var _default = (0, _vue.defineComponent)({
         var config = (0, _utils.isObject)(to) ? to : {
           path: to
         };
-        var pathMatched = 'path' in config && config.path === $route.path;
-        var nameMatched = 'name' in config && config.name === $route.name;
-        return pathMatched || nameMatched;
+        return !!$route.matched.find(val => {
+          var pathMatched = 'path' in config && config.path === val.path;
+          var nameMatched = 'name' in config && config.name === val.name;
+          return pathMatched || nameMatched;
+        });
       }
 
       return ((_props$name = props.name) != null ? _props$name : index.value) === modelValue;

package/lib/uploader/Uploader.js

@@ -64,6 +64,7 @@ var _default = (0, _vue.defineComponent)({
       slots
     } = _ref;
     var inputRef = (0, _vue.ref)();
+    var urls = [];
 
     var getDetail = function (index) {
       if (index === void 0) {
@@ -196,7 +197,14 @@ var _default = (0, _vue.defineComponent)({
     var previewImage = item => {
       if (props.previewFullImage) {
         var imageFiles = props.modelValue.filter(_utils2.isImageFile);
-        var images = imageFiles.map(item => item.content || item.url).filter(Boolean);
+        var images = imageFiles.map(item => {
+          if (item.file && !item.url) {
+            item.url = URL.createObjectURL(item.file);
+            urls.push(item.url);
+          }
+
+          return item.url;
+        }).filter(Boolean);
         imagePreview = (0, _imagePreview.ImagePreview)((0, _utils.extend)({
           images,
           startPosition: imageFiles.indexOf(item),
@@ -283,6 +291,9 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
+    (0, _vue.onBeforeUnmount)(() => {
+      urls.forEach(url => URL.revokeObjectURL(url));
+    });
     (0, _useExpose.useExpose)({
       chooseFile,
       closeImagePreview