@king-design/vue 2.1.4 → 2.1.5

package/components/datepicker/index.vdt.js

@@ -19,35 +19,39 @@ var _$tmp1 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _this = this;
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    type = _this$get.type,
-    range = _this$get.range,
-    multiple = _this$get.multiple,
-    shortcuts = _this$get.shortcuts;
+      className = _this$get.className,
+      type = _this$get.type,
+      range = _this$get.range,
+      multiple = _this$get.multiple,
+      shortcuts = _this$get.shortcuts;
+
   var _this$value = this.value,
-    value = _this$value.value.value,
-    onChangeDate = _this$value.onChangeDate,
-    onConfirm = _this$value.onConfirm,
-    onChangeTime = _this$value.onChangeTime,
-    onChangeDateForRange = _this$value.onChangeDateForRange,
-    getTimeValue = _this$value.getTimeValue;
+      value = _this$value.value.value,
+      onChangeDate = _this$value.onChangeDate,
+      onConfirm = _this$value.onConfirm,
+      onChangeTime = _this$value.onChangeTime,
+      onChangeDateForRange = _this$value.onChangeDateForRange,
+      getTimeValue = _this$value.getTimeValue;
   var classNameObj = (_classNameObj = {
     'k-datepicker-content': true
   }, _classNameObj[className] = className, _classNameObj[makePanelStyles()] = true, _classNameObj);
   var _this$disabled = this.disabled,
-    isDisabledTime = _this$disabled.isDisabledTime,
-    isDisabledConfirm = _this$disabled.isDisabledConfirm;
+      isDisabledTime = _this$disabled.isDisabledTime,
+      isDisabledConfirm = _this$disabled.isDisabledConfirm;
   var _this$panel = this.panel,
