zartui 2.1.5 → 2.1.7

package/lib/picker/PickerColumn.js

@@ -1,52 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
-exports.default = exports.MOMENTUM_LIMIT_DISTANCE = exports.MOMENTUM_LIMIT_TIME = void 0;
-
+exports.default = exports.MOMENTUM_LIMIT_TIME = exports.MOMENTUM_LIMIT_DISTANCE = void 0;
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _deepClone = require("../utils/deep-clone");
-
 var _utils = require("../utils");
-
 var _number = require("../utils/format/number");
-
 var _event = require("../utils/dom/event");
-
 var _touch = require("../mixins/touch");
+var DEFAULT_DURATION = 200;
 
-var DEFAULT_DURATION = 200; // 惯性滑动思路:
+// 惯性滑动思路:
 // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 move
 // 距离大于 `MOMENTUM_LIMIT_DISTANCE` 时，执行惯性滑动
-
-var MOMENTUM_LIMIT_TIME = 300;
-exports.MOMENTUM_LIMIT_TIME = MOMENTUM_LIMIT_TIME;
-var MOMENTUM_LIMIT_DISTANCE = 15;
-exports.MOMENTUM_LIMIT_DISTANCE = MOMENTUM_LIMIT_DISTANCE;
-
+var MOMENTUM_LIMIT_TIME = exports.MOMENTUM_LIMIT_TIME = 300;
+var MOMENTUM_LIMIT_DISTANCE = exports.MOMENTUM_LIMIT_DISTANCE = 15;
 var _createNamespace = (0, _utils.createNamespace)('picker-column'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function getElementTranslateY(element) {
   var style = window.getComputedStyle(element);
   var transform = style.transform || style.webkitTransform;
   var translateY = transform.slice(7, transform.length - 1).split(', ')[5];
   return Number(translateY);
 }
-
 function isOptionDisabled(option) {
   return (0, _utils.isObject)(option) && option.disabled;
-} // use standard WheelEvent:
+}
+// use standard WheelEvent:
 // https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
-
-
 var supportMousewheel = _utils.inBrowser && 'onwheel' in window;
 var mousewheelTimer = null;
