zartui 1.0.18-beta → 1.0.18-beta-2

package/es/action-sheet/index.js

@@ -1,30 +1,32 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-import Vue from 'vue'; // Utils
+import Vue from 'vue';
 
+// Utils
 import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional'; // Mixins
+import { emit, inherit } from '../utils/functional';
 
-import { popupMixinProps } from '../mixins/popup'; // Components
+// Mixins
+import { popupMixinProps } from '../mixins/popup';
 
+// Components
 import Icon from '../icon';
 import Popup from '../popup';
-import Loading from '../loading'; // Types
+import Loading from '../loading';
 
-var _createNamespace = createNamespace('action-sheet'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('action-sheet'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function ActionSheet(h, props, slots, ctx) {
   var title = props.title,
-      cancelText = props.cancelText,
-      closeable = props.closeable;
-
+    cancelText = props.cancelText,
+    closeable = props.closeable;
   function onCancel() {
     emit(ctx, 'input', false);
     emit(ctx, 'cancel');
   }
-
   function Header() {
     if (slots.title) {
       return h("div", {
@@ -39,7 +41,6 @@ function ActionSheet(h, props, slots, ctx) {
         }
       })]);
     }
-
     if (title) {
       return h("div", {
         "class": bem('header')
@@ -54,46 +55,37 @@ function ActionSheet(h, props, slots, ctx) {
       })]);
     }
   }
