zartui 2.0.79 → 2.0.80-beta.1

package/es/collapse-item/index.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace } from '../utils';
-import { raf, doubleRaf } from '../utils/dom/raf'; // Mixins
+import { raf, doubleRaf } from '../utils/dom/raf';
 
-import { ChildrenMixin } from '../mixins/relation'; // Components
+// Mixins
+import { ChildrenMixin } from '../mixins/relation';
 
+// Components
 import Cell from '../cell';
 import { cellProps } from '../cell/shared';
 import Icon from "../icon";
-
 var _createNamespace = createNamespace('collapse-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var CELL_SLOTS = ['title', 'icon', 'right-icon'];
 export default createComponent({
   mixins: [ChildrenMixin('ztCollapse')],
@@ -37,25 +37,20 @@ export default createComponent({
   computed: {
     currentName: function currentName() {
       var _this$name;
-
       return (_this$name = this.name) != null ? _this$name : this.index;
     },
     expanded: function expanded() {
       var _this = this;
-
       if (!this.parent) {
         return null;
       }
-
       var _this$parent = this.parent,
-          value = _this$parent.value,
-          accordion = _this$parent.accordion;
-
+        value = _this$parent.value,
+        accordion = _this$parent.accordion;
       if (process.env.NODE_ENV === 'development' && !accordion && !Array.isArray(value)) {
         console.error('[zart] Collapse: type of prop "value" should be Array');
         return;
       }
-
       return accordion ? value === this.currentName : value.some(function (name) {
         return name === _this.currentName;
       });
@@ -68,34 +63,30 @@ export default createComponent({
   watch: {
     expanded: function expanded(_expanded, prev) {
       var _this2 = this;
-
       if (prev === null) {
         return;
       }
-
       if (_expanded) {
         this.show = true;
         this.inited = true;
-      } // Use raf: flick when opened in safari
-      // Use nextTick: closing animation failed when set `user-select: none`
-
+      }
 
+      // Use raf: flick when opened in safari
+      // Use nextTick: closing animation failed when set `user-select: none`
       var nextTick = _expanded ? this.$nextTick : raf;
       nextTick(function () {
         var _this2$$refs = _this2.$refs,
-            content = _this2$$refs.content,
-            wrapper = _this2$$refs.wrapper;
-
+          content = _this2$$refs.content,
+          wrapper = _this2$$refs.wrapper;
         if (!content || !wrapper) {
           return;
         }
-
         var offsetHeight = content.offsetHeight;
-
         if (offsetHeight) {
           var contentHeight = offsetHeight + "px";
-          wrapper.style.height = _expanded ? 0 : contentHeight; // use double raf to ensure animation can start
+          wrapper.style.height = _expanded ? 0 : contentHeight;
 
+          // use double raf to ensure animation can start
           doubleRaf(function () {
             wrapper.style.height = _expanded ? contentHeight : 0;
           });
@@ -116,9 +107,8 @@ export default createComponent({
       if (expanded === void 0) {
         expanded = !this.expanded;
       }
-
       var parent = this.parent,
-          currentName = this.currentName;
+        currentName = this.currentName;
       var close = parent.accordion && currentName === parent.value;
       var name = close ? '' : currentName;
       this.parent.switch(name, expanded);
@@ -132,12 +122,11 @@ export default createComponent({
     },
     genTitle: function genTitle() {
       var _this3 = this;
-
       var h = this.$createElement;
       var border = this.border,
-          disabled = this.disabled,
-          expanded = this.expanded,
-          titleBG = this.titleBG;
+        disabled = this.disabled,
+        expanded = this.expanded,
+        titleBG = this.titleBG;
       var titleSlots = CELL_SLOTS.reduce(function (slots, name) {
         slots['right-icon'] = function () {
           return h(Icon, {
@@ -147,22 +136,18 @@ export default createComponent({
             }
           });
         };
-
         if (_this3.slots(name)) {
           slots[name] = function () {
             return _this3.slots(name);
           };
         }
-
         return slots;
       }, {});
-
       if (this.slots('value')) {
         titleSlots.default = function () {
           return _this3.slots('value');
         };
       }
-
       return h("div", {
         "class": bem("container") + " half-border-bottom",
         "style": titleBG ? "background:" + titleBG + ";color:#fff;" : ""
@@ -192,7 +177,6 @@ export default createComponent({
     },
     genContent: function genContent() {
       var h = this.$createElement;
-
       if (this.inited) {
         return h("div", {
           "directives": [{

package/es/count-down/index.js

@@ -1,11 +1,9 @@
 import { createNamespace, inBrowser } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
 import { isSameSecond, parseTimeData, parseFormat } from './utils';
-
 var _createNamespace = createNamespace('count-down'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     millisecond: Boolean,
@@ -67,7 +65,6 @@ export default createComponent({
       if (this.counting) {
         return;
       }
-
       this.counting = true;
       this.endTime = Date.now() + this.remain;
       this.tick();
@@ -81,7 +78,6 @@ export default createComponent({
     reset: function reset() {
       this.pause();
       this.remain = +this.time;
-
       if (this.autoStart) {
         this.start();
       }
@@ -92,7 +88,6 @@ export default createComponent({
       if (!inBrowser) {
         return;
       }
-
       if (this.millisecond) {
         this.microTick();
       } else {
@@ -101,16 +96,13 @@ export default createComponent({
     },
     microTick: function microTick() {
       var _this = this;
-
       this.rafId = raf(function () {
         /* istanbul ignore if */
         // in case of call reset immediately after finish
         if (!_this.counting) {
           return;
         }
-
         _this.setRemain(_this.getRemain());
-
         if (_this.remain > 0) {
           _this.microTick();
         }
@@ -118,20 +110,16 @@ export default createComponent({
     },
     macroTick: function macroTick() {
       var _this2 = this;
-
       this.rafId = raf(function () {
         /* istanbul ignore if */
         // in case of call reset immediately after finish
         if (!_this2.counting) {
           return;
         }
-
         var remain = _this2.getRemain();
-
         if (!isSameSecond(remain, _this2.remain) || remain === 0) {
           _this2.setRemain(remain);
         }
-
         if (_this2.remain > 0) {
           _this2.macroTick();
         }
@@ -143,7 +131,6 @@ export default createComponent({
     setRemain: function setRemain(remain) {
       this.remain = remain;
       this.$emit('change', this.timeData);
-
       if (remain === 0) {
         this.pause();
         this.$emit('finish');

package/es/count-down/utils.js

@@ -20,37 +20,31 @@ export function parseTimeData(time) {
 export function parseFormat(format, timeData) {
   var days = timeData.days;
   var hours = timeData.hours,
-      minutes = timeData.minutes,
-      seconds = timeData.seconds,
-      milliseconds = timeData.milliseconds;
-
+    minutes = timeData.minutes,
+    seconds = timeData.seconds,
+    milliseconds = timeData.milliseconds;
   if (format.indexOf('DD') === -1) {
     hours += days * 24;
   } else {
     format = format.replace('DD', padZero(days));
   }
-
   if (format.indexOf('HH') === -1) {
     minutes += hours * 60;
   } else {
     format = format.replace('HH', padZero(hours));
   }
-
   if (format.indexOf('mm') === -1) {
     seconds += minutes * 60;
   } else {
     format = format.replace('mm', padZero(minutes));
   }
-
   if (format.indexOf('ss') === -1) {
     milliseconds += seconds * 1000;
   } else {
     format = format.replace('ss', padZero(seconds));
   }
-
   if (format.indexOf('S') !== -1) {
     var ms = padZero(milliseconds, 3);
-
     if (format.indexOf('SSS') !== -1) {
       format = format.replace('SSS', ms);
     } else if (format.indexOf('SS') !== -1) {
@@ -59,7 +53,6 @@ export function parseFormat(format, timeData) {
       format = format.replace('S', ms.charAt(0));
     }
   }
-
   return format;
 }
 export function isSameSecond(time1, time2) {

package/es/datetime-picker/DatePicker.js

@@ -7,10 +7,8 @@ import { getTrueValue, getMonthEndDay } from './utils';
 import { sharedProps, TimePickerMixin } from './shared';
 import { formatDateByDate, FORMAT } from '../utils/format/date-util';
 var currentYear = new Date().getFullYear();
-
 var _createNamespace = createNamespace('date-picker'),
-    createComponent = _createNamespace[0];
-
+  createComponent = _createNamespace[0];
 export default createComponent({
   mixins: [TimePickerMixin],
   props: _extends({}, sharedProps, {
@@ -37,7 +35,6 @@ export default createComponent({
     filter: 'updateInnerValue',
     minDate: function minDate() {
       var _this = this;
-
       this.$nextTick(function () {
         _this.updateInnerValue();
       });
@@ -45,14 +42,12 @@ export default createComponent({
     maxDate: function maxDate(value) {
       var value1 = "";
       var value2 = "";
-
       try {
         value1 = this.innerValue.valueOf();
         value2 = value.valueOf();
       } catch (error) {
         console.warn("zartui datetime-picker maxDate valueOf error", error);
       }
-
       if (value1 && value2 && value1 >= value2) {
         this.innerValue = value;
       } else {
@@ -61,14 +56,12 @@ export default createComponent({
     },
     value: function value(val) {
       val = this.formatValue(val);
-
       try {
         if (val && val.valueOf() !== this.innerValue.valueOf()) {
           this.innerValue = val;
         }
       } catch (error) {
         console.warn("zartui datetime-picker value valueOf error", error);
-
         if (val && this.innerValue === null) {
           this.innerValue = val;
         }
@@ -78,19 +71,17 @@ export default createComponent({
   computed: {
     ranges: function ranges() {
       var _this$getBoundary = this.getBoundary('max', this.innerValue ? this.innerValue : this.minDate),
-          maxYear = _this$getBoundary.maxYear,
-          maxDate = _this$getBoundary.maxDate,
-          maxMonth = _this$getBoundary.maxMonth,
-          maxHour = _this$getBoundary.maxHour,
-          maxMinute = _this$getBoundary.maxMinute;
-
+        maxYear = _this$getBoundary.maxYear,
+        maxDate = _this$getBoundary.maxDate,
+        maxMonth = _this$getBoundary.maxMonth,
+        maxHour = _this$getBoundary.maxHour,
+        maxMinute = _this$getBoundary.maxMinute;
       var _this$getBoundary2 = this.getBoundary('min', this.innerValue ? this.innerValue : this.minDate),
-          minYear = _this$getBoundary2.minYear,
-          minDate = _this$getBoundary2.minDate,
-          minMonth = _this$getBoundary2.minMonth,
-          minHour = _this$getBoundary2.minHour,
-          minMinute = _this$getBoundary2.minMinute;
-
+        minYear = _this$getBoundary2.minYear,
+        minDate = _this$getBoundary2.minDate,
+        minMonth = _this$getBoundary2.minMonth,
+        minHour = _this$getBoundary2.minHour,
+        minMinute = _this$getBoundary2.minMinute;
       var result = [{
         type: 'year',
         range: [minYear, maxYear]
@@ -107,25 +98,20 @@ export default createComponent({
         type: 'minute',
         range: [minMinute, maxMinute]
       }];
-
       switch (this.type) {
         case 'date':
           result = result.slice(0, 3);
           break;
-
         case 'year-month':
           result = result.slice(0, 2);
           break;
-
         case 'month-day':
           result = result.slice(1, 3);
           break;
-
         case 'datehour':
           result = result.slice(0, 4);
           break;
       }
-
       if (this.columnsOrder) {
         var columnsOrder = this.columnsOrder.concat(result.map(function (column) {
           return column.type;
@@ -134,14 +120,12 @@ export default createComponent({
           return columnsOrder.indexOf(a.type) - columnsOrder.indexOf(b.type);
         });
       }
-
       return result;
     }
   },
   methods: {
     formatValue: function formatValue(value) {
       var _this2 = this;
-
       if (typeof value === "string") {
         try {
           value = value.replace(/-/g, "/");
@@ -150,11 +134,9 @@ export default createComponent({
           console.error("datetime-picker strToDate error", error);
         }
       }
-
       if (!isDate(value)) {
         return null;
       }
-
       var minDate = new Date(this.minDate);
       var maxDate = new Date(this.maxDate);
       var dateMethods = {
@@ -164,11 +146,10 @@ export default createComponent({
         hour: 'getHours',
         minute: 'getMinutes'
       };
-
       if (this.originColumns) {
         var dateColumns = this.originColumns.map(function (_ref, index) {
           var type = _ref.type,
-              values = _ref.values;
+            values = _ref.values;
           var range = _this2.ranges[index].range;
           var minDateVal = minDate[dateMethods[type]]();
           var maxDateVal = maxDate[dateMethods[type]]();
@@ -179,7 +160,6 @@ export default createComponent({
             values: [minDateVal < range[0] ? Math.max(minDateVal, min) : min || minDateVal, maxDateVal > range[1] ? Math.min(maxDateVal, max) : max || maxDateVal]
           };
         });
-
         if (this.type === 'month-day') {
           var year = (this.innerValue || this.minDate).getFullYear();
           dateColumns.unshift({
@@ -187,10 +167,8 @@ export default createComponent({
             values: [year, year]
           });
         }
-
         var dates = Object.keys(dateMethods).map(function (type) {
           var _dateColumns$filter$;
-
           return (_dateColumns$filter$ = dateColumns.filter(function (item) {
             return item.type === type;
           })[0]) == null ? void 0 : _dateColumns$filter$.values;
@@ -204,73 +182,58 @@ export default createComponent({
           return getTrueValue(val[1]);
         }));
       }
-
       value = Math.max(value, minDate.getTime());
       value = Math.min(value, maxDate.getTime());
       return new Date(value);
     },
     getBoundary: function getBoundary(type, value) {
       var _ref2;
-
       var boundary = this[type + "Date"];
       var year = boundary.getFullYear();
       var month = 1;
       var date = 1;
       var hour = 0;
       var minute = 0;
-
       if (type === 'max') {
         month = 12;
         date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
         hour = 23;
         minute = 59;
       }
-
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
-
         if (value.getMonth() + 1 === month) {
           date = boundary.getDate();
-
           if (value.getDate() === date) {
             hour = boundary.getHours();
-
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
             }
           }
         }
       }
-
       return _ref2 = {}, _ref2[type + "Year"] = year, _ref2[type + "Month"] = month, _ref2[type + "Date"] = date, _ref2[type + "Hour"] = hour, _ref2[type + "Minute"] = minute, _ref2;
     },
     updateInnerValue: function updateInnerValue() {
       var _this3 = this;
-
       var type = this.type;
       var indexes = this.getPicker().getIndexes();
-
       if (!indexes || indexes.length === 0) {
         return;
       }
-
       var getValue = function getValue(type) {
         var index = 0;
-
         _this3.originColumns.forEach(function (column, columnIndex) {
           if (type === column.type) {
             index = columnIndex;
           }
         });
-
         var values = _this3.originColumns[index].values;
         return getTrueValue(values[indexes[index]]);
       };
-
       var year;
       var month;
       var day;
-
       if (type === 'month-day') {
         year = (this.innerValue || this.minDate).getFullYear();
         month = getValue('month');
@@ -280,110 +243,89 @@ export default createComponent({
         month = getValue('month');
         day = type === 'year-month' ? 1 : getValue('day');
       }
-
       var maxDay = getMonthEndDay(year, month);
       day = day > maxDay ? maxDay : day;
       var hour = 0;
       var minute = 0;
-
       if (type === 'datehour') {
         hour = getValue('hour');
       }
-
       if (type === 'datetime') {
         hour = getValue('hour');
         minute = getValue('minute');
       }
-
       var value = new Date(year, month - 1, day, hour, minute);
       this.innerValue = this.formatValue(value);
     },
     onChange: function onChange(picker) {
       var _this4 = this;
-
       this.updateInnerValue();
       this.$nextTick(function () {
         _this4.$nextTick(function () {
           // https://github.com/vant-ui/vant/issues/9775
           _this4.updateInnerValue();
-
           _this4.$emit('change', picker);
         });
       });
     },
     updateColumnValue: function updateColumnValue() {
       var _this5 = this;
-
       // 根据type将默认时间和最大最小时间转换后再比较
       // 如果调用者传入new Date(),与此处new Date()会有时间差，目前只支持到分钟，可以忽略时间差
       var now = new Date();
       var dStr = "";
       var minStr = "";
       var maxStr = "";
-
       switch (this.type) {
         case "date":
           dStr = formatDateByDate(now, FORMAT.FORMAT_YMD);
           minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMD);
           maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMD);
           break;
-
         case "year-month":
           dStr = formatDateByDate(now, FORMAT.FORMAT_YM);
           minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YM);
           maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YM);
           break;
-
         case "month-day":
           dStr = formatDateByDate(now, FORMAT.FORMAT_MD);
           minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_MD);
           maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_MD);
           break;
-
         case "datetime":
           dStr = formatDateByDate(now, FORMAT.FORMAT_YMDHM);
           minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMDHM);
           maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMDHM);
           break;
-
         case "datehour":
           // "2022/11/11 14"这种格式无法使用new Date
           dStr = formatDateByDate(now, FORMAT.FORMAT_YMDH) + ":00:00";
           minStr = formatDateByDate(this.minDate, FORMAT.FORMAT_YMDH) + ":00:00";
           maxStr = formatDateByDate(this.maxDate, FORMAT.FORMAT_YMDH) + ":00:00";
           break;
-
         default:
           break;
       }
-
       var defaultValue = new Date(dStr.replace(/-/g, "/"));
       var minDate = new Date(minStr.replace(/-/g, "/"));
       var maxDate = new Date(maxStr.replace(/-/g, "/"));
-
       if (defaultValue < minDate || defaultValue > maxDate) {
         defaultValue = this.minDate;
       }
-
       var value = this.innerValue ? this.innerValue : defaultValue;
       var formatter = this.formatter;
       var values = this.originColumns.map(function (column) {
         switch (column.type) {
           case 'year':
             return formatter('year', "" + value.getFullYear());
-
           case 'month':
             return formatter('month', padZero(value.getMonth() + 1));
-
           case 'day':
             return formatter('day', padZero(value.getDate()));
-
           case 'hour':
             return formatter('hour', padZero(value.getHours()));
-
           case 'minute':
             return formatter('minute', padZero(value.getMinutes()));
-
           default:
             // no default
             return null;