zartui 2.0.79 → 2.0.80-beta.1

package/lib/mixins/relation.js

@@ -3,16 +3,12 @@
 exports.__esModule = true;
 exports.ChildrenMixin = ChildrenMixin;
 exports.ParentMixin = ParentMixin;
-
 var _vnodes = require("../utils/vnodes");
-
 function ChildrenMixin(_parent, options) {
   var _inject, _computed;
-
   if (options === void 0) {
     options = {};
   }
-
   var indexKey = options.indexKey || 'index';
   return {
     inject: (_inject = {}, _inject[_parent] = {
@@ -23,16 +19,13 @@ 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: {
@@ -47,7 +40,6 @@ 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;
@@ -59,7 +51,6 @@ function ChildrenMixin(_parent, options) {
         if (!this.parent || this.parent.children.indexOf(this) !== -1) {
           return;
         }
-
         var children = [].concat(this.parent.children, [this]);
         (0, _vnodes.sortChildren)(children, this.parent);
         this.parent.children = children;
@@ -67,12 +58,10 @@ function ChildrenMixin(_parent, options) {
     }
   };
 }
-
 function ParentMixin(parent) {
   return {
     provide: function provide() {
       var _ref;
-
       return _ref = {}, _ref[parent] = this, _ref;
     },
     data: function data() {

package/lib/mixins/slots.js

@@ -2,7 +2,6 @@
 
 exports.__esModule = true;
 exports.SlotsMixin = void 0;
-
 /**
  * Use scopedSlots in Vue 2.6+
  * downgrade to slots in lower version
@@ -13,15 +12,12 @@ 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/lib/mixins/touch.js

@@ -2,23 +2,17 @@
 
 exports.__esModule = true;
 exports.TouchMixin = void 0;
-
 var _event = require("../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 '';
 }
-
 var TouchMixin = {
   data: function data() {
     return {
@@ -32,8 +26,8 @@ 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);
@@ -51,11 +45,10 @@ 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;
       (0, _event.on)(el, 'touchstart', onTouchStart);
       (0, _event.on)(el, 'touchmove', onTouchMove);
-
       if (onTouchEnd) {
         (0, _event.on)(el, 'touchend', onTouchEnd);
         (0, _event.on)(el, 'touchcancel', onTouchEnd);

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -1,24 +1,17 @@
 "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 _deepClone = require("../utils/deep-clone");
-
 var _utils = require("../utils");
-
 var _createNamespace = (0, _utils.createNamespace)('multiple-picker-options'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function isOptionDisabled(option) {
   return (0, _utils.isObject)(option) && option.disabled;
 }
-
 var _default2 = createComponent({
   props: {
     valueKey: String,
@@ -74,29 +67,23 @@ var _default2 = createComponent({
       if (this.confirmed) {
         return;
       }
-
       this.currentIndexs = (0, _deepClone.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]);
@@ -107,32 +94,25 @@ var _default2 = createComponent({
       if ((0, _utils.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,
@@ -173,5 +153,4 @@ var _default2 = createComponent({
     }, [this.genOptions()])]);
   }
 });
-
 exports.default = _default2;

package/lib/multiple-picker/index.js

@@ -1,35 +1,25 @@
 "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 _shared = require("./shared");
-
 var _unit = require("../utils/format/unit");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _MultiplePickerOptions = _interopRequireDefault(require("./MultiplePickerOptions"));
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _popup2 = require("../mixins/popup");
-
 var _button = _interopRequireDefault(require("../button"));
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('multiple-picker'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
 
+var _createNamespace = (0, _utils.createNamespace)('multiple-picker'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var _default2 = createComponent({
   mixins: [(0, _popup2.PopupMixin)()],
   props: (0, _extends2.default)({}, _shared.pickerProps, {
@@ -75,7 +65,6 @@ var _default2 = createComponent({
     showPicker: {
       handler: function handler(val) {
         var _this = this;
-
         if (val) {
           this.$nextTick(function () {
             if (_this.$refs.pickerOptions && _this.confirmIndexs) {
@@ -105,7 +94,6 @@ var _default2 = createComponent({
     },
     getOptions: function getOptions() {
       var _this2 = this;
-
       var indexs = this.$refs.pickerOptions.currentIndexs;
       var result = [];
       indexs.forEach(function (index) {
@@ -132,11 +120,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')]
@@ -177,7 +163,6 @@ var _default2 = createComponent({
     },
     genToolbar: function genToolbar() {
       var h = this.$createElement;
-
       if (this.showToolbar) {
         return h("div", {
           "class": bem('toolbar')
@@ -188,11 +173,9 @@ var _default2 = createComponent({
       var h = this.$createElement;
       var rowsCount = Math.ceil(this.options.length / this.columnCounts);
       var wrapHeight = 196;
-
       if (rowsCount > 5) {
         wrapHeight = 460;
       }
-
       var optionsStyle = {
         height: wrapHeight + "px"
       };
@@ -203,10 +186,8 @@ var _default2 = createComponent({
     },
     genOptionItems: function genOptionItems() {
       var _this3 = this;
-
       var h = this.$createElement;
       var formatOptions = [];
-
       if (this.options && this.options[0] && typeof this.options[0] !== 'object') {
         formatOptions = this.options.map(function (v) {
           return {
@@ -217,7 +198,6 @@ var _default2 = createComponent({
       } else {
         formatOptions = this.options;
       }
-
       return h(_MultiplePickerOptions.default, {
         "ref": "pickerOptions",
         "attrs": {
@@ -260,5 +240,4 @@ var _default2 = createComponent({
     }) : h(), this.genOptions(), this.toolbarPosition === 'bottom' ? this.genToolbar() : h()])]);
   }
 });
-
 exports.default = _default2;

package/lib/nav-bar/index.js

@@ -1,22 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('nav-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('nav-bar'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   props: {
     title: String,
@@ -54,11 +50,9 @@ var _default = createComponent({
     genLeft: function genLeft() {
       var h = this.$createElement;
       var leftSlot = this.slots('left');
-
       if (leftSlot) {
         return leftSlot;
       }
-
       return [this.leftArrow && h(_icon.default, {
         "class": bem('arrow'),
         "attrs": {
@@ -75,11 +69,9 @@ var _default = createComponent({
     genRight: function genRight() {
       var h = this.$createElement;
       var rightSlot = this.slots('right');
-
       if (rightSlot) {
         return rightSlot;
       }
-
       if (this.rightText) {
         return h("span", {
           "class": bem('text'),
@@ -91,7 +83,6 @@ var _default = createComponent({
     },
     genNavBar: function genNavBar() {
       var _ref;
-
       var h = this.$createElement;
       return h("div", {
         "ref": "navBar",
@@ -138,7 +129,6 @@ var _default = createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.placeholder && this.fixed) {
       return h("div", {
         "class": bem('placeholder'),
@@ -147,9 +137,7 @@ var _default = createComponent({
         }
       }, [this.genNavBar()]);
     }
-
     return this.genNavBar();
   }
 });
-
 exports.default = _default;

package/lib/notice-bar/index.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _raf = require("../utils/dom/raf");
-
 var _bindEvent = require("../mixins/bind-event");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _NoticeIcon = _interopRequireDefault(require("./NoticeIcon"));
-
 var _MenuIcon = _interopRequireDefault(require("./MenuIcon"));
-
 var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
-
 var _OpenIcon = _interopRequireDefault(require("./OpenIcon"));
-
 var _WarningIcon = _interopRequireDefault(require("./WarningIcon"));
-
 var _TipIcon = _interopRequireDefault(require("./TipIcon"));
-
 var _createNamespace = (0, _utils.createNamespace)('notice-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _bindEvent.BindEventMixin)(function (bind) {
     // fix cache issues with forwards and back history in safari
@@ -94,17 +81,16 @@ var _default = createComponent({
     },
     onTransitionEnd: function onTransitionEnd() {
       var _this = this;
-
       this.offset = this.wrapWidth;
-      this.duration = 0; // wait for Vue to render offset
-      // using nextTick won't work in iOS14
+      this.duration = 0;
 
+      // wait for Vue to render offset
+      // using nextTick won't work in iOS14
       (0, _raf.raf)(function () {
         // use double raf to ensure animation can start
         (0, _raf.doubleRaf)(function () {
           _this.offset = -_this.contentWidth;
           _this.duration = (_this.contentWidth + _this.wrapWidth) / _this.speed;
-
           _this.$emit('replay');
         });
       });
@@ -116,7 +102,6 @@ var _default = createComponent({
     // @exposed-api
     reset: function reset() {
       var _this2 = this;
-
       var delay = (0, _utils.isDef)(this.delay) ? this.delay * 1000 : 0;
       this.offset = 0;
       this.duration = 0;
@@ -125,16 +110,13 @@ var _default = createComponent({
       clearTimeout(this.startTimer);
       this.startTimer = setTimeout(function () {
         var _this2$$refs = _this2.$refs,
-            wrap = _this2$$refs.wrap,
-            content = _this2$$refs.content;
-
+          wrap = _this2$$refs.wrap,
+          content = _this2$$refs.content;
         if (!wrap || !content || _this2.scrollable === false) {
           return;
         }
-
         var wrapWidth = wrap.getBoundingClientRect().width;
         var contentWidth = content.getBoundingClientRect().width;
-
         if (_this2.scrollable || contentWidth > wrapWidth) {
           (0, _raf.doubleRaf)(function () {
             _this2.offset = -contentWidth;
@@ -148,12 +130,11 @@ var _default = createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     var slots = this.slots,
-        mode = this.mode,
-        leftIcon = this.leftIcon,
-        onClickIcon = this.onClickIcon;
+      mode = this.mode,
+      leftIcon = this.leftIcon,
+      onClickIcon = this.onClickIcon;
     var barStyle = {
       color: this.color,
       background: this.background
@@ -162,14 +143,11 @@ var _default = createComponent({
       transform: this.offset ? "translateX(" + this.offset + "px)" : '',
       transitionDuration: this.duration + 's'
     };
-
     function LeftIcon() {
       var slot = slots('left-icon');
-
       if (slot) {
         return slot;
       }
-
       if (leftIcon === 'zt-notice-icon') {
         return h("div", {
           "class": bem('left-icon')
@@ -201,7 +179,6 @@ var _default = createComponent({
           "class": bem('left-icon-size')
         })]);
       }
-
       if (leftIcon) {
         return h(_icon.default, {
           "class": bem('left-icon'),
@@ -211,16 +188,12 @@ var _default = createComponent({
         });
       }
     }
-
     function RightIcon() {
       var slot = slots('right-icon');
-
       if (slot) {
         return slot;
       }
-
       var iconName;
-
       if (mode === 'zt-closeable') {
         return h("div", {
           "class": bem('right-icon'),
@@ -244,7 +217,6 @@ var _default = createComponent({
       } else if (mode === 'link') {
         iconName = 'arrow';
       }
-
       if (iconName) {
         return h(_icon.default, {
           "class": bem('right-icon'),
@@ -257,7 +229,6 @@ var _default = createComponent({
         });
       }
     }
-
     return h("div", {
       "attrs": {
         "role": "alert"
@@ -293,5 +264,4 @@ var _default = createComponent({
     }, [this.slots() || this.text])]), RightIcon()]);
   }
 });
-
 exports.default = _default;

package/lib/number-keyboard/Key.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 _touch = require("../mixins/touch");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _DeleteIcon = _interopRequireDefault(require("./DeleteIcon"));
-
 var _CollapseIcon = _interopRequireDefault(require("./CollapseIcon"));
-
 var _createNamespace = (0, _utils.createNamespace)('key'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [_touch.TouchMixin],
   props: {
@@ -46,7 +38,6 @@ var _default = createComponent({
     },
     onTouchMove: function onTouchMove(event) {
       this.touchMove(event);
-
       if (this.direction) {
         this.active = false;
       }
@@ -58,7 +49,6 @@ var _default = createComponent({
         if (!this.slots('default')) {
           event.preventDefault();
         }
-
         this.active = false;
         this.$emit('press', this.text, this.type);
       }
@@ -68,25 +58,21 @@ var _default = createComponent({
       var isExtra = this.type === 'extra';
       var isDelete = this.type === 'delete';
       var text = this.slots('default') || this.text;
-
       if (this.loading) {
         return h(_loading.default, {
           "class": bem('loading-icon')
         });
       }
-
       if (isDelete) {
         return text || h(_DeleteIcon.default, {
           "class": bem('delete-icon')
         });
       }
-
       if (isExtra) {
         return text || h(_CollapseIcon.default, {
           "class": bem('collapse-icon')
         });
       }
-
       return text;
     }
   },
@@ -109,5 +95,4 @@ var _default = createComponent({
     }, [this.genContent()])]);
   }
 });
-
 exports.default = _default;