@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/datepicker/index.vdt.js

@@ -13,38 +13,34 @@ import { isFunction } from 'intact-shared';
 import { Tabs, Tab } from '../tabs';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-datepicker-content"] = true, _classNameObj[className] = className, _classNameObj[makePanelStyles(k)] = 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);
@@ -52,14 +48,11 @@ 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': 'card',
           'value': panel.value,
@@ -90,16 +83,13 @@ export default function ($props, $blocks, $__proto__) {
       'isDisabledTime': isDisabledTime
     })], 0, _$cn(k + "-datepicker-calendar-wrapper"));
   };
-
   return _$su.call($this, {
     'className': _$cn(k + "-datepicker")
   }, 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) {
@@ -118,11 +108,9 @@ 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, {
@@ -130,11 +118,9 @@ export default function ($props, $blocks, $__proto__) {
       });
     }, __$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-react';
 import { Value } from './basepicker';
-export declare type Shortcut = {
+export type Shortcut = {
     label: (() => Children) | Children;
     value: () => Value | [Value, Value];
 };

package/components/datepicker/shortcuts.js

@@ -1,21 +1,17 @@
 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

@@ -10,28 +10,22 @@ 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"
     },
@@ -39,14 +33,12 @@ var defaults = {
       get color() {
         return theme.color.disabled;
       },
-
       hoverBgColor: 'none'
     },
     range: {
       get bgColor() {
         return palette(datepicker.item.active.bgColor, -4);
       }
-
     }
   },
   weekday: {
@@ -67,7 +59,6 @@ var defaults = {
       get hoverBgcolor() {
         return theme.color.bg;
       },
-
       height: '32px',
       padding: '0 16px'
     }
@@ -78,9 +69,9 @@ setDefault(function () {
   datepicker = deepDefaults(theme, {
     datepicker: defaults
   }).datepicker;
-  makePanelStyles == null ? void 0 : makePanelStyles.clearCache();
-  makeCalendarStyles == null ? void 0 : makeCalendarStyles.clearCache();
-  makeTimeStyles == null ? void 0 : makeTimeStyles.clearCache();
+  makePanelStyles == null || makePanelStyles.clearCache();
+  makeCalendarStyles == null || makeCalendarStyles.clearCache();
+  makeTimeStyles == null || makeTimeStyles.clearCache();
 });
 export { datepicker };
 export var makePanelStyles = cache(function makePanelStyles(k) {

package/components/datepicker/time.d.ts

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

package/components/datepicker/time.js

@@ -15,28 +15,21 @@ 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));
     _this.config = useConfigContext();
     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(),
@@ -45,38 +38,28 @@ 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);
@@ -86,18 +69,15 @@ 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,16 +4,15 @@ 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-datepicker-time"] = true, _classNameObj[makeTimeStyles(k)] = true, _classNameObj);
   return _$ce(2, 'div', [_$cc(ScrollSelect, {

package/components/datepicker/useDays.js

@@ -3,24 +3,19 @@ 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,
@@ -34,10 +29,8 @@ 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,7 +8,6 @@ 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);
@@ -16,75 +15,59 @@ 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,11 +3,9 @@ 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,41 +9,32 @@ 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,96 +1,80 @@
 import { useInstance } from 'intact-react';
 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,12 +4,10 @@ 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({
@@ -23,21 +21,17 @@ 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