zartui 2.1.6 → 2.1.8

package/lib/field/index.js

@@ -1,41 +1,28 @@
 "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 _resetScroll = require("../utils/dom/reset-scroll");
-
 var _number = require("../utils/format/number");
-
 var _event = require("../utils/dom/event");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _utils = require("../utils");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _cell = _interopRequireDefault(require("../cell"));
-
 var _shared = require("../cell/shared");
-
 var _SearchIcon = _interopRequireDefault(require("./SearchIcon"));
-
 var _ClearIcon = _interopRequireDefault(require("./ClearIcon"));
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('field'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
-var _default = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('field'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   inheritAttrs: false,
   provide: function provide() {
     return {
@@ -127,7 +114,6 @@ var _default = createComponent({
   mounted: function mounted() {
     this.updateValue(this.value, this.formatTrigger);
     this.$nextTick(this.adjustSize);
-
     if (this.ztForm) {
       this.ztForm.addField(this);
     }
@@ -140,7 +126,6 @@ var _default = createComponent({
   computed: {
     showClear: function showClear() {
       var readonly = this.getProp('readonly');
-
       if (this.clearable && !readonly) {
         var hasValue = (0, _utils.isDef)(this.value) && this.value !== '';
         var trigger = this.clearTrigger === 'always' || this.clearTrigger === 'focus' && this.focused;
@@ -151,7 +136,6 @@ var _default = createComponent({
       if (this.error !== null) {
         return this.error;
       }
-
       if (this.ztForm && this.ztForm.showError && this.validateFailed) {
         return true;
       }
@@ -160,7 +144,6 @@ var _default = createComponent({
       if (this.ztForm && this.ztForm.showErrorMessage === false) {
         return false;
       }
-
       return !!(this.errorMessage || this.validateMessage);
     },
     listeners: function listeners() {
@@ -174,7 +157,6 @@ var _default = createComponent({
     },
     labelStyle: function labelStyle() {
       var labelWidth = this.getProp('labelWidth');
-
       if (labelWidth) {
         return {
           width: (0, _utils.addUnit)(labelWidth)
@@ -185,7 +167,6 @@ var _default = createComponent({
       if (this.children && (this.$scopedSlots.input || this.$slots.input)) {
         return this.children.value;
       }
-
       return this.value;
     }
   },
@@ -208,11 +189,9 @@ var _default = createComponent({
     runValidator: function runValidator(value, rule) {
       return new Promise(function (resolve) {
         var returnVal = rule.validator(value, rule);
-
         if ((0, _utils.isPromise)(returnVal)) {
           return returnVal.then(resolve);
         }
-
         resolve(returnVal);
       });
     },
@@ -220,54 +199,43 @@ var _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 ((0, _utils.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) {
@@ -281,18 +249,14 @@ var _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({
@@ -312,10 +276,8 @@ var _default = createComponent({
           if (rule.trigger) {
             return rule.trigger === trigger;
           }
-
           return defaultTrigger;
         });
-
         if (rules.length) {
           this.validate(rules);
         }
@@ -331,12 +293,11 @@ var _default = createComponent({
       if (trigger === void 0) {
         trigger = 'onChange';
       }
+      value = (0, _utils.isDef)(value) ? String(value) : '';
 
-      value = (0, _utils.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 ((0, _utils.isDef)(maxlength) && value.length > maxlength) {
         if (this.value && this.value.length === +maxlength) {
           value = this.value;
@@ -344,22 +305,17 @@ var _default = createComponent({
           value = value.slice(0, maxlength);
         }
       }
-
       if (this.type === 'number' || this.type === 'digit') {
         var isNumber = this.type === 'number';
         value = (0, _number.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);
       }
@@ -369,17 +325,15 @@ var _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();
       }
@@ -410,50 +364,41 @@ var _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') {
           (0, _event.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 = (0, _scroll.getRootScrollTop)();
       input.style.height = 'auto';
       var height = input.scrollHeight;
-
       if ((0, _utils.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
         (0, _scroll.setRootScrollTop)(scrollTop);
       }
     },
@@ -465,7 +410,6 @@ var _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']),
@@ -474,7 +418,6 @@ var _default = createComponent({
           }
         }, [inputSlot]);
       }
-
       var inputProps = {
         ref: 'input',
         class: bem('control', inputAlign),
@@ -497,25 +440,22 @@ var _default = createComponent({
           color: inputColor
         }
       };
-
       if (type === 'textarea') {
         return h("textarea", (0, _babelHelperVueJsxMergeProps.default)([{}, 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", (0, _babelHelperVueJsxMergeProps.default)([{
           "attrs": {
@@ -524,7 +464,6 @@ var _default = createComponent({
           }
         }, inputProps]));
       }
-
       return h("input", (0, _babelHelperVueJsxMergeProps.default)([{
         "attrs": {
           "type": inputType,
@@ -534,7 +473,6 @@ var _default = createComponent({
     },
     genLeftIcon: function genLeftIcon() {
       var h = this.$createElement;
-
       if (this.slots('left-icon')) {
         return h("div", {
           "attrs": {
@@ -574,7 +512,6 @@ var _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'),
@@ -591,7 +528,6 @@ var _default = createComponent({
     },
     genWordLimit: function genWordLimit() {
       var h = this.$createElement;
-
       if (this.showWordLimit && this.maxlength) {
         var count = (this.value || '').length;
         return h("div", {
@@ -603,13 +539,10 @@ var _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", {
@@ -621,7 +554,6 @@ var _default = createComponent({
       if ((0, _utils.isDef)(this[key])) {
         return this[key];
       }
-
       if (this.ztForm && (0, _utils.isDef)(this.ztForm[key])) {
         return this.ztForm[key];
       }
@@ -629,11 +561,9 @@ var _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')
@@ -643,35 +573,31 @@ var _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.default, {
@@ -746,7 +672,6 @@ var _default = createComponent({
         "class": bem('button')
       }, [slots('button')]), slots('extra')])])]), this.genMessage()]);
     }
-
     return h("div", {
       "class": bem('root')
     }, [h(_cell.default, {
@@ -813,6 +738,4 @@ var _default = createComponent({
       "class": bem('button')
     }, [slots('button')])]), this.genWordLimit(), slots('extra')]), this.genMessage()]);
   }
-});
-
-exports.default = _default;
+});

package/lib/fold-dialog/index.js

@@ -2,14 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _createNamespace = (0, _utils.createNamespace)('fold-dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   props: {
     title: {
       type: String,
@@ -46,11 +43,9 @@ var _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;
     }
   },
@@ -60,10 +55,8 @@ var _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();
@@ -74,7 +67,6 @@ var _default = createComponent({
           this.$nextTick(function () {
             _this.buttonBoxWidth = _this.$refs.buttonRef.clientWidth;
             _this.textBoxWidth = _this.$refs.textOverflow.clientWidth;
-
             _this.calculateOffset(0, _this.content.length);
           });
         }
@@ -82,39 +74,31 @@ var _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() {
@@ -146,6 +130,4 @@ var _default = createComponent({
       }
     }, [this.expanded ? this.foldText : this.unfoldText]) : h()])]);
   }
-});
-
-exports.default = _default;
+});

package/lib/form/index.js

@@ -2,16 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _vnodes = require("../utils/vnodes");
-
 var _createNamespace = (0, _utils.createNamespace)('form'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   props: {
     colon: Boolean,
     disabled: Boolean,
@@ -56,17 +52,13 @@ var _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) {
@@ -88,17 +80,14 @@ var _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 {
@@ -112,14 +101,12 @@ var _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) {
@@ -131,7 +118,6 @@ var _default = createComponent({
           });
         });
       }
-
       return Promise.reject();
     },
     // @exposed-api
@@ -139,7 +125,6 @@ var _default = createComponent({
       if (name && !Array.isArray(name)) {
         name = [name];
       }
-
       var fields = this.getFieldsByNames(name);
       fields.forEach(function (item) {
         item.resetValidation();
@@ -152,7 +137,6 @@ var _default = createComponent({
           item.$el.scrollIntoView(options);
           return true;
         }
-
         return false;
       });
     },
@@ -178,7 +162,6 @@ var _default = createComponent({
     // @exposed-api
     submit: function submit() {
       var _this3 = this;
-
       var values = this.getValues();
       this.validate().then(function () {
         _this3.$emit('submit', values);
@@ -187,7 +170,6 @@ var _default = createComponent({
           values: values,
           errors: errors
         });
-
         if (_this3.scrollToError) {
           _this3.scrollToField(errors[0].name);
         }
@@ -203,6 +185,4 @@ var _default = createComponent({
       }
     }, [this.slots()]);
   }
-});
-
-exports.default = _default;
+});