-
   function Option(item, index) {
     var disabled = item.disabled,
-        loading = item.loading,
-        callback = item.callback;
-
+      loading = item.loading,
+      callback = item.callback;
     function onClickOption(event) {
       event.stopPropagation();
-
       if (disabled || loading) {
         return;
       }
-
       if (callback) {
         callback(item);
       }
-
       if (props.closeOnClickAction) {
         emit(ctx, 'input', false);
       }
-
       Vue.nextTick(function () {
         emit(ctx, 'select', item, index);
       });
     }
-
     function OptionContent() {
       if (loading) {
         return h(Loading, {
           "class": bem('loading-icon')
         });
       }
-
       return [h("span", {
         "class": bem('name')
       }, [item.name]), item.subname && h("div", {
         "class": bem('subname')
       }, [item.subname])];
     }
-
     var hasSubName = !loading && item.subname;
     return h("button", {
       "attrs": {
@@ -112,7 +104,6 @@ function ActionSheet(h, props, slots, ctx) {
       }
     }, [OptionContent()]);
   }
-
   function CancelText() {
     if (cancelText) {
       return [h("div", {
@@ -128,7 +119,6 @@ function ActionSheet(h, props, slots, ctx) {
       }, [cancelText])];
     }
   }
-
   return h(Popup, _mergeJSXProps([{
     "class": bem(),
     "attrs": {
@@ -148,7 +138,6 @@ function ActionSheet(h, props, slots, ctx) {
     "class": bem('content')
   }, [props.actions && props.actions.map(Option), slots.default == null ? void 0 : slots.default()]), CancelText()]);
 }
-
 ActionSheet.props = _extends({}, popupMixinProps, {
   title: String,
   actions: Array,

package/es/area/index.js

@@ -2,20 +2,16 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
-
 var _createNamespace = createNamespace('area'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var PLACEHOLDER_CODE = '000000';
-
 function isOverseaCode(code) {
   return code[0] === '9';
 }
-
 function pickSlots(instance, keys) {
   var $slots = instance.$slots,
-      $scopedSlots = instance.$scopedSlots;
+    $scopedSlots = instance.$scopedSlots;
   var scopedSlots = {};
   keys.forEach(function (key) {
     if ($scopedSlots[key]) {
@@ -28,7 +24,6 @@ function pickSlots(instance, keys) {
   });
   return scopedSlots;
 }
-
 export default createComponent({
   props: _extends({}, pickerProps, {
     value: String,
@@ -97,7 +92,6 @@ export default createComponent({
     },
     columnsNum: function columnsNum() {
       var _this = this;
-
       this.$nextTick(function () {
         _this.setValues();
       });
@@ -110,11 +104,9 @@ export default createComponent({
     // get list by code
     getList: function getList(type, code) {
       var result = [];
-
       if (type !== 'province' && !code) {
         return result;
       }
-
       var list = this[type];
       result = Object.keys(list).map(function (listCode) {
         return {
@@ -122,69 +114,58 @@ export default createComponent({
           name: list[listCode]
         };
       });
-
       if (code) {
         // oversea code
         if (this.isOverseaCode(code) && type === 'city') {
           code = '9';
         }
-
         result = result.filter(function (item) {
           return item.code.indexOf(code) === 0;
         });
       }
-
       if (this.placeholderMap[type] && result.length) {
         // set columns placeholder
         var codeFill = '';
-
         if (type === 'city') {
           codeFill = PLACEHOLDER_CODE.slice(2, 4);
         } else if (type === 'county') {
           codeFill = PLACEHOLDER_CODE.slice(4, 6);
         }
-
         result.unshift({
           code: "" + code + codeFill,
           name: this.placeholderMap[type]
         });
       }
-
       return result;
     },
     // get index by code
     getIndex: function getIndex(type, code) {
       var compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
-      var list = this.getList(type, code.slice(0, compareNum - 2)); // oversea code
+      var list = this.getList(type, code.slice(0, compareNum - 2));
 
+      // oversea code
       if (this.isOverseaCode(code) && type === 'province') {
         compareNum = 1;
       }
-
       code = code.slice(0, compareNum);
-
       for (var i = 0; i < list.length; i++) {
         if (list[i].code.slice(0, compareNum) === code) {
           return i;
         }
       }
-
       return 0;
     },
     // parse output columns data
     parseOutputValues: function parseOutputValues(values) {
       var _this2 = this;
-
       return values.map(function (value, index) {
         // save undefined value
         if (!value) return value;
         value = JSON.parse(JSON.stringify(value));
-
         if (!value.code || value.name === _this2.columnsPlaceholder[index]) {
           value.code = '';
           value.name = '';
         }
-
         return value;
       });
     },
@@ -203,43 +184,32 @@ export default createComponent({
       if (this.columnsPlaceholder.length) {
         return PLACEHOLDER_CODE;
       }
-
       var countyCodes = Object.keys(this.county);
-
       if (countyCodes[0]) {
         return countyCodes[0];
       }
-
       var cityCodes = Object.keys(this.city);
-
       if (cityCodes[0]) {
         return cityCodes[0];
       }
-
       return '';
     },
     setValues: function setValues() {
       var code = this.code;
-
       if (!code) {
         code = this.getDefaultCode();
       }
-
       var picker = this.$refs.picker;
       var province = this.getList('province');
       var city = this.getList('city', code.slice(0, 2));
-
       if (!picker) {
         return;
       }
-
       picker.setColumnValues(0, province);
       picker.setColumnValues(1, city);
-
       if (city.length && code.slice(2, 4) === '00' && !this.isOverseaCode(code)) {
         code = city[0].code;
       }
-
       picker.setColumnValues(2, this.getList('county', code.slice(0, 4)));
       picker.setIndexes([this.getIndex('province', code), this.getIndex('city', code), this.getIndex('county', code)]);
     },
@@ -260,11 +230,9 @@ export default createComponent({
         city: '',
         county: ''
       };
-
       if (!values.length) {
         return area;
       }
-
       var names = values.map(function (item) {
         return item.name;
       });
@@ -272,7 +240,6 @@ export default createComponent({
         return !!value.code;
       });
       area.code = validValues.length ? validValues[validValues.length - 1].code : '';
-
       if (this.isOverseaCode(area.code)) {
         area.country = names[1] || '';
         area.province = names[2] || '';
@@ -281,7 +248,6 @@ export default createComponent({
         area.city = names[1] || '';
         area.county = names[2] || '';
       }
-
       return area;
     },
     // @exposed-api
@@ -292,12 +258,10 @@ export default createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     var on = _extends({}, this.$listeners, {
       change: this.onChange,
       confirm: this.onConfirm
     });
-
     return h(Picker, {
       "ref": "picker",
       "class": bem(),

package/es/avatar/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
-
 var _createNamespace = createNamespace('avatar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 export default createComponent({
   props: {
     src: {
@@ -28,7 +26,6 @@ export default createComponent({
   computed: {
     headText: function headText() {
       var len = this.text.length;
-
       if (len === 1) {
         return this.text;
       } else if (len > 1) {
@@ -39,46 +36,36 @@ export default createComponent({
     },
     classArr: function classArr() {
       var arr = [];
-
       switch (this.size) {
         case t("small"):
           arr.push("small");
           break;
-
         case t("medium"):
           arr.push("medium");
           break;
-
         case t("large"):
           arr.push("large");
           break;
-
         default:
           break;
       }
-
       switch (this.shape) {
         case t("square"):
           arr.push("square");
           break;
-
         case t("circle"):
           arr.push("circle");
           break;
-
         default:
           break;
       }
-
       return arr;
     },
     style: function style() {
       var style = {};
-
       if (this.textBG) {
         style.backgroundColor = this.textBG;
       }
-
       return style;
     }
   },

package/es/back-top/index.js

@@ -1,9 +1,7 @@
 import { createNamespace } from '../utils';
-
 var _createNamespace = createNamespace('back-top'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 import scrollTo from '../utils/scrollTo';
 import getScroll from '../utils/getScroll';
 import { preventDefault } from '../utils/dom/event';
@@ -65,11 +63,9 @@ export default createComponent({
   },
   activated: function activated() {
     var _this = this;
-
     this.recordHeight();
     this.target().addEventListener("scroll", function (e) {
       var scrollTop = getScroll(_this.target(), true);
-
       if (scrollTop >= _this.visibilityHeight) {
         _this.showButton = true;
       } else {
@@ -86,13 +82,11 @@ export default createComponent({
       this.blurStyle = '';
       this.flags = true;
       var touch;
-
       if (event.touches) {
         touch = event.touches[0];
       } else {
         touch = event;
       }
-
       this.position.x = touch.clientX;
       this.position.y = touch.clientY;
       this.dx = this.backTopDiv.offsetLeft;
@@ -100,42 +94,35 @@ export default createComponent({
     },
     move: function move(event) {
       preventDefault(event);
-
       if (this.flags) {
         var touch;
-
         if (event.touches) {
           touch = event.touches[0];
         } else {
           touch = event;
         }
-
         this.nx = touch.clientX - this.position.x;
         this.ny = touch.clientY - this.position.y;
         this.xPum = this.dx + this.nx;
         this.yPum = this.dy + this.ny;
         var left = this.xPum;
         var top = this.yPum;
-
         if (this.xPum < 0) {
           left = 0;
         } else if (this.xPum > this.clientWidth - 56) {
           left = this.clientWidth - 56;
         }
-
         if (this.yPum < 0) {
           top = 0;
         } else if (this.yPum > this.clientHeight - 56) {
           top = this.clientHeight - 56;
         }
-
         this.backTopDiv.style.left = left + "px";
         this.backTopDiv.style.top = top + "px";
       }
     },
     end: function end() {
       var _this2 = this;
-
       this.flags = false;
       setTimeout(function () {
         _this2.blurStyle = 'opacity:0.3;';
@@ -143,15 +130,14 @@ export default createComponent({
     },
     backTop: function backTop(event) {
       var onClick = this.onClick,
-          target = this.target,
-          duration = this.duration;
+        target = this.target,
+        duration = this.duration;
       scrollTo(0, {
         getContainer: target || function () {
           return window;
         },
         duration: duration
       });
-
       if (typeof onClick === 'function') {
         onClick(event);
       }

package/es/badge/index.js

@@ -1,10 +1,8 @@
 import { isDef, createNamespace } from '../utils';
 import { isNumeric } from '../utils/validate/number';
-
 var _createNamespace = createNamespace('badge'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     dot: Boolean,
@@ -22,24 +20,20 @@ export default createComponent({
     },
     renderContent: function renderContent() {
       var dot = this.dot,
-          max = this.max,
-          content = this.content;
-
+        max = this.max,
+        content = this.content;
       if (!dot && this.hasContent()) {
         if (this.$scopedSlots.content) {
           return this.$scopedSlots.content();
         }
-
         if (isDef(max) && isNumeric(content) && +content > max) {
           return max + "+";
         }
-
         return content;
       }
     },
     renderBadge: function renderBadge() {
       var h = this.$createElement;
-
       if (this.hasContent() || this.dot) {
         return h("div", {
           "class": bem({
@@ -55,14 +49,12 @@ export default createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.$scopedSlots.default) {
       var tag = this.tag;
       return h(tag, {
         "class": bem('wrapper')
       }, [this.$scopedSlots.default(), this.renderBadge()]);
     }
-
     return this.renderBadge();
   }
 });

package/es/button/index.js

@@ -5,51 +5,48 @@ import { createNamespace } from '../utils';
 import { emit, inherit } from '../utils/functional';
 import { BORDER_SURROUND } from '../utils/constant';
 import { routeProps, functionalRoute } from '../utils/router';
-import { Telemetry, TelemetryEvent } from "../telemetry"; // Components
+import { Telemetry, TelemetryEvent } from "../telemetry";
 
+// Components
 import Icon from '../icon';
-import Loading from '../loading'; // Types
+import Loading from '../loading';
 
-var _createNamespace = createNamespace('button'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('button'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Button(h, props, slots, ctx) {
   var _ref;
-
   var tag = props.tag,
-      icon = props.icon,
-      type = props.type,
-      color = props.color,
-      plain = props.plain,
-      disabled = props.disabled,
-      loading = props.loading,
-      hairline = props.hairline,
-      loadingText = props.loadingText,
-      iconPosition = props.iconPosition;
+    icon = props.icon,
+    type = props.type,
+    color = props.color,
+    plain = props.plain,
+    disabled = props.disabled,
+    loading = props.loading,
+    hairline = props.hairline,
+    loadingText = props.loadingText,
+    iconPosition = props.iconPosition;
   var style = {};
-
   if (color) {
     style.color = plain ? color : 'white';
-
     if (!plain) {
       // Use background instead of backgroundColor to make linear-gradient work
       style.background = color;
-    } // hide border when color is linear-gradient
-
+    }
 
+    // hide border when color is linear-gradient
     if (color.indexOf('gradient') !== -1) {
       style.border = 0;
     } else {
       style.borderColor = color;
     }
   }
-
   function onClick(event) {
     if (props.loading) {
       event.preventDefault();
     }
-
     if (!loading && !disabled) {
       emit(ctx, 'click', event);
       functionalRoute(ctx);
@@ -57,11 +54,9 @@ function Button(h, props, slots, ctx) {
       Telemetry.sharedInstance.trackClick(trackEvent);
     }
   }
-
   function onTouchstart(event) {
     emit(ctx, 'touchstart', event);
   }
-
   var classes = [bem([type, props.size, {
     plain: plain,
     loading: loading,
@@ -71,7 +66,6 @@ function Button(h, props, slots, ctx) {
     round: props.round,
     square: props.square
   }]), (_ref = {}, _ref[BORDER_SURROUND] = hairline, _ref)];
-
   function renderIcon() {
     if (loading) {
       return slots.loading ? slots.loading() : h(Loading, {
@@ -83,13 +77,11 @@ function Button(h, props, slots, ctx) {
         }
       });
     }
-
     if (slots.icon) {
       return h("div", {
         "class": bem('icon')
       }, [slots.icon()]);
     }
-
     if (icon) {
       return h(Icon, {
         "attrs": {
@@ -100,35 +92,27 @@ function Button(h, props, slots, ctx) {
       });
     }
   }
-
   function renderContent() {
     var content = [];
-
     if (iconPosition === 'left') {
       content.push(renderIcon());
     }
-
     var text;
-
     if (loading) {
       text = loadingText;
     } else {
       text = slots.default ? slots.default() : props.text;
     }
-
     if (text) {
       content.push(h("span", {
         "class": bem('text')
       }, [text]));
     }
-
     if (iconPosition === 'right') {
       content.push(renderIcon());
     }
-
     return content;
   }
-
   return h(tag, _mergeJSXProps([{
     "style": style,
     "class": classes,
@@ -144,7 +128,6 @@ function Button(h, props, slots, ctx) {
     "class": bem('content')
   }, [renderContent()])]);
 }
-
 Button.props = _extends({}, routeProps, {
   text: String,
   icon: String,