-    startPanel = _this$panel.startPanel,
-    endPanel = _this$panel.endPanel,
-    getPanel = _this$panel.getPanel,
-    startRef = _this$panel.startRef,
-    endRef = _this$panel.endRef;
+      startPanel = _this$panel.startPanel,
+      endPanel = _this$panel.endPanel,
+      getPanel = _this$panel.getPanel,
+      startRef = _this$panel.startRef,
+      endRef = _this$panel.endRef;
+
   var generatePanel = function generatePanel(flag) {
     var panel = getPanel(flag);
     var timeValue = getTimeValue(flag);
@@ -55,11 +59,14 @@ export default function ($props, $blocks, $__proto__) {
       if (type === 'datetime') {
         var dateString = '0000-00-00';
         var timeString = '00:00:00';
+
         if (timeValue) {
           var valueString = _this.formats.getShowString(timeValue).split(/\s+/);
+
           dateString = valueString[0];
           timeString = valueString[1];
         }
+
         return _$cc(Tabs, {
           'type': 'border-card',
           'value': panel.value,
@@ -90,11 +97,14 @@ export default function ($props, $blocks, $__proto__) {
       'isDisabledTime': isDisabledTime
     })], 0, 'k-datepicker-calendar-wrapper');
   };
+
   return _$su.call($this, _$tmp0, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['base-menu'] = function ($super) {
       var _this2 = this;
+
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
         'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _mapInstanceProperty(shortcuts).call(shortcuts, function ($value) {
@@ -113,17 +123,21 @@ export default function ($props, $blocks, $__proto__) {
       });
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];
+
       var callBlock = function callBlock() {
         return _$blocks['base-menu'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), (_$blocks['suffix'] = function ($super) {
       return _$cc(Icon, _$tmp1);
     }, __$blocks['suffix'] = function ($super, data) {
       var block = $blocks['suffix'];
+
       var callBlock = function callBlock() {
         return _$blocks['suffix'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/datepicker/shortcuts.d.ts

@@ -1,6 +1,6 @@
 import { Children } from 'intact-vue-next';
 import { Value } from './basepicker';
-export type Shortcut = {
+export declare type Shortcut = {
     label: (() => Children) | Children;
     value: () => Value | [Value, Value];
 };

package/components/datepicker/shortcuts.js

@@ -1,17 +1,21 @@
 import { _$ } from '../../i18n';
+
 function now() {
   return new Date();
 }
+
 function days(days) {
   var now = new Date();
   now.setDate(now.getDate() + days);
   return now;
 }
+
 function months(months) {
   var now = new Date();
   now.setMonth(now.getMonth() + months);
   return now;
 }
+
 export var today = {
   label: function label() {
     return _$('今天');

package/components/datepicker/styles.js

@@ -9,22 +9,28 @@ var defaults = {
   item: {
     gutter: "7px",
     height: "24px",
+
     get hoverBgColor() {
       return theme.color.bg;
     },
+
     get exceedColor() {
       return theme.color.disabled;
     },
+
     get todayBorder() {
       return "1px solid " + theme.color.border;
     },
+
     get borderRadius() {
       return theme.borderRadius;
     },
+
     active: {
       get bgColor() {
         return theme.color.primary;
       },
+
       color: "#fff",
       todayBorderColor: "transparent"
     },
@@ -36,6 +42,7 @@ var defaults = {
       get bgColor() {
         return palette(datepicker.item.active.bgColor, -4);
       }
+
     }
   },
   weekday: {
@@ -56,6 +63,7 @@ var defaults = {
       get hoverBgcolor() {
         return theme.color.bg;
       },
+
       height: '32px',
       padding: '0 16px'
     }

package/components/datepicker/time.d.ts

@@ -7,7 +7,7 @@ export interface DatepickerTimeProps {
     flag: PanelFlags;
     isDisabledTime: (v: Dayjs, flag: PanelFlags) => boolean;
 }
-type Value = {
+declare type Value = {
     h: number;
     m: number;
     s: number;

package/components/datepicker/time.js

@@ -14,20 +14,27 @@ var defaultValue = {
 };
 export var DatepickerTime = /*#__PURE__*/function (_Component) {
   _inheritsLoose(DatepickerTime, _Component);
+
   function DatepickerTime() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.value = useState(defaultValue);
     _this.disabled = useDisable(_assertThisInitialized(_this));
     return _this;
   }
+
   var _proto = DatepickerTime.prototype;
+
   _proto.init = function init() {
     var _this2 = this;
+
     this.watch('value', function (v) {
       _this2.value.set(v ? {
         h: v.hour(),
@@ -36,28 +43,38 @@ export var DatepickerTime = /*#__PURE__*/function (_Component) {
       } : defaultValue);
     });
   };
+
   _proto.changeHour = function changeHour(v) {
     this.changeValue(v, 'h');
   };
+
   _proto.changeMinute = function changeMinute(v) {
     this.changeValue(v, 'm');
   };
+
   _proto.changeSecond = function changeSecond(v) {
     this.changeValue(v, 's');
   };
+
   _proto.changeValue = function changeValue(v, type) {
     var value = this.get('value') || getNowDate();
     this.set('value', value.set(type, v));
   };
+
   return DatepickerTime;
 }(Component);
 DatepickerTime.template = template;
+
 __decorate([bind], DatepickerTime.prototype, "changeHour", null);
+
 __decorate([bind], DatepickerTime.prototype, "changeMinute", null);
+
 __decorate([bind], DatepickerTime.prototype, "changeSecond", null);
+
 var hourRegExp = /h/i;
 var secondRegExp = /s/;
 var minuteRegExp = /m/;
+
 function useDisable(instance) {
   var disableSeconds = useState(false);
   var disableMinutes = useState(false);
@@ -67,15 +84,18 @@ function useDisable(instance) {
     disableMinutes.set(!minuteRegExp.test(format));
     disableHours.set(!hourRegExp.test(format));
   });
+
   function disableItem(v, type) {
     var _instance$get = instance.get(),
-      value = _instance$get.value,
-      isDisabledTime = _instance$get.isDisabledTime,
-      flag = _instance$get.flag;
+        value = _instance$get.value,
+        isDisabledTime = _instance$get.isDisabledTime,
+        flag = _instance$get.flag;
+
     if (!value) return false;
     value = value.set(type, v);
     return isDisabledTime(value, flag);
   }
+
   return {
     disableSeconds: disableSeconds,
     disableMinutes: disableMinutes,

package/components/datepicker/time.vdt.js

@@ -4,15 +4,16 @@ import { hours, minutes, seconds } from './constants';
 import { makeTimeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var value = this.value.value;
   var _this$disabled = this.disabled,
-    disableHours = _this$disabled.disableHours,
-    disableMinutes = _this$disabled.disableMinutes,
-    disableSeconds = _this$disabled.disableSeconds,
-    disableItem = _this$disabled.disableItem;
+      disableHours = _this$disabled.disableHours,
+      disableMinutes = _this$disabled.disableMinutes,
+      disableSeconds = _this$disabled.disableSeconds,
+      disableItem = _this$disabled.disableItem;
   var classNameObj = (_classNameObj = {
     'k-datepicker-time': true
   }, _classNameObj[makeTimeStyles()] = true, _classNameObj);

package/components/datepicker/useDays.js

@@ -3,19 +3,24 @@ import dayjs from 'dayjs';
 import { clearTime, isEqual } from './helpers';
 export function useDays(showDate, status, focusDate) {
   var instance = useInstance();
+
   function getDays(now) {
-    var days = [];
-    // dayjs is immutable, so we convert to native Date
+    var days = []; // dayjs is immutable, so we convert to native Date
+
     var start = showDate.value.toDate();
     var month = start.getMonth();
     start.setDate(1);
     clearTime(start);
     var startWeekday = start.getDay();
     start.setDate(1 - startWeekday);
+
     for (var i = 0; i < 42; i++) {
       var dayjsDate = dayjs(start);
+
       var _date = start.getDate();
+
       var _month = start.getMonth();
+
       var isExceed = _month !== month;
       days.push({
         isExceed: isExceed,
@@ -29,8 +34,10 @@ export function useDays(showDate, status, focusDate) {
       });
       start.setDate(start.getDate() + 1);
     }
+
     return days;
   }
+
   return {
     getDays: getDays,
     onClick: instance.triggerChange

package/components/datepicker/useDisabled.js

@@ -8,6 +8,7 @@ export function useDisabled(_ref) {
   var instance = useInstance();
   var maxDate = useState(null);
   var minDate = useState(null);
+
   function convertToDayjs(state, v) {
     if (isNullOrUndefined(v)) {
       state.set(null);
@@ -15,59 +16,75 @@ export function useDisabled(_ref) {
       state.set(createDateByValueFormat(v));
     }
   }
+
   instance.on('$receive:max', function (v) {
     convertToDayjs(maxDate, v);
   });
   instance.on('$receive:min', function (v) {
     convertToDayjs(minDate, v);
   });
+
   function isDisabled(value, type) {
     if (type === void 0) {
       type = 'date';
     }
+
     var _instance$get = instance.get(),
-      disabledDate = _instance$get.disabledDate;
+        disabledDate = _instance$get.disabledDate;
+
     return isGT(value, maxDate.value, type) || isLT(value, minDate.value, type) || !!disabledDate && disabledDate(value);
   }
+
   function isDisabledTime(value, flag) {
     if (!isDisabled(value, 'second')) {
-      if (!instance.get('range')) return false;
-      // compare the start and the end datetime 
+      if (!instance.get('range')) return false; // compare the start and the end datetime 
+
       var anotherDatetime = instance.value.getTimeValue(flag === PanelFlags.Start ? PanelFlags.End : PanelFlags.Start);
       if (!anotherDatetime) return false;
+
       if (flag === PanelFlags.Start) {
         return value.isAfter(anotherDatetime, 'second');
       } else {
         return value.isBefore(anotherDatetime, 'second');
       }
     }
+
     return true;
   }
+
   function isDisabledConfirm() {
     var lastValue = last(instance.value.value.value);
     if (!lastValue) return true;
+
     var _instance$get2 = instance.get(),
-      range = _instance$get2.range;
+        range = _instance$get2.range;
+
     if (range && lastValue.length < 2) return true;
     var _instance$panel = instance.panel,
-      startPanel = _instance$panel.startPanel,
-      endPanel = _instance$panel.endPanel;
+        startPanel = _instance$panel.startPanel,
+        endPanel = _instance$panel.endPanel;
+
     if (startPanel.value === PanelTypes.Date && endPanel.value === PanelTypes.Date) {
       return true;
     }
+
     var start;
     var end;
+
     if (range) {
       start = lastValue[0];
       end = lastValue[1];
     } else {
       start = lastValue;
     }
+
     if (isDisabledTime(start, PanelFlags.Start) || end && isDisabledTime(end, PanelFlags.End)) {
       return true;
     }
+
     return false;
   }
+
   return {
     isDisabled: isDisabled,
     isDisabledTime: isDisabledTime,

package/components/datepicker/useFocusDate.js

@@ -3,9 +3,11 @@ import { useState } from '../../hooks/useState';
 export function useFocusDate() {
   var instance = useInstance();
   var focusDate = useState(null);
+
   function reset() {
     focusDate.set(null);
   }
+
   instance.on('hide', reset);
   return {
     focusDate: focusDate,

package/components/datepicker/useFormats.js

@@ -9,32 +9,41 @@ var FORMATS = {
 };
 export function useFormats() {
   var instance = useInstance();
+
   function getValueFormat() {
     var _instance$get = instance.get(),
-      format = _instance$get.format,
-      valueFormat = _instance$get.valueFormat,
-      type = _instance$get.type;
+        format = _instance$get.format,
+        valueFormat = _instance$get.valueFormat,
+        type = _instance$get.type;
+
     return valueFormat || format || FORMATS[type];
   }
+
   function getShowFormat() {
     var _instance$get2 = instance.get(),
-      format = _instance$get2.format,
-      showFormat = _instance$get2.showFormat,
-      type = _instance$get2.type;
+        format = _instance$get2.format,
+        showFormat = _instance$get2.showFormat,
+        type = _instance$get2.type;
+
     return showFormat || format || FORMATS[type];
   }
+
   function createDateByValueFormat(value) {
     return dayjs(value, isString(value) ? getValueFormat() : undefined);
   }
+
   function createDateByShowFormat(value) {
     return dayjs(value, getShowFormat(), true); // strict parsing 
   }
+
   function getShowString(value) {
     return value.format(getShowFormat());
   }
+
   function getValueString(value) {
     return value.format(getValueFormat());
   }
+
   return {
     getValueFormat: getValueFormat,
     getShowFormat: getShowFormat,

package/components/datepicker/useKeyboards.js

@@ -1,80 +1,96 @@
 import { useInstance } from 'intact-vue-next';
 import { useKeyboard } from '../../hooks/useKeyboard';
 var Direction;
+
 (function (Direction) {
   Direction[Direction["Up"] = 0] = "Up";
   Direction[Direction["Down"] = 1] = "Down";
   Direction[Direction["Left"] = 2] = "Left";
   Direction[Direction["Right"] = 3] = "Right";
 })(Direction || (Direction = {}));
+
 export function useKeyboards(panelRef, focusDate) {
   var instance = useInstance();
+
   var _useKeyboard = useKeyboard({
-      down: function down(e) {
-        focus(e, Direction.Down);
-      },
-      up: function up(e) {
-        focus(e, Direction.Up);
-      },
-      right: function right(e) {
-        focus(e, Direction.Right);
-      },
-      left: function left(e) {
-        focus(e, Direction.Left);
-      },
-      enter: function enter() {
-        select(focusDate.value);
-      }
-    }),
-    add = _useKeyboard[0],
-    remove = _useKeyboard[1];
+    down: function down(e) {
+      focus(e, Direction.Down);
+    },
+    up: function up(e) {
+      focus(e, Direction.Up);
+    },
+    right: function right(e) {
+      focus(e, Direction.Right);
+    },
+    left: function left(e) {
+      focus(e, Direction.Left);
+    },
+    enter: function enter() {
+      select(focusDate.value);
+    }
+  }),
+      add = _useKeyboard[0],
+      remove = _useKeyboard[1];
+
   instance.on('show', add);
   instance.on('hide', remove);
+
   function select(date) {
     if (!date) return;
     var calendar = panelRef.value;
     if (!calendar) return; // maybe select time
+
     switch (calendar.type.value) {
       case 'date':
         calendar.days.onClick(date);
         break;
+
       case 'month':
         calendar.months.onClick(date);
         break;
+
       case 'year':
         calendar.years.onClick(date);
         break;
     }
   }
+
   function focus(e, direction) {
     var calendar = panelRef.value;
     if (!calendar) return;
     e.preventDefault();
+
     if (!focusDate.value) {
       focusDate.set(calendar.showDate.date.value);
       return;
     }
+
     var type = calendar.type.value;
     var upAndDownOffset = type === 'date' ? 7 : 4;
     var offset;
+
     switch (direction) {
       case Direction.Up:
         offset = -upAndDownOffset;
         break;
+
       case Direction.Down:
         offset = upAndDownOffset;
         break;
+
       case Direction.Left:
         offset = -1;
         break;
+
       case Direction.Right:
         offset = 1;
         break;
     }
+
     var _focusDate = focusDate.value;
     _focusDate = _focusDate.add(offset, type === 'date' ? 'day' : type);
-    focusDate.set(_focusDate);
-    // change panel show date
+    focusDate.set(_focusDate); // change panel show date
+
     calendar.showDate.date.set(_focusDate);
   }
 }

package/components/datepicker/useMonths.js

@@ -4,10 +4,12 @@ import { isEqual } from './helpers';
 import { _$ } from '../../i18n';
 export function useMonths(showDate, status, focusDate) {
   var instance = useInstance();
+
   function getMonths(now) {
     var ret = [];
     var start = showDate.value.toDate();
     start.setMonth(0);
+
     for (var i = 0; i < 12; i++) {
       var dayjsDate = dayjs(start);
       ret.push({
@@ -21,17 +23,21 @@ export function useMonths(showDate, status, focusDate) {
       });
       start.setMonth(i + 1);
     }
+
     return ret;
   }
+
   function onClick(date) {
     showDate.set(date);
     var datepickerType = instance.datepicker.get('type');
+
     if (datepickerType !== 'month' && datepickerType !== 'year') {
       instance.type.set('date');
     } else {
       instance.triggerChange(date);
     }
   }
+
   return {
     getMonths: getMonths,
     onClick: onClick