zartui 2.1.6 → 2.1.7

package/es/datetime-picker/TimePicker.js

@@ -3,10 +3,8 @@ import { createNamespace } from '../utils';
 import { padZero } from '../utils/format/string';
 import { range } from '../utils/format/number';
 import { sharedProps, TimePickerMixin } from './shared';
-
 var _createNamespace = createNamespace('time-picker'),
-    createComponent = _createNamespace[0];
-
+  createComponent = _createNamespace[0];
 export default createComponent({
   mixins: [TimePickerMixin],
   props: _extends({}, sharedProps, {
@@ -46,16 +44,14 @@ export default createComponent({
     filter: 'updateInnerValue',
     minHour: function minHour() {
       var _this = this;
-
       this.$nextTick(function () {
         _this.updateInnerValue();
       });
     },
     maxHour: function maxHour(value) {
       var _this$innerValue$spli = this.innerValue.split(':'),
-          hour = _this$innerValue$spli[0],
-          minute = _this$innerValue$spli[1];
-
+        hour = _this$innerValue$spli[0],
+        minute = _this$innerValue$spli[1];
       if (hour >= value) {
         this.innerValue = this.formatValue(value + ":" + minute);
         this.updateColumnValue();
@@ -66,9 +62,8 @@ export default createComponent({
     minMinute: 'updateInnerValue',
     maxMinute: function maxMinute(value) {
       var _this$innerValue$spli2 = this.innerValue.split(':'),
-          hour = _this$innerValue$spli2[0],
-          minute = _this$innerValue$spli2[1];
-
+        hour = _this$innerValue$spli2[0],
+        minute = _this$innerValue$spli2[1];
       if (minute >= value) {
         this.innerValue = this.formatValue(hour + ":" + value);
         this.updateColumnValue();
@@ -78,7 +73,6 @@ export default createComponent({
     },
     value: function value(val) {
       val = this.formatValue(val);
-
       if (val !== this.innerValue) {
         this.innerValue = val;
         this.updateColumnValue();
@@ -90,27 +84,23 @@ export default createComponent({
       if (!value) {
         value = padZero(this.minHour) + ":" + padZero(this.minMinute);
       }
-
       var _value$split = value.split(':'),
-          hour = _value$split[0],
-          minute = _value$split[1];
-
+        hour = _value$split[0],
+        minute = _value$split[1];
       hour = padZero(range(hour, this.minHour, this.maxHour));
       minute = padZero(range(minute, this.minMinute, this.maxMinute));
       return hour + ":" + minute;
     },
     updateInnerValue: function updateInnerValue() {
       var indexes = this.getPicker().getIndexes();
-
       if (!indexes || indexes.length === 0) {
         return;
       }
-
       var hourIndex = indexes[0],
-          minuteIndex = indexes[1];
+        minuteIndex = indexes[1];
       var _this$originColumns = this.originColumns,
-          hourColumn = _this$originColumns[0],
-          minuteColumn = _this$originColumns[1];
+        hourColumn = _this$originColumns[0],
+        minuteColumn = _this$originColumns[1];
       var hour = hourColumn.values[hourIndex] || hourColumn.values[0];
       var minute = minuteColumn.values[minuteIndex] || minuteColumn.values[0];
       this.innerValue = this.formatValue(hour + ":" + minute);
@@ -118,20 +108,17 @@ export default createComponent({
     },
     onChange: function onChange(picker) {
       var _this2 = this;
-
       this.updateInnerValue();
       this.$nextTick(function () {
         _this2.$nextTick(function () {
           // https://github.com/vant-ui/vant/issues/9775
           _this2.updateInnerValue();
-
           _this2.$emit('change', picker);
         });
       });
     },
     updateColumnValue: function updateColumnValue() {
       var _this3 = this;
-
       var formatter = this.formatter;
       var pair = this.innerValue.split(':');
       var values = [formatter('hour', pair[0]), formatter('minute', pair[1])];

package/es/datetime-picker/index.js

@@ -7,11 +7,9 @@ import Popup from '../popup';
 import Button from '../button';
 import Toast from '../toast';
 import dayjs from 'dayjs';
-
 var _createNamespace = createNamespace('datetime-picker'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export var RANGE_START_PICKER = 0;
 export var RANGE_END_PICKER = 1;
 export default createComponent({
@@ -64,13 +62,11 @@ export default createComponent({
   watch: {
     showPicker: function showPicker(val) {
       var _this = this;
-
       // 在第一次打开popup时，需要初始化内部picker存储的时间列index，避免初次打开直接关闭，导致picker内部index丢失
       if (val && !this.confirmedPopupPickerIndex) {
         // 注意这里实际上是双层nextTick,为了解决picker组件setConfirmIndex也在nextTick中执行，导致无法正确设置index的问题
         this.$nextTick(function () {
           _this.updatePickerConfirm();
-
           _this.confirmedPopupPickerIndex = true;
         });
       }
@@ -82,20 +78,16 @@ export default createComponent({
       if (this.range) {
         return [this.$refs.rangeStart.getProxiedPicker(), this.$refs.rangeEnd.getProxiedPicker()];
       }
-
       return this.$refs.root.getProxiedPicker();
     },
     genValueText: function genValueText(dateValue, timeValue) {
       var text = '';
-
       if (dateValue.length > 0) {
         text += dateValue.join('/');
       }
-
       if (timeValue.length > 0) {
         text = text + ' ' + timeValue.join(':');
       }
-
       return text;
     },
     genOriginValueText: function genOriginValueText(values) {
@@ -104,11 +96,9 @@ export default createComponent({
       var dateTimeArr = dateTime.split(/[-T:]/);
       var dateValues = [];
       var timeValues = [];
-
       if (this.$refs.rangeStart && this.$refs.rangeStart.originColumns) {
         this.$refs.rangeStart.originColumns.forEach(function (_ref, index) {
           var type = _ref.type;
-
           if (index < dateTimeArr.length) {
             if (['year', 'month', 'day'].includes(type)) {
               dateValues.push(dateTimeArr[index]);
@@ -122,7 +112,6 @@ export default createComponent({
     },
     genRangeHeader: function genRangeHeader() {
       var _this2 = this;
-
       var h = this.$createElement;
       return h("div", {
         "class": bem('title-tab-bar')
@@ -198,23 +187,19 @@ export default createComponent({
     },
     genToolbar: function genToolbar() {
       var h = this.$createElement;
-
       if (this.showToolbar) {
         return h("div", {
           "class": bem('toolbar')
         }, [[this.genCancel(), this.genConfirm()]]);
       }
     },
-
     /**
      * 这里必须手动调用一次picker组件内部pureRecordConfirmIndex，保证picker组件内部confirmIndex是当前选中的时间项index
      */
     updatePickerConfirm: function updatePickerConfirm() {
       var _this3 = this;
-
       this.$nextTick(function () {
         var pickers = _this3.getPicker();
-
         if (Array.isArray(pickers)) {
           pickers.forEach(function (p) {
             return p.pureRecordConfirmIndex();
@@ -230,7 +215,6 @@ export default createComponent({
         Toast('结束日期不能早于开始日期');
         return;
       }
-
       this.updatePickerConfirm();
       this.$emit('update:startValue', this.innerStartValue);
       this.$emit('update:endValue', this.innerEndValue);
@@ -243,20 +227,16 @@ export default createComponent({
   },
   render: function render() {
     var _this4 = this;
-
     var h = arguments[0];
     var Component = this.type === 'time' ? TimePicker : DatePicker;
-
     if (this.range) {
       var props = _extends({}, this.$props, {
         bem: bem,
         showRange: true
       });
-
       var startRangeProps = _extends({}, props, {
         value: this.startValue
       });
-
       var startListener = _extends({}, this.$listeners, {
         input: function input(val) {
           _this4.innerStartValue = val;
@@ -265,11 +245,9 @@ export default createComponent({
           _this4.$emit('startChange', pickerRef);
         }
       });
-
       var endRangeProps = _extends({}, props, {
         value: this.endValue
       });
-
       var endListener = _extends({}, this.$listeners, {
         input: function input(val) {
           _this4.innerEndValue = val;
@@ -278,7 +256,6 @@ export default createComponent({
           _this4.$emit('endChange', pickerRef);
         }
       });
-
       return h(Popup, {
         "attrs": {
           "value": this.showPicker,
@@ -318,7 +295,6 @@ export default createComponent({
         "on": _extends({}, endListener)
       })]), this.genToolbar()]);
     }
-
     return h(Component, {
       "ref": "root",
       "class": bem(),

package/es/datetime-picker/shared.js

@@ -35,19 +35,16 @@ export var TimePickerMixin = {
   computed: {
     originColumns: function originColumns() {
       var _this = this;
-
       return this.ranges.map(function (_ref) {
         var type = _ref.type,
-            rangeArr = _ref.range;
+          rangeArr = _ref.range;
         var values = times(rangeArr[1] - rangeArr[0] + 1, function (index) {
           var value = padZero(rangeArr[0] + index);
           return value;
         });
-
         if (_this.filter) {
           values = _this.filter(type, values);
         }
-
         return {
           type: type,
           values: values
@@ -56,7 +53,6 @@ export var TimePickerMixin = {
     },
     columns: function columns() {
       var _this2 = this;
-
       return this.originColumns.map(function (column) {
         return {
           values: column.values.map(function (value) {
@@ -70,7 +66,6 @@ export var TimePickerMixin = {
       if (this.columnsOrder) {
         return [];
       }
-
       var year = t('year');
       var month = t('month');
       var day = t('day');
@@ -83,8 +78,8 @@ export var TimePickerMixin = {
         time: [hour, minute],
         datetime: [year, month, day, hour, minute],
         datehour: [year, month, day, hour]
-      }; // console.log('type ' + this.type + ' ' + JSON.stringify(presetHeaders[this.type]))
-
+      };
+      // console.log('type ' + this.type + ' ' + JSON.stringify(presetHeaders[this.type]))
       return presetHeaders[this.type] || [];
     }
   },
@@ -99,12 +94,10 @@ export var TimePickerMixin = {
     },
     showPicker: function showPicker() {
       var _this3 = this;
-
       if (this.columnValueNotInited) {
         this.updateColumnValue();
         this.$nextTick(function () {
           _this3.updateInnerValue();
-
           _this3.columnValueNotInited = false;
         });
       }
@@ -112,16 +105,14 @@ export var TimePickerMixin = {
   },
   mounted: function mounted() {
     var _this4 = this;
-
-    var picker = this.getPicker(); // picker UI元素没有准备好，没有columns
-
+    var picker = this.getPicker();
+    // picker UI元素没有准备好，没有columns
     if (!picker || !picker.getColumnCount()) {
       this.columnValueNotInited = true;
     } else {
       this.updateColumnValue();
       this.$nextTick(function () {
         _this4.updateInnerValue();
-
         _this4.columnValueNotInited = false;
       });
     }
@@ -133,18 +124,14 @@ export var TimePickerMixin = {
     // https://github.com/vant-ui/vant/issues/10013
     getProxiedPicker: function getProxiedPicker() {
       var _this5 = this;
-
       var picker = this.$refs.picker;
-
       if (picker) {
         var proxy = function proxy(fn) {
           return function () {
             picker[fn].apply(picker, arguments);
-
             _this5.updateInnerValue();
           };
         };
-
         return _extends({}, picker, {
           setValues: proxy('setValues'),
           setIndexes: proxy('setIndexes'),
@@ -164,13 +151,11 @@ export var TimePickerMixin = {
   },
   render: function render() {
     var _this6 = this;
-
     var h = arguments[0];
     var props = {};
     Object.keys(pickerProps).forEach(function (key) {
       props[key] = _this6[key];
     });
-
     if (this.showRange) {
       _extends(props, {
         popup: false,
@@ -178,7 +163,6 @@ export var TimePickerMixin = {
         title: ''
       });
     }
-
     return h(Picker, {
       "attrs": {
         "show-picker": this.showPicker,

package/es/datetime-picker/utils.js

@@ -3,21 +3,17 @@ export function times(n, iteratee) {
   if (n < 0) {
     return [];
   }
-
   var index = -1;
   var result = Array(n);
-
   while (++index < n) {
     result[index] = iteratee(index);
   }
-
   return result;
 }
 export function getTrueValue(value) {
   if (!value) {
     return 0;
   }
-
   while (isNaN(parseInt(value, 10))) {
     if (value.length > 1) {
       value = value.slice(1);
@@ -25,7 +21,6 @@ export function getTrueValue(value) {
       return 0;
     }
   }
-
   return parseInt(value, 10);
 }
 export function getMonthEndDay(year, month) {

package/es/dialog/Dialog.js

@@ -3,12 +3,10 @@ import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import { PopupMixin } from '../mixins/popup';
 import Button from '../button';
-
 var _createNamespace = createNamespace('dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -64,20 +62,18 @@ export default createComponent({
     },
     handleAction: function handleAction(action) {
       var _this = this;
+      this.$emit(action);
 
-      this.$emit(action); // show not trigger close event when hidden
-
+      // show not trigger close event when hidden
       if (!this.value) {
         return;
       }
-
       if (this.beforeClose) {
         this.loading[action] = true;
         this.beforeClose(action, function (state) {
           if (state !== false && _this.loading[action]) {
             _this.onClose(action);
           }
-
           _this.loading.confirm = false;
           _this.loading.cancel = false;
         });
@@ -87,7 +83,6 @@ export default createComponent({
     },
     onClose: function onClose(action) {
       this.close();
-
       if (this.callback) {
         this.callback(action);
       }
@@ -100,13 +95,10 @@ export default createComponent({
     },
     genButtons: function genButtons() {
       var _this2 = this;
-
       var h = this.$createElement;
-
       if (!this.showCancelButton && !this.showConfirmButton) {
         return "";
       }
-
       return h("div", {
         "class": bem('footer')
       }, [this.showCancelButton && h(Button, {
@@ -148,19 +140,15 @@ export default createComponent({
     },
     genContent: function genContent(hasTitle, messageSlot) {
       var h = this.$createElement;
-
       if (messageSlot) {
         return h("div", {
           "class": bem('content')
         }, [messageSlot]);
       }
-
       var message = this.message,
-          messageAlign = this.messageAlign;
-
+        messageAlign = this.messageAlign;
       if (message) {
         var _bem, _domProps;
-
         var data = {
           class: bem('message', (_bem = {
             'has-title': hasTitle
@@ -176,7 +164,6 @@ export default createComponent({
     },
     genBottom: function genBottom(bottomSlot) {
       var h = this.$createElement;
-
       if (bottomSlot) {
         return h("div", {
           "class": bem('bottom')
@@ -186,11 +173,9 @@ export default createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (!this.shouldRender) {
       return;
     }
-
     var message = this.message;
     var messageSlot = this.slots();
     var customTitle = this.slots('title');

package/es/dialog/index.js

@@ -3,16 +3,13 @@ import Vue from 'vue';
 import ZtDialog from './Dialog';
 import { isServer } from '../utils';
 var instance;
-
 function isInDocument(element) {
   return document.body.contains(element);
 }
-
 function initInstance() {
   if (instance) {
     instance.$destroy();
   }
-
   instance = new (Vue.extend(ZtDialog))({
     el: document.createElement('div'),
     // avoid missing animation when first rendered
@@ -24,25 +21,21 @@ function initInstance() {
     instance.value = value;
   });
 }
-
 function Dialog(options) {
   /* istanbul ignore if */
   if (isServer) {
     return Promise.resolve();
   }
-
   return new Promise(function (resolve, reject) {
     if (!instance || !isInDocument(instance.$el)) {
       initInstance();
     }
-
     _extends(instance, Dialog.currentOptions, options, {
       resolve: resolve,
       reject: reject
     });
   });
 }
-
 Dialog.defaultOptions = {
   value: true,
   title: '',
@@ -72,38 +65,29 @@ Dialog.defaultOptions = {
   }
 };
 Dialog.alert = Dialog;
-
 Dialog.confirm = function (options) {
   return Dialog(_extends({
     showCancelButton: true
   }, options));
 };
-
 Dialog.close = function () {
   if (instance) {
     instance.value = false;
   }
 };
-
 Dialog.setDefaultOptions = function (options) {
   _extends(Dialog.currentOptions, options);
 };
-
 Dialog.resetDefaultOptions = function () {
   Dialog.currentOptions = _extends({}, Dialog.defaultOptions);
 };
-
 Dialog.resetDefaultOptions();
-
 Dialog.install = function () {
   Vue.use(ZtDialog);
 };
-
 Dialog.Component = ZtDialog;
-
 if (typeof Vue.prototype.$dialog === "undefined") {
   Vue.prototype.$dialog = Dialog;
 }
-
 Vue.prototype.$ztDialog = Dialog;
 export default Dialog;

package/es/divider/index.js

@@ -1,15 +1,15 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional'; // Types
+import { inherit } from '../utils/functional';
 
-var _createNamespace = createNamespace('divider'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('divider'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Divider(h, props, slots, ctx) {
   var _bem;
-
   return h("div", _mergeJSXProps([{
     "attrs": {
       "role": "separator"
@@ -23,7 +23,6 @@ function Divider(h, props, slots, ctx) {
     }, _bem["content-" + props.contentPosition] = slots.default, _bem))
   }, inherit(ctx, true)]), [slots.default && slots.default()]);
 }
-
 Divider.props = {
   dashed: Boolean,
   hairline: {