-
-var _default2 = createComponent({
+var _default2 = exports.default = createComponent({
   mixins: [_touch.TouchMixin],
   props: {
     columnCollector: Array,
@@ -78,12 +64,10 @@ var _default2 = createComponent({
     if (this.columnCollector) {
       this.columnCollector.push(this);
     }
-
     this.setIndex(this.currentIndex);
   },
   mounted: function mounted() {
     this.bindTouchEvent(this.$el);
-
     if (supportMousewheel) {
       (0, _event.on)(this.$el, 'wheel', this.onMouseWheel, false);
     }
@@ -92,7 +76,6 @@ var _default2 = createComponent({
     if (this.columnCollector) {
       this.columnCollector.splice(this.columnCollector.indexOf(this), 1);
     }
-
     if (supportMousewheel) {
       (0, _event.off)(this.$el, 'wheel');
     }
@@ -122,9 +105,7 @@ var _default2 = createComponent({
       if (this.readonly) {
         return;
       }
-
       this.touchStart(event);
-
       if (this.moving) {
         var translateY = getElementTranslateY(this.$refs.wrapper);
         this.offset = Math.min(0, translateY - this.baseOffset);
@@ -132,7 +113,6 @@ var _default2 = createComponent({
       } else {
         this.startOffset = this.offset;
       }
-
       this.duration = 0;
       this.transitionEndTrigger = null;
       this.touchStartTime = Date.now();
@@ -142,17 +122,13 @@ var _default2 = createComponent({
       if (this.readonly) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'vertical') {
         this.moving = true;
         (0, _event.preventDefault)(event, true);
       }
-
       this.offset = (0, _number.range)(this.startOffset + this.deltaY, -(this.count * this.itemHeight), this.itemHeight);
       var now = Date.now();
-
       if (now - this.touchStartTime > MOMENTUM_LIMIT_TIME) {
         this.touchStartTime = now;
         this.momentumOffset = this.offset;
@@ -160,63 +136,55 @@ var _default2 = createComponent({
     },
     onTouchEnd: function onTouchEnd() {
       var _this = this;
-
       if (this.readonly) {
         return;
       }
-
       var distance = this.offset - this.momentumOffset;
       var duration = Date.now() - this.touchStartTime;
       var allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
-
       if (allowMomentum) {
         this.momentum(distance, duration);
         return;
       }
-
       var index = this.getIndexByOffset(this.offset);
       this.duration = DEFAULT_DURATION;
-      this.setIndex(index, true); // compatible with desktop scenario
-      // use setTimeout to skip the click event Emitted after touchstart
+      this.setIndex(index, true);
 
+      // compatible with desktop scenario
+      // use setTimeout to skip the click event Emitted after touchstart
       setTimeout(function () {
         _this.moving = false;
       }, 0);
     },
     onMouseWheel: function onMouseWheel(event) {
       var _this2 = this;
-
       if (this.readonly) {
         return;
       }
-
-      (0, _event.preventDefault)(event, true); // simply combine touchstart and touchmove
-
+      (0, _event.preventDefault)(event, true);
+      // simply combine touchstart and touchmove
       var translateY = getElementTranslateY(this.$refs.wrapper);
       this.startOffset = Math.min(0, translateY - this.baseOffset);
       this.momentumOffset = this.startOffset;
-      this.transitionEndTrigger = null; // directly use deltaY, see https://caniuse.com/?search=deltaY
+      this.transitionEndTrigger = null;
+
+      // directly use deltaY, see https://caniuse.com/?search=deltaY
       // use deltaY to detect direction for not special setting device
       // https://developer.mozilla.org/en-US/docs/Web/API/Element/wheel_event
-
       var deltaY = event.deltaY;
-
       if (this.startOffset === 0 && deltaY < 0) {
         return;
-      } // get offset
-      // if necessary, can adjust distance value to make scrolling smoother
-
+      }
 
+      // get offset
+      // if necessary, can adjust distance value to make scrolling smoother
       var distance = -deltaY;
       this.offset = (0, _number.range)(this.startOffset + distance, -(this.count * this.itemHeight), this.itemHeight);
-
       if (mousewheelTimer) {
         clearTimeout(mousewheelTimer);
       }
-
       mousewheelTimer = setTimeout(function () {
         _this2.onTouchEnd();
-
         _this2.touchStartTime = 0;
       }, MOMENTUM_LIMIT_TIME);
     },
@@ -227,18 +195,15 @@ var _default2 = createComponent({
       if (this.moving || this.readonly) {
         return;
       }
-
       this.transitionEndTrigger = null;
       this.duration = DEFAULT_DURATION;
       this.setIndex(index, true);
     },
     adjustIndex: function adjustIndex(index) {
       index = (0, _number.range)(index, 0, this.count);
-
       for (var i = index; i < this.count; i++) {
         if (!isOptionDisabled(this.options[i])) return i;
       }
-
       for (var _i = index - 1; _i >= 0; _i--) {
         if (!isOptionDisabled(this.options[_i])) return _i;
       }
@@ -247,37 +212,31 @@ var _default2 = createComponent({
       if ((0, _utils.isObject)(option) && this.valueKey in option) {
         return option[this.valueKey];
       }
-
       return option;
     },
     setIndex: function setIndex(index, emitChange) {
       var _this3 = this;
-
       index = this.adjustIndex(index) || 0;
       var offset = -index * this.itemHeight;
-
       var trigger = function trigger() {
         if (index !== _this3.currentIndex) {
           _this3.currentIndex = index;
-
           if (emitChange) {
             _this3.$emit('change', index);
           }
         }
-      }; // trigger the change event after transitionend when moving
-
+      };
 
+      // trigger the change event after transitionend when moving
       if (this.moving && offset !== this.offset) {
         this.transitionEndTrigger = trigger;
       } else {
         trigger();
       }
-
       this.offset = offset;
     },
     setValue: function setValue(value) {
       var options = this.options;
-
       for (var i = 0; i < options.length; i++) {
         if (this.getOptionText(options[i]) === value) {
           return this.setIndex(i);
@@ -300,7 +259,6 @@ var _default2 = createComponent({
     stopMomentum: function stopMomentum() {
       this.moving = false;
       this.duration = 0;
-
       if (this.transitionEndTrigger) {
         this.transitionEndTrigger();
         this.transitionEndTrigger = null;
@@ -308,16 +266,13 @@ var _default2 = createComponent({
     },
     genOptions: function genOptions() {
       var _this4 = this;
-
       var h = this.$createElement;
       var optionStyle = {
         height: this.itemHeight + "px"
       };
       return this.options.map(function (option, index) {
         var _domProps;
-
         var text = _this4.getOptionText(option);
-
         var disabled = isOptionDisabled(option);
         var data = {
           style: optionStyle,
@@ -369,6 +324,4 @@ var _default2 = createComponent({
       }
     }, [this.genOptions()])]);
   }
-});
-
-exports.default = _default2;
+});

package/lib/picker/index.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("../utils");
-
 var _event = require("../utils/dom/event");
-
 var _shared = require("./shared");
-
 var _unit = require("../utils/format/unit");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _PickerColumn = _interopRequireDefault(require("./PickerColumn"));
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _popup2 = require("../mixins/popup");
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('picker'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
 
-var _default2 = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('picker'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
+var _default2 = exports.default = createComponent({
   mixins: [(0, _popup2.PopupMixin)()],
   props: (0, _extends2.default)({}, _shared.pickerProps, {
     showToolbar: {
@@ -84,15 +73,12 @@ var _default2 = createComponent({
     dataType: function dataType() {
       var columns = this.columns;
       var firstColumn = columns[0] || {};
-
       if (firstColumn.children && firstColumn.children.length) {
         return 'cascade';
       }
-
       if (firstColumn.values) {
         return 'object';
       }
-
       return 'text';
     }
   },
@@ -104,13 +90,11 @@ var _default2 = createComponent({
     showPicker: {
       handler: function handler(val) {
         var _this = this;
-
         if (val) {
           this.$nextTick(function () {
             _this.children.forEach(function (child) {
               child.setConfirmIndex();
             });
-
             _this.children.forEach(function (child) {
               child.recordConfirmIndex();
             });
@@ -128,8 +112,7 @@ var _default2 = createComponent({
     },
     format: function format() {
       var columns = this.columns,
-          dataType = this.dataType;
-
+        dataType = this.dataType;
       if (dataType === 'text') {
         this.formattedColumns = [{
           values: columns
@@ -145,14 +128,11 @@ var _default2 = createComponent({
       var cursor = {
         children: this.columns
       };
-
       while (cursor && cursor.children) {
         var _cursor$defaultIndex;
-
         var _cursor = cursor,
-            children = _cursor.children;
+          children = _cursor.children;
         var defaultIndex = (_cursor$defaultIndex = cursor.defaultIndex) != null ? _cursor$defaultIndex : +this.defaultIndex;
-
         while (children[defaultIndex] && children[defaultIndex].disabled) {
           if (defaultIndex < children.length - 1) {
             defaultIndex++;
@@ -161,7 +141,6 @@ var _default2 = createComponent({
             break;
           }
         }
-
         formatted.push({
           values: cursor.children,
           className: cursor.className,
@@ -169,25 +148,23 @@ var _default2 = createComponent({
         });
         cursor = children[defaultIndex];
       }
-
       this.formattedColumns = formatted;
     },
     emit: function emit(event) {
       var _this2 = this;
-
       if (this.dataType === 'text') {
         this.$emit(event, this.getColumnValue(0), this.getColumnIndex(0));
       } else {
-        var values = this.getValues(); // compatible with old version of wrong parameters
+        var values = this.getValues();
+
+        // compatible with old version of wrong parameters
         // should be removed in next major version
         // see: https://github.com/vant-ui/vant/issues/5905
-
         if (this.dataType === 'cascade') {
           values = values.map(function (item) {
             return item[_this2.valueKey];
           });
         }
-
         this.$emit(event, values, this.getIndexes());
       }
     },
@@ -196,11 +173,9 @@ var _default2 = createComponent({
         children: this.columns
       };
       var indexes = this.getIndexes();
-
       for (var i = 0; i <= columnIndex; i++) {
         cursor = cursor.children[indexes[i]];
       }
-
       while (cursor && cursor.children) {
         columnIndex++;
         this.setColumnValues(columnIndex, cursor.children);
@@ -209,24 +184,21 @@ var _default2 = createComponent({
     },
     onChange: function onChange(columnIndex) {
       var _this3 = this;
-
       if (this.dataType === 'cascade') {
         this.onCascadeChange(columnIndex);
       }
-
       if (this.dataType === 'text') {
         this.$emit('change', this, this.getColumnValue(0), this.getColumnIndex(0));
       } else {
-        var values = this.getValues(); // compatible with old version of wrong parameters
+        var values = this.getValues();
+        // compatible with old version of wrong parameters
         // should be removed in next major version
         // see: https://github.com/vant-ui/vant/issues/5905
-
         if (this.dataType === 'cascade') {
           values = values.map(function (item) {
             return item[_this3.valueKey];
           });
         }
-
         this.$emit('change', this, values, columnIndex);
       }
     },
@@ -247,10 +219,8 @@ var _default2 = createComponent({
     // set column value by index
     setColumnValue: function setColumnValue(index, value) {
       var column = this.getColumn(index);
-
       if (column) {
         column.setValue(value);
-
         if (this.dataType === 'cascade') {
           this.onCascadeChange(index);
         }
@@ -265,10 +235,8 @@ var _default2 = createComponent({
     // set column option index by column index
     setColumnIndex: function setColumnIndex(columnIndex, optionIndex) {
       var column = this.getColumn(columnIndex);
-
       if (column) {
         column.setIndex(optionIndex);
-
         if (this.dataType === 'cascade') {
           this.onCascadeChange(columnIndex);
         }
@@ -283,7 +251,6 @@ var _default2 = createComponent({
     // set options of column by index
     setColumnValues: function setColumnValues(index, options) {
       var column = this.children[index];
-
       if (column) {
         column.setOptions(options);
       }
@@ -299,7 +266,6 @@ var _default2 = createComponent({
     // set values of all columns
     setValues: function setValues(values) {
       var _this4 = this;
-
       values.forEach(function (value, index) {
         _this4.setColumnValue(index, value);
       });
@@ -315,7 +281,6 @@ var _default2 = createComponent({
     // set indexes of all columns
     setIndexes: function setIndexes(indexes) {
       var _this5 = this;
-
       indexes.forEach(function (optionIndex, columnIndex) {
         _this5.setColumnIndex(columnIndex, optionIndex);
       });
@@ -346,11 +311,9 @@ var _default2 = createComponent({
     genTitle: function genTitle() {
       var h = this.$createElement;
       var titleSlot = this.slots('title');
-
       if (titleSlot) {
         return titleSlot;
       }
-
       if (this.title) {
         return h("div", {
           "class": ['zt2-ellipsis', bem('title')]
@@ -391,7 +354,6 @@ var _default2 = createComponent({
     },
     genToolbar: function genToolbar() {
       var h = this.$createElement;
-
       if (this.showToolbar) {
         return h("div", {
           "class": bem('toolbar')
@@ -441,11 +403,9 @@ var _default2 = createComponent({
     },
     genColumnItems: function genColumnItems() {
       var _this6 = this;
-
       var h = this.$createElement;
       return this.formattedColumns.map(function (item, columnIndex) {
         var _item$defaultIndex;
-
         return h(_PickerColumn.default, {
           "attrs": {
             "columnCollector": _this6.children,
@@ -473,7 +433,6 @@ var _default2 = createComponent({
   },
   render: function render(h) {
     var _this7 = this;
-
     var renderPicker = function renderPicker() {
       return h("div", {
         "class": bem(),
@@ -486,7 +445,6 @@ var _default2 = createComponent({
         "class": bem('border')
       }) : h(), _this7.genColumns(), _this7.slots('columns-bottom'), _this7.toolbarPosition === 'bottom' ? _this7.genToolbar() : h()]);
     };
-
     if (this.popup) {
       return h(_popup.default, {
         "attrs": {
@@ -505,9 +463,6 @@ var _default2 = createComponent({
         }
       }, [renderPicker()]);
     }
-
     return renderPicker();
   }
-});
-
-exports.default = _default2;
+});

package/lib/picker/shared.js

@@ -2,9 +2,8 @@
 
 exports.__esModule = true;
 exports.pickerProps = exports.DEFAULT_ITEM_HEIGHT = void 0;
-var DEFAULT_ITEM_HEIGHT = 44;
-exports.DEFAULT_ITEM_HEIGHT = DEFAULT_ITEM_HEIGHT;
-var pickerProps = {
+var DEFAULT_ITEM_HEIGHT = exports.DEFAULT_ITEM_HEIGHT = 44;
+var pickerProps = exports.pickerProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
@@ -41,5 +40,4 @@ var pickerProps = {
     default: false
   },
   getContainer: [String, Function]
-};
-exports.pickerProps = pickerProps;
+};