zartui 2.0.79 → 2.0.80-beta.1

package/lib/number-keyboard/index.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _event = require("../utils/dom/event");
-
 var _portal = require("../mixins/portal");
-
 var _bindEvent = require("../mixins/bind-event");
-
 var _Key = _interopRequireDefault(require("./Key"));
-
 var _createNamespace = (0, _utils.createNamespace)('number-keyboard'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _portal.PortalMixin)(), (0, _bindEvent.BindEventMixin)(function (bind) {
     if (this.hideOnClickOutside) {
@@ -81,26 +73,22 @@ var _default = createComponent({
       if (this.theme === 'custom') {
         return this.genCustomKeys();
       }
-
       return this.genDefaultKeys();
     }
   },
   methods: {
     genBasicKeys: function genBasicKeys() {
       var keys = [];
-
       for (var i = 1; i <= 9; i++) {
         keys.push({
           text: i
         });
       }
-
       if (this.randomKeyOrder) {
         keys.sort(function () {
           return Math.random() > 0.5 ? 1 : -1;
         });
       }
-
       return keys;
     },
     genDefaultKeys: function genDefaultKeys() {
@@ -118,7 +106,6 @@ var _default = createComponent({
       var keys = this.genBasicKeys();
       var extraKey = this.extraKey;
       var extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
-
       if (extraKeys.length === 1) {
         keys.push({
           text: 0,
@@ -138,7 +125,6 @@ var _default = createComponent({
           type: 'extra'
         });
       }
-
       return keys;
     },
     onBlur: function onBlur() {
@@ -156,12 +142,9 @@ var _default = createComponent({
         if (type === 'extra') {
           this.onBlur();
         }
-
         return;
       }
-
       var value = this.value;
-
       if (type === 'delete') {
         this.$emit('delete');
         this.$emit('update:value', value.slice(0, value.length - 1));
@@ -175,16 +158,14 @@ var _default = createComponent({
     genTitle: function genTitle() {
       var h = this.$createElement;
       var title = this.title,
-          theme = this.theme,
-          closeButtonText = this.closeButtonText;
+        theme = this.theme,
+        closeButtonText = this.closeButtonText;
       var titleLeft = this.slots('title-left');
       var showClose = closeButtonText && theme === 'default';
       var showTitle = title || showClose || titleLeft;
-
       if (!showTitle) {
         return;
       }
-
       return h("div", {
         "class": bem('header')
       }, [titleLeft && h("span", {
@@ -203,7 +184,6 @@ var _default = createComponent({
     },
     genKeys: function genKeys() {
       var _this = this;
-
       var h = this.$createElement;
       return this.keys.map(function (key) {
         return h(_Key.default, {
@@ -222,7 +202,6 @@ var _default = createComponent({
     },
     genSidebar: function genSidebar() {
       var h = this.$createElement;
-
       if (this.theme === 'custom') {
         return h("div", {
           "class": bem('sidebar')
@@ -281,5 +260,4 @@ var _default = createComponent({
     }, [this.genKeys()]), this.genSidebar()])])]);
   }
 });
-
 exports.default = _default;

package/lib/overlay/index.js

@@ -1,38 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 var _event = require("../utils/dom/event");
-
 // Utils
-var _createNamespace = (0, _utils.createNamespace)('overlay'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('overlay'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function preventTouchMove(event) {
   (0, _event.preventDefault)(event, true);
 }
-
 function Overlay(h, props, slots, ctx) {
   var style = (0, _extends2.default)({
     zIndex: props.zIndex
   }, props.customStyle);
-
   if ((0, _utils.isDef)(props.duration)) {
     style.animationDuration = props.duration + "s";
   }
-
   return h("transition", {
     "attrs": {
       "name": "zt-fade"
@@ -49,7 +41,6 @@ function Overlay(h, props, slots, ctx) {
     }
   }, (0, _functional.inherit)(ctx, true)]), [slots.default == null ? void 0 : slots.default()])]);
 }
-
 Overlay.props = {
   show: Boolean,
   zIndex: [Number, String],
@@ -61,7 +52,5 @@ Overlay.props = {
     default: true
   }
 };
-
 var _default = createComponent(Overlay);
-
 exports.default = _default;

package/lib/password-input/index.js

@@ -1,48 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 var _constant = require("../utils/constant");
-
 // Utils
-var _createNamespace = (0, _utils.createNamespace)('password-input'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('password-input'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function PasswordInput(h, props, slots, ctx) {
   var _ref2;
-
   var mask = props.mask,
-      value = props.value,
-      length = props.length,
-      gutter = props.gutter,
-      focused = props.focused,
-      errorInfo = props.errorInfo;
+    value = props.value,
+    length = props.length,
+    gutter = props.gutter,
+    focused = props.focused,
+    errorInfo = props.errorInfo;
   var Points = [];
-
   for (var i = 0; i < length; i++) {
     var _ref;
-
     var _char = value[i];
     var showBorder = i !== 0 && !gutter;
     var showCursor = focused && i === value.length;
     var style = void 0;
-
     if (i !== 0 && gutter) {
       style = {
         marginLeft: (0, _utils.addUnit)(gutter)
       };
     }
-
     Points.push(h("li", {
       "class": [(_ref = {}, _ref[_constant.BORDER_LEFT] = showBorder, _ref), bem('item', {
         focus: showCursor
@@ -56,7 +47,6 @@ function PasswordInput(h, props, slots, ctx) {
       "class": bem('cursor')
     })]));
   }
-
   return h("div", {
     "class": bem()
   }, [h("ul", (0, _babelHelperVueJsxMergeProps.default)([{
@@ -69,7 +59,6 @@ function PasswordInput(h, props, slots, ctx) {
     }
   }, (0, _functional.inherit)(ctx, true)]), [Points])]);
 }
-
 PasswordInput.props = {
   gutter: [Number, String],
   focused: Boolean,
@@ -87,7 +76,5 @@ PasswordInput.props = {
     default: 6
   }
 };
-
 var _default = createComponent(PasswordInput);
-
 exports.default = _default;

package/lib/picker/PickerColumn.js

@@ -1,51 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.MOMENTUM_LIMIT_DISTANCE = exports.MOMENTUM_LIMIT_TIME = 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 _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({
   mixins: [_touch.TouchMixin],
   props: {
@@ -78,12 +66,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 +78,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 +107,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 +115,6 @@ var _default2 = createComponent({
       } else {
         this.startOffset = this.offset;
       }
-
       this.duration = 0;
       this.transitionEndTrigger = null;
       this.touchStartTime = Date.now();
@@ -142,17 +124,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 +138,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 +197,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 +214,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 +261,6 @@ var _default2 = createComponent({
     stopMomentum: function stopMomentum() {
       this.moving = false;
       this.duration = 0;
-
       if (this.transitionEndTrigger) {
         this.transitionEndTrigger();
         this.transitionEndTrigger = null;
@@ -308,16 +268,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,
@@ -370,5 +327,4 @@ var _default2 = createComponent({
     }, [this.genOptions()])]);
   }
 });
-
 exports.default = _default2;