vant 2.12.34 → 2.12.38

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.34';
+var version = '2.12.38';
 exports.version = version;
 
 function install(Vue) {

package/lib/mixins/touch.js

@@ -5,14 +5,12 @@ exports.TouchMixin = void 0;
 
 var _event = require("../utils/dom/event");
 
-var MIN_DISTANCE = 10;
-
 function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
+  if (x > y) {
     return 'horizontal';
   }
 
-  if (y > x && y > MIN_DISTANCE) {
+  if (y > x) {
     return 'vertical';
   }
 
@@ -32,13 +30,18 @@ var TouchMixin = {
       this.startY = event.touches[0].clientY;
     },
     touchMove: function touchMove(event) {
-      var touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
+      var touch = event.touches[0]; // safari back will set clientX to negative number
 
       this.deltaX = touch.clientX < 0 ? 0 : touch.clientX - this.startX;
       this.deltaY = touch.clientY - this.startY;
       this.offsetX = Math.abs(this.deltaX);
-      this.offsetY = Math.abs(this.deltaY);
-      this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
+      this.offsetY = Math.abs(this.deltaY); // lock direction when distance is greater than a certain value
+
+      var LOCK_DIRECTION_DISTANCE = 10;
+
+      if (!this.direction || this.offsetX < LOCK_DIRECTION_DISTANCE && this.offsetY < LOCK_DIRECTION_DISTANCE) {
+        this.direction = getDirection(this.offsetX, this.offsetY);
+      }
     },
     resetTouchStatus: function resetTouchStatus() {
       this.direction = '';

package/lib/slider/index.js

@@ -243,6 +243,7 @@ var _default = createComponent({
     var renderButton = function renderButton(i) {
       var map = ['left', 'right'];
       var isNumber = typeof i === 'number';
+      var current = isNumber ? _this.value[i] : _this.value;
 
       var getClassName = function getClassName() {
         if (isNumber) {
@@ -260,6 +261,27 @@ var _default = createComponent({
         return "wrapper";
       };
 
+      var renderButtonContent = function renderButtonContent() {
+        if (isNumber) {
+          var slot = _this.slots(i === 0 ? 'left-button' : 'right-button', {
+            value: current
+          });
+
+          if (slot) {
+            return slot;
+          }
+        }
+
+        if (_this.slots('button')) {
+          return _this.slots('button');
+        }
+
+        return h("div", {
+          "class": bem('button'),
+          "style": _this.buttonStyle
+        });
+      };
+
       return h("div", {
         "ref": getRefName(),
         "attrs": {
@@ -282,10 +304,7 @@ var _default = createComponent({
             return e.stopPropagation();
           }
         }
-      }, [_this.slots('button') || h("div", {
-        "class": bem('button'),
-        "style": _this.buttonStyle
-      })]);
+      }, [renderButtonContent()]);
     };
 
     return h("div", {

package/lib/swipe/index.css

@@ -1 +1 @@
-.van-swipe{position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.van-swipe__track--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s,background-color .2s;transition:opacity .2s,background-color .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}
+.van-swipe{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.van-swipe__track--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s,background-color .2s;transition:opacity .2s,background-color .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}

package/lib/swipe/index.js

@@ -193,16 +193,10 @@ var _default = createComponent({
     },
     onTouchMove: function onTouchMove(event) {
       if (!this.touchable || !this.swiping) return;
-      this.touchMove(event); // if user starting to touchmove, prevent the event bubbling to
-      // avoid affecting the parent components
-
-      var shouldPrevent = this.isCorrectDirection || this.offsetY > this.offsetX === this.vertical;
-
-      if (shouldPrevent) {
-        (0, _event.preventDefault)(event, this.stopPropagation);
-      }
+      this.touchMove(event);
 
       if (this.isCorrectDirection) {
+        (0, _event.preventDefault)(event, this.stopPropagation);
         this.move({
           offset: this.delta
         });

package/lib/swipe/index.less

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

package/lib/uploader/index.js

@@ -104,6 +104,14 @@ var _default2 = createComponent({
       return this.fileList;
     }
   },
+  created: function created() {
+    this.urls = [];
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.urls.forEach(function (url) {
+      return URL.revokeObjectURL(url);
+    });
+  },
   methods: {
     getDetail: function getDetail(index) {
       if (index === void 0) {
@@ -282,7 +290,13 @@ var _default2 = createComponent({
         return (0, _utils2.isImageFile)(item);
       });
       var imageContents = imageFiles.map(function (item) {
-        return item.content || item.url;
+        if (item.file && !item.url) {
+          item.url = URL.createObjectURL(item.file);
+
+          _this5.urls.push(item.url);
+        }
+
+        return item.url;
       });
       this.imagePreview = (0, _imagePreview.default)((0, _extends2.default)({
         images: imageContents,

package/lib/vant.js

@@ -790,7 +790,7 @@ __webpack_require__.d(__webpack_exports__, "Overlay", function() { return /* ree
 __webpack_require__.d(__webpack_exports__, "Pagination", function() { return /* reexport */ pagination; });
 __webpack_require__.d(__webpack_exports__, "Panel", function() { return /* reexport */ panel; });
 __webpack_require__.d(__webpack_exports__, "PasswordInput", function() { return /* reexport */ password_input; });
-__webpack_require__.d(__webpack_exports__, "Picker", function() { return /* reexport */ picker; });
+__webpack_require__.d(__webpack_exports__, "Picker", function() { return /* reexport */ es_picker; });
 __webpack_require__.d(__webpack_exports__, "Popover", function() { return /* reexport */ popover; });
 __webpack_require__.d(__webpack_exports__, "Popup", function() { return /* reexport */ popup; });
 __webpack_require__.d(__webpack_exports__, "Progress", function() { return /* reexport */ es_progress; });
@@ -1194,14 +1194,13 @@ function getVisibleTop(el) {
 }
 // CONCATENATED MODULE: ./es/mixins/touch.js
 
-var MIN_DISTANCE = 10;
 
 function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
+  if (x > y) {
     return 'horizontal';
   }
 
-  if (y > x && y > MIN_DISTANCE) {
+  if (y > x) {
     return 'vertical';
   }
 
@@ -1221,13 +1220,18 @@ var TouchMixin = {
       this.startY = event.touches[0].clientY;
     },
     touchMove: function touchMove(event) {
-      var touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
+      var touch = event.touches[0]; // safari back will set clientX to negative number
 
       this.deltaX = touch.clientX < 0 ? 0 : touch.clientX - this.startX;
       this.deltaY = touch.clientY - this.startY;
       this.offsetX = Math.abs(this.deltaX);
-      this.offsetY = Math.abs(this.deltaY);
-      this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
+      this.offsetY = Math.abs(this.deltaY); // lock direction when distance is greater than a certain value
+
+      var LOCK_DIRECTION_DISTANCE = 10;
+
+      if (!this.direction || this.offsetX < LOCK_DIRECTION_DISTANCE && this.offsetY < LOCK_DIRECTION_DISTANCE) {
+        this.direction = getDirection(this.offsetX, this.offsetY);
+      }
     },
     resetTouchStatus: function resetTouchStatus() {
       this.direction = '';
@@ -2560,7 +2564,7 @@ var picker_createNamespace = Object(create["a" /* createNamespace */])('picker')
     picker_bem = picker_createNamespace[1],
     t = picker_createNamespace[2];
 
-/* harmony default export */ var picker = (picker_createComponent({
+/* harmony default export */ var es_picker = (picker_createComponent({
   props: _extends({}, pickerProps, {
     defaultIndex: {
       type: [Number, String],
@@ -3228,7 +3232,7 @@ function pickSlots(instance, keys) {
       confirm: this.onConfirm
     });
 
-    return h(picker, {
+    return h(es_picker, {
       "ref": "picker",
       "class": area_bem(),
       "attrs": {
@@ -6677,11 +6681,9 @@ var Month_createNamespace = Object(create["a" /* createNamespace */])('calendar-
   },
   methods: {
     getHeight: function getHeight() {
-      if (!this.height) {
-        this.height = this.$el.getBoundingClientRect().height;
-      }
+      var _this$$el;
 
-      return this.height;
+      return ((_this$$el = this.$el) == null ? void 0 : _this$$el.getBoundingClientRect().height) || 0;
     },
     scrollIntoView: function scrollIntoView(body) {
       var _this$$refs = this.$refs,
@@ -7077,6 +7079,11 @@ var Header_createNamespace = Object(create["a" /* createNamespace */])('calendar
       }
     }
   },
+  inject: {
+    vanPopup: {
+      default: null
+    }
+  },
   data: function data() {
     return {
       subtitle: '',
@@ -7127,7 +7134,11 @@ var Header_createNamespace = Object(create["a" /* createNamespace */])('calendar
     }
   },
   mounted: function mounted() {
-    this.init();
+    var _this$vanPopup;
+
+    this.init(); // https://github.com/youzan/vant/issues/9845
+
+    (_this$vanPopup = this.vanPopup) == null ? void 0 : _this$vanPopup.$on('opened', this.onScroll);
   },
 
   /* istanbul ignore next */
@@ -10874,10 +10885,32 @@ var TimePickerMixin = {
     });
   },
   methods: {
-    // @exposed-api
     getPicker: function getPicker() {
       return this.$refs.picker;
     },
+    // https://github.com/youzan/vant/issues/10013
+    getProxiedPicker: function getProxiedPicker() {
+      var _this4 = this;
+
+      var picker = this.$refs.picker;
+
+      if (picker) {
+        var proxy = function proxy(fn) {
+          return function () {
+            picker[fn].apply(picker, arguments);
+
+            _this4.updateInnerValue();
+          };
+        };
+
+        return _extends({}, picker, {
+          setValues: proxy('setValues'),
+          setIndexes: proxy('setIndexes'),
+          setColumnIndex: proxy('setColumnIndex'),
+          setColumnValue: proxy('setColumnValue')
+        });
+      }
+    },
     onConfirm: function onConfirm() {
       this.$emit('input', this.innerValue);
       this.$emit('confirm', this.innerValue);
@@ -10887,14 +10920,14 @@ var TimePickerMixin = {
     }
   },
   render: function render() {
-    var _this4 = this;
+    var _this5 = this;
 
     var h = arguments[0];
     var props = {};
     Object.keys(pickerProps).forEach(function (key) {
-      props[key] = _this4[key];
+      props[key] = _this5[key];
     });
-    return h(picker, {
+    return h(es_picker, {
       "ref": "picker",
       "attrs": {
         "columns": this.columns,
@@ -11362,6 +11395,9 @@ var DatePicker_createNamespace = Object(create["a" /* createNamespace */])('date
       this.updateInnerValue();
       this.$nextTick(function () {
         _this4.$nextTick(function () {
+          // https://github.com/youzan/vant/issues/9775
+          _this4.updateInnerValue();
+
           _this4.$emit('change', picker);
         });
       });
@@ -11414,7 +11450,7 @@ var datetime_picker_createNamespace = Object(create["a" /* createNamespace */])(
   methods: {
     // @exposed-api
     getPicker: function getPicker() {
-      return this.$refs.root.getPicker();
+      return this.$refs.root.getProxiedPicker();
     }
   },
   render: function render() {
@@ -12784,16 +12820,10 @@ var swipe_createNamespace = Object(create["a" /* createNamespace */])('swipe'),
     },
     onTouchMove: function onTouchMove(event) {
       if (!this.touchable || !this.swiping) return;
-      this.touchMove(event); // if user starting to touchmove, prevent the event bubbling to
-      // avoid affecting the parent components
-
-      var shouldPrevent = this.isCorrectDirection || this.offsetY > this.offsetX === this.vertical;
-
-      if (shouldPrevent) {
-        preventDefault(event, this.stopPropagation);
-      }
+      this.touchMove(event);
 
       if (this.isCorrectDirection) {
+        preventDefault(event, this.stopPropagation);
         this.move({
           offset: this.delta
         });
@@ -13383,6 +13413,7 @@ function getDistance(touches) {
     className: null,
     closeable: Boolean,
     asyncClose: Boolean,
+    overlayStyle: Object,
     showIndicators: Boolean,
     images: {
       type: Array,
@@ -13616,6 +13647,7 @@ var image_preview_defaultConfig = {
   asyncClose: false,
   transition: 'van-fade',
   getContainer: 'body',
+  overlayStyle: null,
   startPosition: 0,
   swipeDuration: 300,
   showIndicators: false,
@@ -19140,6 +19172,14 @@ var uploader_createNamespace = Object(create["a" /* createNamespace */])('upload
       return this.fileList;
     }
   },
+  created: function created() {
+    this.urls = [];
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.urls.forEach(function (url) {
+      return URL.revokeObjectURL(url);
+    });
+  },
   methods: {
     getDetail: function getDetail(index) {
       if (index === void 0) {
@@ -19318,7 +19358,13 @@ var uploader_createNamespace = Object(create["a" /* createNamespace */])('upload
         return isImageFile(item);
       });
       var imageContents = imageFiles.map(function (item) {
-        return item.content || item.url;
+        if (item.file && !item.url) {
+          item.url = URL.createObjectURL(item.file);
+
+          _this5.urls.push(item.url);
+        }
+
+        return item.url;
       });
       this.imagePreview = image_preview(_extends({
         images: imageContents,
@@ -21061,6 +21107,7 @@ var isSameValue = function isSameValue(newValue, oldValue) {
     var renderButton = function renderButton(i) {
       var map = ['left', 'right'];
       var isNumber = typeof i === 'number';
+      var current = isNumber ? _this.value[i] : _this.value;
 
       var getClassName = function getClassName() {
         if (isNumber) {
@@ -21078,6 +21125,27 @@ var isSameValue = function isSameValue(newValue, oldValue) {
         return "wrapper";
       };
 
+      var renderButtonContent = function renderButtonContent() {
+        if (isNumber) {
+          var slot = _this.slots(i === 0 ? 'left-button' : 'right-button', {
+            value: current
+          });
+
+          if (slot) {
+            return slot;
+          }
+        }
+
+        if (_this.slots('button')) {
+          return _this.slots('button');
+        }
+
+        return h("div", {
+          "class": slider_bem('button'),
+          "style": _this.buttonStyle
+        });
+      };
+
       return h("div", {
         "ref": getRefName(),
         "attrs": {
@@ -21100,10 +21168,7 @@ var isSameValue = function isSameValue(newValue, oldValue) {
             return e.stopPropagation();
           }
         }
-      }, [_this.slots('button') || h("div", {
-        "class": slider_bem('button'),
-        "style": _this.buttonStyle
-      })]);
+      }, [renderButtonContent()]);
     };
 
     return h("div", {
@@ -22125,10 +22190,10 @@ TreeSelect.props = {
 
 
 
-var version = '2.12.34';
+var version = '2.12.38';
 
 function install(Vue) {
-  var components = [action_sheet, address_edit, address_list, es_area, badge, es_button, calendar, card, cascader, cell, cell_group, es_checkbox, checkbox_group, circle, col, collapse, collapse_item, contact_card, contact_edit, contact_list, count_down, es_coupon, coupon_cell, coupon_list, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, es_form, goods_action, goods_action_button, goods_action_icon, grid, grid_item, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, es_list, es_loading, locale["a" /* default */], nav_bar, notice_bar, notify, number_keyboard, es_overlay, pagination, panel, password_input, picker, popover, popup, es_progress, pull_refresh, es_radio, radio_group, es_rate, row, search, share_sheet, sidebar, sidebar_item, skeleton, es_sku, slider, es_step, stepper, steps, es_sticky, submit_bar, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, tabs, es_tag, es_toast, tree_select, uploader];
+  var components = [action_sheet, address_edit, address_list, es_area, badge, es_button, calendar, card, cascader, cell, cell_group, es_checkbox, checkbox_group, circle, col, collapse, collapse_item, contact_card, contact_edit, contact_list, count_down, es_coupon, coupon_cell, coupon_list, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, es_form, goods_action, goods_action_button, goods_action_icon, grid, grid_item, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, es_list, es_loading, locale["a" /* default */], nav_bar, notice_bar, notify, number_keyboard, es_overlay, pagination, panel, password_input, es_picker, popover, popup, es_progress, pull_refresh, es_radio, radio_group, es_rate, row, search, share_sheet, sidebar, sidebar_item, skeleton, es_sku, slider, es_step, stepper, steps, es_sticky, submit_bar, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, tabs, es_tag, es_toast, tree_select, uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);