zartui 2.1.6 → 2.1.8

package/es/media-player/index.js

@@ -1,14 +1,12 @@
 import { createNamespace } from '../utils';
-import { MediaType } from "../media-picker/type"; // import Toast from '../toast';
-
+import { MediaType } from "../media-picker/type";
+// import Toast from '../toast';
 import Popup from '../popup';
 import Button from '../button';
 import { isIOS, isWeixin } from "../utils/device";
-
 var _createNamespace = createNamespace('media-player'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     value: {
@@ -44,7 +42,6 @@ export default createComponent({
   methods: {
     getMediaElement: function getMediaElement() {
       var player;
-
       if (this.mediaType === MediaType.AUDIO) {
         // player = document.getElementById("audio")
         player = this.$refs.audio;
@@ -52,25 +49,22 @@ export default createComponent({
         // player = document.getElementById("video")
         player = this.$refs.video;
       }
-
       return player;
     },
     onOpen: function onOpen() {
       var _this = this;
-
       this.$nextTick(function () {
         var player = _this.getMediaElement();
-
         if (!player) {
           return;
-        } // player.addEventListener('error', (event) => {
+        }
+        // player.addEventListener('error', (event) => {
         //   console.log(event)
         //   Toast.fail('播放失败')
         //   this.onClose()
         // }, true)
-        //iOS中无法自动播放，必须有点击事件触发。但是微信中有办法实现
-
 
+        //iOS中无法自动播放，必须有点击事件触发。但是微信中有办法实现
         if (isWeixin()) {
           if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
             WeixinJSBridge.invoke('getNetworkType', {}, function (res) {
@@ -85,21 +79,17 @@ export default createComponent({
     onClose: function onClose() {
       this.$emit('input', false);
       var player = this.getMediaElement();
-
       if (!player) {
         return;
       }
-
       player.pause();
       player.currentTime = 0;
-
       if (this.mediaUrl && !this.mediaUrl.startsWith('http')) {
         (URL || webkitURL).revokeObjectURL(this.mediaUrl);
       }
     },
     renderTag: function renderTag() {
       var h = this.$createElement;
-
       if (this.mediaUrl) {
         if (this.mediaType === MediaType.VIDEO) {
           return h("video", {
@@ -133,7 +123,6 @@ export default createComponent({
   },
   render: function render(h) {
     var _this2 = this;
-
     return h(Popup, {
       "class": bem(),
       "attrs": {
@@ -157,7 +146,6 @@ export default createComponent({
       "on": {
         "click": function click(event) {
           event.stopPropagation();
-
           _this2.onClose();
         }
       }

package/es/mixins/bind-event.js

@@ -5,21 +5,18 @@ import { on, off } from '../utils/dom/event';
 var uid = 0;
 export function BindEventMixin(handler) {
   var key = "binded_" + uid++;
-
   function bind() {
     if (!this[key]) {
       handler.call(this, on, true);
       this[key] = true;
     }
   }
-
   function unbind() {
     if (this[key]) {
       handler.call(this, off, false);
       this[key] = false;
     }
   }
-
   return {
     mounted: bind,
     activated: bind,

package/es/mixins/checkbox.js

@@ -7,8 +7,8 @@ import { ChildrenMixin } from './relation';
 import { addUnit } from '../utils';
 export var CheckboxMixin = function CheckboxMixin(_ref) {
   var parent = _ref.parent,
-      bem = _ref.bem,
-      role = _ref.role;
+    bem = _ref.bem,
+    role = _ref.role;
   return {
     mixins: [ChildrenMixin(parent), FieldMixin],
     props: {
@@ -46,7 +46,6 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
         var boxShadow = this.boxShadow || this.parent && this.parent.boxShadow;
         var border = this.border || this.parent && this.parent.border;
         var iconColor = this.iconColor || this.parent && this.parent.iconColor;
-
         if ((boxShadow || checkedColor) && this.checked && !this.isDisabled) {
           return {
             color: iconColor,
@@ -60,22 +59,20 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
         if (this.isDisabled || role === 'radio' && !this.checked) {
           return -1;
         }
-
         return 0;
       }
     },
     methods: {
       onClick: function onClick(event) {
         var _this = this;
-
         var target = event.target;
         var icon = this.$refs.icon;
         var iconClicked = icon === target || icon.contains(target);
-
         if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-          this.toggle(); // wait for toggle method to complete
-          // so we can get the changed value in the click event listener
+          this.toggle();
 
+          // wait for toggle method to complete
+          // so we can get the changed value in the click event listener
           setTimeout(function () {
             _this.$emit('click', event);
           });
@@ -112,7 +109,6 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       genLabel: function genLabel() {
         var h = this.$createElement;
         var slot = this.slots();
-
         if (slot) {
           return h("span", {
             "class": bem('label', [this.labelPosition, {
@@ -125,13 +121,11 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
     render: function render() {
       var h = arguments[0];
       var Children = [this.genIcon()];
-
       if (this.labelPosition === 'left') {
         Children.unshift(this.genLabel());
       } else {
         Children.push(this.genLabel());
       }
-
       var checked = this.checked;
       return h("div", {
         "attrs": {

package/es/mixins/click-outside.js

@@ -12,13 +12,11 @@ export var ClickOutsideMixin = function ClickOutsideMixin(config) {
     },
     data: function data() {
       var _this = this;
-
       var clickOutsideHandler = function clickOutsideHandler(event) {
         if (_this.closeOnClickOutside && !_this.$el.contains(event.target)) {
           _this[config.method]();
         }
       };
-
       return {
         clickOutsideHandler: clickOutsideHandler
       };

package/es/mixins/close-on-popstate.js

@@ -27,7 +27,6 @@ export var CloseOnPopstateMixin = {
       if (this.$isServer) {
         return;
       }
-
       if (this.bindStatus !== bind) {
         this.bindStatus = bind;
         var action = bind ? on : off;

package/es/mixins/field.js

@@ -7,7 +7,6 @@ export var FieldMixin = {
   watch: {
     value: function value() {
       var field = this.ztField;
-
       if (field) {
         field.resetValidation();
         field.validateWithTrigger('onChange');
@@ -16,7 +15,6 @@ export var FieldMixin = {
   },
   created: function created() {
     var field = this.ztField;
-
     if (field && !field.children) {
       field.children = this;
     }

package/es/mixins/popup/index.js

@@ -1,11 +1,13 @@
 // Context
 import { context } from './context';
-import { openOverlay, closeOverlay, updateOverlay, removeOverlay } from './overlay'; // Utils
+import { openOverlay, closeOverlay, updateOverlay, removeOverlay } from './overlay';
 
+// Utils
 import { on, off, preventDefault } from '../../utils/dom/event';
 import { removeNode } from '../../utils/dom/node';
-import { getScroller } from '../../utils/dom/scroll'; // Mixins
+import { getScroller } from '../../utils/dom/scroll';
 
+// Mixins
 import { TouchMixin } from '../touch';
 import { PortalMixin } from '../portal';
 import { CloseOnPopstateMixin } from '../close-on-popstate';
@@ -39,7 +41,6 @@ export function PopupMixin(options) {
   if (options === void 0) {
     options = {};
   }
-
   return {
     mixins: [TouchMixin, CloseOnPopstateMixin, PortalMixin({
       afterPortal: function afterPortal() {
@@ -70,7 +71,6 @@ export function PopupMixin(options) {
         var type = val ? 'open' : 'close';
         this.inited = this.inited || this.value;
         this[type]();
-
         if (!options.skipToggleEvent) {
           this.$emit(type);
         }
@@ -82,9 +82,7 @@ export function PopupMixin(options) {
         this.open();
       }
     },
-
-    /* istanbul ignore next */
-    activated: function activated() {
+    /* istanbul ignore next */activated: function activated() {
       if (this.shouldReopen) {
         this.$emit('input', true);
         this.shouldReopen = false;
@@ -92,18 +90,14 @@ export function PopupMixin(options) {
     },
     beforeDestroy: function beforeDestroy() {
       removeOverlay(this);
-
       if (this.opened) {
         this.removeLock();
       }
-
       if (this.getContainer) {
         removeNode(this.$el);
       }
     },
-
-    /* istanbul ignore next */
-    deactivated: function deactivated() {
+    /* istanbul ignore next */deactivated: function deactivated() {
       if (this.value) {
         this.close();
         this.shouldReopen = true;
@@ -114,13 +108,12 @@ export function PopupMixin(options) {
         /* istanbul ignore next */
         if (this.$isServer || this.opened) {
           return;
-        } // cover default zIndex
-
+        }
 
+        // cover default zIndex
         if (this.zIndex !== undefined) {
           context.zIndex = this.zIndex;
         }
-
         this.opened = true;
         this.renderOverlay();
         this.addLock();
@@ -132,11 +125,9 @@ export function PopupMixin(options) {
         if (this.lockScroll) {
           on(document, 'touchstart', this.touchStart);
           on(document, 'touchmove', this.onTouchMove);
-
           if (!context.lockCount) {
             document.body.classList.add('zt2-overflow-hidden');
           }
-
           context.lockCount++;
         }
       },
@@ -145,7 +136,6 @@ export function PopupMixin(options) {
           context.lockCount--;
           off(document, 'touchstart', this.touchStart);
           off(document, 'touchmove', this.onTouchMove);
-
           if (!context.lockCount) {
             document.body.classList.remove('zt2-overflow-hidden');
           }
@@ -155,7 +145,6 @@ export function PopupMixin(options) {
         if (!this.opened) {
           return;
         }
-
         closeOverlay(this);
         this.opened = false;
         this.removeLock();
@@ -166,33 +155,29 @@ export function PopupMixin(options) {
         var direction = this.deltaY > 0 ? '10' : '01';
         var el = getScroller(event.target, this.$el);
         var scrollHeight = el.scrollHeight,
-            offsetHeight = el.offsetHeight,
-            scrollTop = el.scrollTop;
+          offsetHeight = el.offsetHeight,
+          scrollTop = el.scrollTop;
         var status = '11';
-        /* istanbul ignore next */
 
+        /* istanbul ignore next */
         if (scrollTop === 0) {
           status = offsetHeight >= scrollHeight ? '00' : '01';
         } else if (scrollTop + offsetHeight >= scrollHeight) {
           status = '10';
         }
-        /* istanbul ignore next */
-
 
+        /* istanbul ignore next */
         if (status !== '11' && this.direction === 'vertical' && !(parseInt(status, 2) & parseInt(direction, 2))) {
           preventDefault(event, true);
         }
       },
       renderOverlay: function renderOverlay() {
         var _this = this;
-
         if (this.$isServer || !this.value) {
           return;
         }
-
         this.$nextTick(function () {
           _this.updateZIndex(_this.overlay ? 1 : 0);
-
           if (_this.overlay) {
             openOverlay(_this, {
               zIndex: context.zIndex++,
@@ -209,7 +194,6 @@ export function PopupMixin(options) {
         if (value === void 0) {
           value = 0;
         }
-
         this.$el.style.zIndex = ++context.zIndex + value;
       },
       onReopen: function onReopen(callback) {

package/es/mixins/popup/overlay.js

@@ -7,14 +7,12 @@ var defaultConfig = {
   className: '',
   customStyle: {}
 };
-
 function mountOverlay(vm) {
   return mount(Overlay, {
     on: {
       // close popup when overlay clicked & closeOnClickOverlay is true
       click: function click() {
         vm.$emit('click-overlay');
-
         if (vm.closeOnClickOverlay) {
           if (vm.onClickOverlay) {
             vm.onClickOverlay();
@@ -26,19 +24,15 @@ function mountOverlay(vm) {
     }
   });
 }
-
 export function updateOverlay(vm) {
   var item = context.find(vm);
-
   if (item) {
     var el = vm.$el;
     var config = item.config,
-        overlay = item.overlay;
-
+      overlay = item.overlay;
     if (el && el.parentNode) {
       el.parentNode.insertBefore(overlay.$el, el);
     }
-
     _extends(overlay, defaultConfig, config, {
       show: true
     });
@@ -46,7 +40,6 @@ export function updateOverlay(vm) {
 }
 export function openOverlay(vm, config) {
   var item = context.find(vm);
-
   if (item) {
     item.config = config;
   } else {
@@ -57,19 +50,16 @@ export function openOverlay(vm, config) {
       overlay: overlay
     });
   }
-
   updateOverlay(vm);
 }
 export function closeOverlay(vm) {
   var item = context.find(vm);
-
   if (item) {
     item.overlay.show = false;
   }
 }
 export function removeOverlay(vm) {
   var item = context.find(vm);
-
   if (item) {
     removeNode(item.overlay.$el);
     context.remove(vm);

package/es/mixins/portal.js

@@ -2,15 +2,12 @@ function getElement(selector) {
   if (typeof selector === 'string') {
     return document.querySelector(selector);
   }
-
   return selector();
 }
-
 export function PortalMixin(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-      ref = _ref.ref,
-      afterPortal = _ref.afterPortal;
-
+    ref = _ref.ref,
+    afterPortal = _ref.afterPortal;
   return {
     props: {
       getContainer: [String, Function]
@@ -28,17 +25,14 @@ export function PortalMixin(_temp) {
         var getContainer = this.getContainer;
         var el = ref ? this.$refs[ref] : this.$el;
         var container;
-
         if (getContainer) {
           container = getElement(getContainer);
         } else if (this.$parent) {
           container = this.$parent.$el;
         }
-
         if (container && container !== el.parentNode) {
           container.appendChild(el);
         }
-
         if (afterPortal) {
           afterPortal.call(this);
         }

package/es/mixins/relation.js

@@ -1,11 +1,9 @@
 import { sortChildren } from '../utils/vnodes';
 export function ChildrenMixin(_parent, options) {
   var _inject, _computed;
-
   if (options === void 0) {
     options = {};
   }
-
   var indexKey = options.indexKey || 'index';
   return {
     inject: (_inject = {}, _inject[_parent] = {
@@ -16,16 +14,13 @@ export function ChildrenMixin(_parent, options) {
         if (this.disableBindRelation) {
           return null;
         }
-
         return this[_parent];
       }
     }, _computed[indexKey] = function () {
       this.bindRelation();
-
       if (this.parent) {
         return this.parent.children.indexOf(this);
       }
-
       return null;
     }, _computed),
     watch: {
@@ -40,7 +35,6 @@ export function ChildrenMixin(_parent, options) {
     },
     beforeDestroy: function beforeDestroy() {
       var _this = this;
-
       if (this.parent) {
         this.parent.children = this.parent.children.filter(function (item) {
           return item !== _this;
@@ -52,7 +46,6 @@ export function ChildrenMixin(_parent, options) {
         if (!this.parent || this.parent.children.indexOf(this) !== -1) {
           return;
         }
-
         var children = [].concat(this.parent.children, [this]);
         sortChildren(children, this.parent);
         this.parent.children = children;
@@ -64,7 +57,6 @@ export function ParentMixin(parent) {
   return {
     provide: function provide() {
       var _ref;
-
       return _ref = {}, _ref[parent] = this, _ref;
     },
     data: function data() {

package/es/mixins/slots.js

@@ -8,15 +8,12 @@ export var SlotsMixin = {
       if (name === void 0) {
         name = 'default';
       }
-
       var $slots = this.$slots,
-          $scopedSlots = this.$scopedSlots;
+        $scopedSlots = this.$scopedSlots;
       var scopedSlot = $scopedSlots[name];
-
       if (scopedSlot) {
         return scopedSlot(props);
       }
-
       return $slots[name];
     }
   }

package/es/mixins/touch.js

@@ -1,18 +1,14 @@
 import { on } from '../utils/dom/event';
 var MIN_DISTANCE = 10;
-
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
     return 'horizontal';
   }
-
   if (y > x && y > MIN_DISTANCE) {
     return 'vertical';
   }
-
   return '';
 }
-
 export var TouchMixin = {
   data: function data() {
     return {
@@ -26,8 +22,8 @@ export 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];
+      // Fix: 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);
@@ -45,11 +41,10 @@ export var TouchMixin = {
     // https://github.com/youzan/vant/issues/3015
     bindTouchEvent: function bindTouchEvent(el) {
       var onTouchStart = this.onTouchStart,
-          onTouchMove = this.onTouchMove,
-          onTouchEnd = this.onTouchEnd;
+        onTouchMove = this.onTouchMove,
+        onTouchEnd = this.onTouchEnd;
       on(el, 'touchstart', onTouchStart);
       on(el, 'touchmove', onTouchMove);
-
       if (onTouchEnd) {
         on(el, 'touchend', onTouchEnd);
         on(el, 'touchcancel', onTouchEnd);

package/es/multiple-picker/MultiplePickerOptions.js

@@ -1,16 +1,12 @@
-import _mergeJSXProps2 from "@vue/babel-helper-vue-jsx-merge-props";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import _mergeJSXProps, { default as _mergeJSXProps2 } from "@vue/babel-helper-vue-jsx-merge-props";
 import { deepClone } from '../utils/deep-clone';
 import { createNamespace, isObject } from '../utils';
-
 var _createNamespace = createNamespace('multiple-picker-options'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function isOptionDisabled(option) {
   return isObject(option) && option.disabled;
 }
-
 export default createComponent({
   props: {
     valueKey: String,
@@ -66,29 +62,23 @@ export default createComponent({
       if (this.confirmed) {
         return;
       }
-
       this.currentIndexs = deepClone(this.defaultIndexs);
     },
     onClickItem: function onClickItem(index) {
       var _this = this;
-
       if (this.readonly) {
         return;
       }
-
       var exist = false;
       this.currentIndexs.forEach(function (v, i) {
         if (v === index) {
           exist = true;
-
           _this.currentIndexs.splice(i, 1);
         }
       });
-
       if (!exist) {
         this.currentIndexs.push(index);
       }
-
       var currentOptions = [];
       this.currentIndexs.forEach(function (index) {
         currentOptions.push(_this.options[index]);
@@ -99,32 +89,25 @@ export default createComponent({
       if (isObject(option) && this.valueKey in option) {
         return option[this.valueKey];
       }
-
       return option;
     },
     genOptions: function genOptions() {
       var _this2 = this;
-
       var h = this.$createElement;
       this.columnCounts = Number(this.columnCounts);
-
       if (this.columnCounts && this.columnCounts > 3) {
         this.columnCounts = 3;
       }
-
       if (this.columnCounts && this.columnCounts < 1) {
         this.columnCounts = 1;
       }
-
       var optionStyle = {
         height: this.itemHeight + 8 + "px",
         width: 1 / this.columnCounts * 100 + "%"
       };
       return this.options.map(function (option, index) {
         var _domProps;
-
         var text = _this2.getOptionText(option);
-
         var disabled = isOptionDisabled(option);
         var data = {
           style: optionStyle,