zartui 2.1.6 → 2.1.8

package/es/field/index.js

@@ -1,24 +1,21 @@
-import _mergeJSXProps3 from "@vue/babel-helper-vue-jsx-merge-props";
-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, default as _mergeJSXProps3 } from "@vue/babel-helper-vue-jsx-merge-props";
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { formatNumber } from '../utils/format/number';
 import { preventDefault } from '../utils/dom/event';
 import { getRootScrollTop, setRootScrollTop } from '../utils/dom/scroll';
-import { isDef, addUnit, isObject, isPromise, isFunction, createNamespace } from '../utils'; // Components
+import { isDef, addUnit, isObject, isPromise, isFunction, createNamespace } from '../utils';
 
+// Components
 import Icon from '../icon';
 import Cell from '../cell';
 import { cellProps } from '../cell/shared';
 import SearchIcon from "./SearchIcon";
 import ClearIcon from "./ClearIcon";
-
 var _createNamespace = createNamespace('field'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   inheritAttrs: false,
   provide: function provide() {
@@ -111,7 +108,6 @@ export default createComponent({
   mounted: function mounted() {
     this.updateValue(this.value, this.formatTrigger);
     this.$nextTick(this.adjustSize);
-
     if (this.ztForm) {
       this.ztForm.addField(this);
     }
@@ -124,7 +120,6 @@ export default createComponent({
   computed: {
     showClear: function showClear() {
       var readonly = this.getProp('readonly');
-
       if (this.clearable && !readonly) {
         var hasValue = isDef(this.value) && this.value !== '';
         var trigger = this.clearTrigger === 'always' || this.clearTrigger === 'focus' && this.focused;
@@ -135,7 +130,6 @@ export default createComponent({
       if (this.error !== null) {
         return this.error;
       }
-
       if (this.ztForm && this.ztForm.showError && this.validateFailed) {
         return true;
       }
@@ -144,7 +138,6 @@ export default createComponent({
       if (this.ztForm && this.ztForm.showErrorMessage === false) {
         return false;
       }
-
       return !!(this.errorMessage || this.validateMessage);
     },
     listeners: function listeners() {
@@ -158,7 +151,6 @@ export default createComponent({
     },
     labelStyle: function labelStyle() {
       var labelWidth = this.getProp('labelWidth');
-
       if (labelWidth) {
         return {
           width: addUnit(labelWidth)
@@ -169,7 +161,6 @@ export default createComponent({
       if (this.children && (this.$scopedSlots.input || this.$slots.input)) {
         return this.children.value;
       }
-
       return this.value;
     }
   },
@@ -192,11 +183,9 @@ export default createComponent({
     runValidator: function runValidator(value, rule) {
       return new Promise(function (resolve) {
         var returnVal = rule.validator(value, rule);
-
         if (isPromise(returnVal)) {
           return returnVal.then(resolve);
         }
-
         resolve(returnVal);
       });
     },
@@ -204,54 +193,43 @@ export default createComponent({
       if (Array.isArray(value)) {
         return !value.length;
       }
-
       if (value === 0) {
         return false;
       }
-
       return !value;
     },
     runSyncRule: function runSyncRule(value, rule) {
       if (rule.required && this.isEmptyValue(value)) {
         return false;
       }
-
       if (rule.pattern && !rule.pattern.test(value)) {
         return false;
       }
-
       return true;
     },
     getRuleMessage: function getRuleMessage(value, rule) {
       var message = rule.message;
-
       if (isFunction(message)) {
         return message(value, rule);
       }
-
       return message;
     },
     runRules: function runRules(rules) {
       var _this = this;
-
       return rules.reduce(function (promise, rule) {
         return promise.then(function () {
           if (_this.validateFailed) {
             return;
           }
-
           var value = _this.formValue;
-
           if (rule.formatter) {
             value = rule.formatter(value, rule);
           }
-
           if (!_this.runSyncRule(value, rule)) {
             _this.validateFailed = true;
             _this.validateMessage = _this.getRuleMessage(value, rule);
             return;
           }
-
           if (rule.validator) {
             return _this.runValidator(value, rule).then(function (result) {
               if (result === false) {
@@ -265,18 +243,14 @@ export default createComponent({
     },
     validate: function validate(rules) {
       var _this2 = this;
-
       if (rules === void 0) {
         rules = this.rules;
       }
-
       return new Promise(function (resolve) {
         if (!rules) {
           resolve();
         }
-
         _this2.resetValidation();
-
         _this2.runRules(rules).then(function () {
           if (_this2.validateFailed) {
             resolve({
@@ -296,10 +270,8 @@ export default createComponent({
           if (rule.trigger) {
             return rule.trigger === trigger;
           }
-
           return defaultTrigger;
         });
-
         if (rules.length) {
           this.validate(rules);
         }
@@ -315,12 +287,11 @@ export default createComponent({
       if (trigger === void 0) {
         trigger = 'onChange';
       }
+      value = isDef(value) ? String(value) : '';
 
-      value = isDef(value) ? String(value) : ''; // native maxlength have incorrect line-break counting
+      // native maxlength have incorrect line-break counting
       // see: https://github.com/youzan/vant/issues/5033
-
       var maxlength = this.maxlength;
-
       if (isDef(maxlength) && value.length > maxlength) {
         if (this.value && this.value.length === +maxlength) {
           value = this.value;
@@ -328,22 +299,17 @@ export default createComponent({
           value = value.slice(0, maxlength);
         }
       }
-
       if (this.type === 'number' || this.type === 'digit') {
         var isNumber = this.type === 'number';
         value = formatNumber(value, isNumber, isNumber);
       }
-
       if (this.formatter && trigger === this.formatTrigger) {
         value = this.formatter(value);
       }
-
       var input = this.$refs.input;
-
       if (input && value !== input.value) {
         input.value = value;
       }
-
       if (value !== this.value) {
         this.$emit('input', value);
       }
@@ -353,17 +319,15 @@ export default createComponent({
       if (event.target.composing) {
         return;
       }
-
       this.updateValue(event.target.value);
     },
     onFocus: function onFocus(event) {
       this.focused = true;
-      this.$emit('focus', event); // readonly not work in legacy mobile safari
+      this.$emit('focus', event);
 
+      // readonly not work in legacy mobile safari
       /* istanbul ignore if */
-
       var readonly = this.getProp('readonly');
-
       if (readonly) {
         this.blur();
       }
@@ -394,50 +358,41 @@ export default createComponent({
     },
     onKeypress: function onKeypress(event) {
       var ENTER_CODE = 13;
-
       if (event.keyCode === ENTER_CODE) {
         var submitOnEnter = this.getProp('submitOnEnter');
-
         if (!submitOnEnter && this.type !== 'textarea') {
           preventDefault(event);
-        } // trigger blur after click keyboard search button
-
+        }
 
+        // trigger blur after click keyboard search button
         if (this.type === 'search') {
           this.blur();
         }
       }
-
       this.$emit('keypress', event);
     },
     adjustSize: function adjustSize() {
       var input = this.$refs.input;
-
       if (!(this.type === 'textarea' && this.autosize) || !input) {
         return;
       }
-
       var scrollTop = getRootScrollTop();
       input.style.height = 'auto';
       var height = input.scrollHeight;
-
       if (isObject(this.autosize)) {
         var _this$autosize = this.autosize,
-            maxHeight = _this$autosize.maxHeight,
-            minHeight = _this$autosize.minHeight;
-
+          maxHeight = _this$autosize.maxHeight,
+          minHeight = _this$autosize.minHeight;
         if (maxHeight) {
           height = Math.min(height, maxHeight);
         }
-
         if (minHeight) {
           height = Math.max(height, minHeight);
         }
       }
-
       if (height) {
-        input.style.height = height + 'px'; // https://github.com/youzan/vant/issues/9178
-
+        input.style.height = height + 'px';
+        // https://github.com/youzan/vant/issues/9178
         setRootScrollTop(scrollTop);
       }
     },
@@ -449,7 +404,6 @@ export default createComponent({
       var inputSlot = this.slots('input');
       var inputAlign = this.getProp('inputAlign');
       var inputColor = this.getProp('inputColor');
-
       if (inputSlot) {
         return h("div", {
           "class": bem('control', [inputAlign, 'custom']),
@@ -458,7 +412,6 @@ export default createComponent({
           }
         }, [inputSlot]);
       }
-
       var inputProps = {
         ref: 'input',
         class: bem('control', inputAlign),
@@ -481,25 +434,22 @@ export default createComponent({
           color: inputColor
         }
       };
-
       if (type === 'textarea') {
         return h("textarea", _mergeJSXProps([{}, inputProps]));
       }
-
       var inputType = type;
-      var inputMode; // type="number" is weird in iOS, and can't prevent dot in Android
-      // so use inputmode to set keyboard in modern browsers
+      var inputMode;
 
+      // type="number" is weird in iOS, and can't prevent dot in Android
+      // so use inputmode to set keyboard in modern browsers
       if (type === 'number') {
         inputType = 'text';
         inputMode = 'decimal';
       }
-
       if (type === 'digit') {
         inputType = 'tel';
         inputMode = 'numeric';
       }
-
       if (type === 'password') {
         return h("input", _mergeJSXProps2([{
           "attrs": {
@@ -508,7 +458,6 @@ export default createComponent({
           }
         }, inputProps]));
       }
-
       return h("input", _mergeJSXProps3([{
         "attrs": {
           "type": inputType,
@@ -518,7 +467,6 @@ export default createComponent({
     },
     genLeftIcon: function genLeftIcon() {
       var h = this.$createElement;
-
       if (this.slots('left-icon')) {
         return h("div", {
           "attrs": {
@@ -558,7 +506,6 @@ export default createComponent({
       var h = this.$createElement;
       var slots = this.slots;
       var showRightIcon = slots('right-icon') || this.rightIcon;
-
       if (showRightIcon) {
         return h("div", {
           "class": bem('right-icon'),
@@ -575,7 +522,6 @@ export default createComponent({
     },
     genWordLimit: function genWordLimit() {
       var h = this.$createElement;
-
       if (this.showWordLimit && this.maxlength) {
         var count = (this.value || '').length;
         return h("div", {
@@ -587,13 +533,10 @@ export default createComponent({
     },
     genMessage: function genMessage() {
       var h = this.$createElement;
-
       if (this.ztForm && this.ztForm.showErrorMessage === false) {
         return;
       }
-
       var message = this.errorMessage || this.validateMessage;
-
       if (message) {
         var errorMessageAlign = this.getProp('errorMessageAlign');
         return h("div", {
@@ -605,7 +548,6 @@ export default createComponent({
       if (isDef(this[key])) {
         return this[key];
       }
-
       if (this.ztForm && isDef(this.ztForm[key])) {
         return this.ztForm[key];
       }
@@ -613,11 +555,9 @@ export default createComponent({
     genLabel: function genLabel() {
       var h = this.$createElement;
       var colon = this.getProp('colon') ? ':' : '';
-
       if (this.slots('label')) {
         return [this.slots('label'), colon];
       }
-
       if (this.label) {
         return h("span", {
           "class": bem('label-content')
@@ -627,35 +567,31 @@ export default createComponent({
   },
   render: function render() {
     var _bem2;
-
     var h = arguments[0];
     var slots = this.slots;
     var disabled = this.getProp('disabled');
     var labelAlign = this.getProp('labelAlign');
     var scopedSlots = {};
     var SlotIcon = this.genLeftIcon();
-
     if (SlotIcon) {
       scopedSlots.icon = function () {
         return SlotIcon;
       };
     }
-
     var Label = this.genLabel();
-
     if (Label) {
       scopedSlots.title = function () {
         return Label;
       };
-    } // const extra = this.slots('extra');
+    }
+
+    // const extra = this.slots('extra');
     // if (extra) {
     //   scopedSlots.extra = () => extra;
     // }
 
-
     if (this.direction === 'column') {
       var _bem;
-
       return h("div", {
         "class": [bem('root'), bem("column")]
       }, [h(Cell, {
@@ -730,7 +666,6 @@ export default createComponent({
         "class": bem('button')
       }, [slots('button')]), slots('extra')])])]), this.genMessage()]);
     }
-
     return h("div", {
       "class": bem('root')
     }, [h(Cell, {

package/es/fold-dialog/index.js

@@ -1,9 +1,7 @@
 import { createNamespace } from '../utils';
-
 var _createNamespace = createNamespace('fold-dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     title: {
@@ -41,11 +39,9 @@ export default createComponent({
       // 是否被截取
       var isCutOut = this.offset !== this.content.length;
       var realText = this.content;
-
       if (isCutOut && !this.expanded) {
         realText = this.content.slice(0, this.offset) + "...";
       }
-
       return realText;
     }
   },
@@ -55,10 +51,8 @@ export default createComponent({
   methods: {
     init: function init() {
       var _this = this;
-
       var _this$getLines = this.getLines(),
-          len = _this$getLines.len;
-
+        len = _this$getLines.len;
       if (len === 0) {
         setTimeout(function () {
           _this.init();
@@ -69,7 +63,6 @@ export default createComponent({
           this.$nextTick(function () {
             _this.buttonBoxWidth = _this.$refs.buttonRef.clientWidth;
             _this.textBoxWidth = _this.$refs.textOverflow.clientWidth;
-
             _this.calculateOffset(0, _this.content.length);
           });
         }
@@ -77,39 +70,31 @@ export default createComponent({
     },
     calculateOffset: function calculateOffset(from, to) {
       var _this2 = this;
-
       this.$nextTick(function () {
         if (Math.abs(from - to) <= 1) return;
-
         if (_this2.isOverflow()) {
           to = _this2.offset;
         } else {
           from = _this2.offset;
         }
-
         _this2.offset = Math.floor((from + to) / 2);
-
         _this2.calculateOffset(from, to);
       });
     },
     isOverflow: function isOverflow() {
       var _this$getLines2 = this.getLines(),
-          len = _this$getLines2.len,
-          lastWidth = _this$getLines2.lastWidth;
-
+        len = _this$getLines2.len,
+        lastWidth = _this$getLines2.lastWidth;
       if (len < this.maxLines) {
         return false;
       }
-
       if (this.maxLines) {
         // 超出部分 行数 > 最大行数 或则  已经是最大行数但最后一行宽度 + 后面内容超出正常宽度
         var lastLineOver = !!(len === this.maxLines && lastWidth + this.buttonBoxWidth > this.textBoxWidth);
-
         if (len > this.maxLines || lastLineOver) {
           return true;
         }
       }
-
       return false;
     },
     getLines: function getLines() {

package/es/form/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { sortChildren } from '../utils/vnodes';
-
 var _createNamespace = createNamespace('form'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     colon: Boolean,
@@ -50,17 +48,13 @@ export default createComponent({
           return names.indexOf(field.name) !== -1;
         });
       }
-
       return this.fields;
     },
     validateSeq: function validateSeq(names) {
       var _this = this;
-
       return new Promise(function (resolve, reject) {
         var errors = [];
-
         var fields = _this.getFieldsByNames(names);
-
         fields.reduce(function (promise, field) {
           return promise.then(function () {
             if (!errors.length) {
@@ -82,17 +76,14 @@ export default createComponent({
     },
     validateFields: function validateFields(names) {
       var _this2 = this;
-
       return new Promise(function (resolve, reject) {
         var fields = _this2.getFieldsByNames(names);
-
         Promise.all(fields.map(function (item) {
           return item.validate();
         })).then(function (errors) {
           errors = errors.filter(function (item) {
             return item;
           });
-
           if (errors.length) {
             reject(errors);
           } else {
@@ -106,14 +97,12 @@ export default createComponent({
       if (name && !Array.isArray(name)) {
         return this.validateField(name);
       }
-
       return this.validateFirst ? this.validateSeq(name) : this.validateFields(name);
     },
     validateField: function validateField(name) {
       var matched = this.fields.filter(function (item) {
         return item.name === name;
       });
-
       if (matched.length) {
         return new Promise(function (resolve, reject) {
           matched[0].validate().then(function (error) {
@@ -125,7 +114,6 @@ export default createComponent({
           });
         });
       }
-
       return Promise.reject();
     },
     // @exposed-api
@@ -133,7 +121,6 @@ export default createComponent({
       if (name && !Array.isArray(name)) {
         name = [name];
       }
-
       var fields = this.getFieldsByNames(name);
       fields.forEach(function (item) {
         item.resetValidation();
@@ -146,7 +133,6 @@ export default createComponent({
           item.$el.scrollIntoView(options);
           return true;
         }
-
         return false;
       });
     },
@@ -172,7 +158,6 @@ export default createComponent({
     // @exposed-api
     submit: function submit() {
       var _this3 = this;
-
       var values = this.getValues();
       this.validate().then(function () {
         _this3.$emit('submit', values);
@@ -181,7 +166,6 @@ export default createComponent({
           values: values,
           errors: errors
         });
-
         if (_this3.scrollToError) {
           _this3.scrollToField(errors[0].name);
         }

package/es/grid/index.js

@@ -1,11 +1,9 @@
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('grid'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztGrid')],
   props: {
@@ -30,7 +28,6 @@ export default createComponent({
   computed: {
     style: function style() {
       var gutter = this.gutter;
-
       if (gutter) {
         return {
           paddingLeft: addUnit(gutter)
@@ -40,7 +37,6 @@ export default createComponent({
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     return h("div", {
       "style": this.style,