@autobest-ui/components 2.3.0 → 2.4.0

package/esm/date-picker/calendar/MonthYear.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import { compareDate, getYearAdd, getDateValue, getMonthEnd, getMonthStart, getYearEnd, getYearStart, isOutOfDate } from '../utils';
@@ -23,48 +19,39 @@ var dateStyle = {
   Year: 1
 };
 var monthList = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
 var getStartYear = function getStartYear(currentYear) {
   return Math.floor(currentYear / 10) * 10;
 };
-
 var MonthYearCalendar = function MonthYearCalendar(props) {
   var cls = props.prefixCls,
-      today = props.today,
-      goTodayVisible = props.goTodayVisible,
-      navigatedDate = props.navigatedDate,
-      minDate = props.minDate,
-      maxDate = props.maxDate,
-      monthPickerVisible = props.monthPickerVisible,
-      yearPickerVisible = props.yearPickerVisible,
-      onChangeNavigatedDate = props.onChangeNavigatedDate;
-
+    today = props.today,
+    goTodayVisible = props.goTodayVisible,
+    navigatedDate = props.navigatedDate,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
+    monthPickerVisible = props.monthPickerVisible,
+    yearPickerVisible = props.yearPickerVisible,
+    onChangeNavigatedDate = props.onChangeNavigatedDate;
   var _a = useState(monthPickerVisible ? dateStyle.Month : dateStyle.Year),
-      style = _a[0],
-      setStyle = _a[1];
-
+    style = _a[0],
+    setStyle = _a[1];
   var _b = getDateValue(navigatedDate),
-      navigatedYear = _b.year,
-      navigatedMonth = _b.month; // 月份日历显示的当前年份
-
-
+    navigatedYear = _b.year,
+    navigatedMonth = _b.month;
+  // 月份日历显示的当前年份
   var _c = useState(navigatedYear),
-      monthPickerYear = _c[0],
-      setMonthPickerYear = _c[1]; // 年份日历显示的初始年份
-
-
+    monthPickerYear = _c[0],
+    setMonthPickerYear = _c[1];
+  // 年份日历显示的初始年份
   var _d = useState(getStartYear(navigatedYear)),
-      yearPickerStart = _d[0],
-      setYearPickerStart = _d[1];
-
+    yearPickerStart = _d[0],
+    setYearPickerStart = _d[1];
   var _e = useState(false),
-      goTodayEnabled = _e[0],
-      setGoTodayEnabled = _e[1];
+    goTodayEnabled = _e[0],
+    setGoTodayEnabled = _e[1];
   /**
    * navigatedYear有变更时，用navigatedYear覆盖当前选中Year
    */
-
-
   useEffect(function () {
     setMonthPickerYear(navigatedYear);
     setYearPickerStart(getStartYear(navigatedYear));
@@ -72,14 +59,11 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
   /**
    * goToday能否点击
    */
-
   useEffect(function () {
     if (!goTodayVisible) {
       return;
     }
-
     var todayEnabled = isOutOfDate(today, getMonthStart(navigatedYear, navigatedMonth), getMonthEnd(navigatedYear, navigatedMonth));
-
     if (todayEnabled !== goTodayEnabled) {
       setGoTodayEnabled(todayEnabled);
     }
@@ -106,7 +90,6 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
   }, []);
   var onSelectYear = useCallback(function (year) {
     onChangeNavigatedDate(getYearAdd(navigatedDate, year - navigatedDate.getFullYear()));
-
     if (monthPickerVisible) {
       setStyle(dateStyle.Month);
     }
@@ -115,7 +98,6 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
     var onSelectMonth = function onSelectMonth(month) {
       onChangeNavigatedDate(getMonthStart(monthPickerYear, month));
     };
-
     if (monthPickerVisible) {
       var prevEnabled = minDate ? compareDate(minDate, getYearStart(monthPickerYear)) < 0 : true;
       var nextEnabled = maxDate ? compareDate(getYearEnd(monthPickerYear), maxDate) < 0 : true;
@@ -136,7 +118,6 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
         })
       };
     }
-
     return null;
   }, [monthPickerVisible, minDate, maxDate, monthPickerYear, onChangeNavigatedDate, goPrevYear, goNextYear]);
   var yearValue = useMemo(function () {
@@ -145,7 +126,6 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
       var prevEnabled = minDate ? compareDate(minDate, getYearStart(yearPickerStart)) < 0 : true;
       var nextEnabled = maxDate ? compareDate(getYearEnd(endYear), maxDate) < 0 : true;
       var list = [];
-
       var _loop_1 = function _loop_1(i) {
         var disabled = minDate && minDate.getFullYear() > i || maxDate && i > maxDate.getFullYear();
         list.push({
@@ -157,11 +137,9 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
           }
         });
       };
-
       for (var i = yearPickerStart; i <= endYear; i++) {
         _loop_1(i);
       }
-
       return {
         title: "".concat(yearPickerStart, " - ").concat(endYear),
         onPrev: prevEnabled ? goPrevPackageYear : null,
@@ -169,45 +147,35 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
         list: list
       };
     }
-
     return null;
   }, [yearPickerVisible, minDate, maxDate, yearPickerStart, navigatedYear, onSelectYear, goPrevPackageYear, goNextPackageYear]);
   var dateList = {};
-
   if (monthValue) {
     dateList[dateStyle.Month] = monthValue;
   }
-
   if (yearValue) {
     dateList[dateStyle.Year] = yearValue;
   }
-
   var onClickTitle = function onClickTitle() {
     var curStyle = (style + 1) % 2;
     setStyle(curStyle);
-
     if (curStyle === dateStyle.Year) {
       setYearPickerStart(getStartYear(monthPickerYear));
     }
   };
-
   var goToday = function goToday() {
     onChangeNavigatedDate(getMonthStart(today.getFullYear(), today.getMonth()));
   };
-
   var renderGotoToday = function renderGotoToday() {
     var _a;
-
     if (!goTodayVisible) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       onClick: goToday,
       className: classNames("".concat(cls, "-t"), (_a = {}, _a["".concat(cls, "-t-dis")] = !goTodayEnabled, _a))
     }, "Go to today");
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(cls, "-my")
   }, /*#__PURE__*/React.createElement(CalendarGrid, __assign({
@@ -216,7 +184,6 @@ var MonthYearCalendar = function MonthYearCalendar(props) {
     onClickTitle: monthPickerVisible && yearPickerVisible ? onClickTitle : null
   }, dateList[style])));
 };
-
 MonthYearCalendar.defaultProps = {
   goTodayVisible: true
 };

package/esm/date-picker/calendar/grid/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 var cls = 'ab-dp-cg';
-
 var renderArrow = function renderArrow(prefixCls, direction, onClick) {
   var enabled = !!onClick;
   return /*#__PURE__*/React.createElement("span", {
@@ -19,18 +18,16 @@ var renderArrow = function renderArrow(prefixCls, direction, onClick) {
     d: "M525.339326 186.172452L801.789086 462.622212c12.496698 12.496698 32.758136 12.496698 45.254834 0 12.497405-12.497405 12.496698-32.758136 0-45.254834l-331.014362-331.014362c-12.496698-12.496698-32.757429-12.497405-45.254834 0l-341.795619 339.143969c-12.496698 12.496698-12.496698 32.758136 0 45.254834 12.496698 12.496698 32.758136 12.496698 45.254834 0l287.10586-284.454209L461.372325 925.726242c0 17.673427 14.32669 32.000117 32.000118 32.000117 17.67272-0.000707 31.99941-14.327398 32.000117-32.000117l-0.032527-739.553083z"
   })));
 };
-
 var CalendarGrid = function CalendarGrid(_a) {
   var _b;
-
   var className = _a.className,
-      title = _a.title,
-      onClickTitle = _a.onClickTitle,
-      onPrev = _a.onPrev,
-      onNext = _a.onNext,
-      headList = _a.headList,
-      list = _a.list,
-      bottomElement = _a.bottomElement;
+    title = _a.title,
+    onClickTitle = _a.onClickTitle,
+    onPrev = _a.onPrev,
+    onNext = _a.onNext,
+    headList = _a.headList,
+    list = _a.list,
+    bottomElement = _a.bottomElement;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, cls)
   }, /*#__PURE__*/React.createElement("div", {
@@ -50,7 +47,6 @@ var CalendarGrid = function CalendarGrid(_a) {
     className: "".concat(cls, "-content")
   }, list.map(function (item, index) {
     var _a, _b, _c;
-
     return /*#__PURE__*/React.createElement("li", {
       key: "".concat(index, " ").concat(item.name),
       className: classNames((_a = {}, _a["".concat(cls, "-dis")] = item.disabled, _a), (_b = {}, _b["".concat(cls, "-selected")] = item.selected, _b), (_c = {}, _c["".concat(cls, "-today")] = item.isToday, _c), item.className),
@@ -58,7 +54,6 @@ var CalendarGrid = function CalendarGrid(_a) {
     }, item.name);
   })), bottomElement);
 };
-
 CalendarGrid.defaultProps = {
   headList: [],
   list: []

package/esm/date-picker/calendar/index.js

@@ -9,73 +9,53 @@ var __extends = this && this.__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { getMonthStart, isOutOfDate } from '../utils';
 import DayCalendar from './Day';
 import MonthYearCalendar from './MonthYear';
-
-var Calendar =
-/** @class */
-function (_super) {
+var Calendar = /** @class */function (_super) {
   __extends(Calendar, _super);
-
   function Calendar(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-dp-cal';
-
     _this.onChangeSelectedDate = function (date) {
       _this.setState({
         selectedDate: date
       });
-
       _this.props.onSelect(date, _this.props.name);
     };
-
     _this.onChangeNavigatedDate = function (date) {
       if (date.toDateString() === _this.state.navigatedDate.toDateString()) {
         return;
       }
-
       _this.setState({
         navigatedDate: date
       });
     };
-
     var nowDate = props.defaultDate || props.today || new Date();
     _this.state = {
       selectedDate: nowDate,
@@ -83,29 +63,24 @@ function (_super) {
     };
     return _this;
   }
-
   Calendar.prototype.updateDate = function (date) {
     if (isOutOfDate(date, this.props.minDate, this.props.maxDate)) {
       return;
     }
-
     var navigatedDate = getMonthStart(date.getFullYear(), date.getMonth());
-
     if (navigatedDate.toDateString() !== this.state.navigatedDate.toDateString()) {
       this.onChangeNavigatedDate(navigatedDate);
     }
-
     if (date.toDateString() !== this.state.selectedDate.toDateString()) {
       this.onChangeSelectedDate(date);
     }
   };
-
   Calendar.prototype.render = function () {
     var cls = this.prefixCls;
     var _a = this.props,
-        monthPickerVisible = _a.monthPickerVisible,
-        yearPickerVisible = _a.yearPickerVisible,
-        className = _a.className;
+      monthPickerVisible = _a.monthPickerVisible,
+      yearPickerVisible = _a.yearPickerVisible,
+      className = _a.className;
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(cls, className)
     }, /*#__PURE__*/React.createElement(DayCalendar, __assign({
@@ -119,7 +94,6 @@ function (_super) {
       onChangeNavigatedDate: this.onChangeNavigatedDate
     })));
   };
-
   Calendar.defaultProps = {
     today: new Date(),
     monthPickerVisible: true,
@@ -127,5 +101,4 @@ function (_super) {
   };
   return Calendar;
 }(React.Component);
-
 export default Calendar;

package/esm/date-picker/index.js

@@ -9,131 +9,99 @@ var __extends = this && this.__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React, { createRef } from 'react';
 import classNames from 'classnames';
 import Popover from '../popover';
-import Calendar from './calendar'; // TODO: 移动端
-
-var DatePicker =
-/** @class */
-function (_super) {
+import Calendar from './calendar';
+// TODO: 移动端
+var DatePicker = /** @class */function (_super) {
   __extends(DatePicker, _super);
-
   function DatePicker(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-date-picker';
     _this.calendarRef = /*#__PURE__*/createRef();
     _this.popoverTriggered = false;
-
     _this.onCalendarSelect = function (date) {
       _this.setState({
         calendarVisible: false,
         inputValue: _this.props.onFormatDate(date, _this.props.name)
       });
-
       if (_this.props.onSelect) {
         _this.props.onSelect(date, _this.props.name);
       }
     };
-
     _this.updateDate = function () {
       if (!_this.calendarRef.current || !_this.state.inputValue) {
         return;
       }
-
       var date = _this.props.parseDateFromString(_this.state.inputValue, _this.props.name);
-
       if (isNaN(date.getTime())) {
         return;
       }
-
       _this.calendarRef.current.updateDate(date);
     };
-
     _this.onInputFocus = function () {
       _this.updateDate();
-
       _this.setState({
         calendarVisible: true
       });
-
       if (!_this.popoverTriggered) {
         // 标记触发过popover visible
         _this.popoverTriggered = true;
-
         if ('value' in _this.props && _this.props.value) {
           _this.defaultDate = _this.props.value;
         }
       }
     };
-
     _this.onInputChange = function (ev) {
       if (!_this.props.allowTextInput) {
         return;
       }
-
       _this.setState({
         inputValue: ev.target.value
       });
     };
-
     _this.onChangeDate = function () {
       if (!_this.props.allowTextInput) {
         return;
       }
-
       _this.updateDate();
     };
-
     _this.onPopoverVisibleChange = function (visible) {
       if (visible !== _this.state.calendarVisible) {
         _this.setState({
           calendarVisible: visible
         });
       }
-
       if (!visible) {
         _this.onChangeDate();
       }
     };
-
     _this.renderTip = function () {
       var copyProps = __assign({}, _this.props);
-
       delete copyProps.onSelect;
       delete copyProps.className;
       delete copyProps.onFormatDate;
@@ -148,9 +116,8 @@ function (_super) {
         defaultDate: _this.defaultDate
       }));
     };
-
     var defaultValue = props.defaultValue,
-        onFormatDate = props.onFormatDate;
+      onFormatDate = props.onFormatDate;
     _this.defaultDate = defaultValue;
     _this.state = {
       calendarVisible: false,
@@ -158,36 +125,31 @@ function (_super) {
     };
     return _this;
   }
-
   DatePicker.getDerivedStateFromProps = function (nextProps, prevState) {
     if ('value' in nextProps) {
       var onFormatDate = nextProps.onFormatDate,
-          value = nextProps.value;
+        value = nextProps.value;
       var currentValue = value ? onFormatDate(value) : '';
-
       if (prevState.inputValue === currentValue) {
         return null;
       }
-
       return {
         inputValue: currentValue,
         calendarVisible: false
       };
     }
-
     return null;
   };
-
   DatePicker.prototype.render = function () {
     var cls = this.prefixCls;
     var _a = this.props,
-        className = _a.className,
-        prefix = _a.prefix,
-        iconVisible = _a.iconVisible,
-        disabled = _a.disabled;
+      className = _a.className,
+      prefix = _a.prefix,
+      iconVisible = _a.iconVisible,
+      disabled = _a.disabled;
     var _b = this.state,
-        calendarVisible = _b.calendarVisible,
-        inputValue = _b.inputValue;
+      calendarVisible = _b.calendarVisible,
+      inputValue = _b.inputValue;
     return /*#__PURE__*/React.createElement(Popover, {
       tip: this.renderTip(),
       visible: calendarVisible,
@@ -217,7 +179,6 @@ function (_super) {
       d: "M928 128H832V64h-64v64H256V64H192v64H96l-32 32v768l32 32h832l32-32v-768l-32-32zM896 896H128V320h768v576z m0-640H128V192h768v64zM256 512H192v64h64V512z m-64 128h64v64H192v-64z m64 128H192v64h64v-64z m128-256h64v64H384V512z m64 128H384v64h64v-64z m-64 128h64v64H384v-64z m64-384H384v64h64V384z m128 128h64v64H576V512z m64 128H576v64h64v-64z m-64 128h64v64H576v-64z m64-384H576v64h64V384z m128 128h64v64h-64V512z m64 128h-64v64h64v-64z m-64-256h64v64h-64V384z"
     })))));
   };
-
   DatePicker.defaultProps = {
     onFormatDate: function onFormatDate(date) {
       return date.toDateString();
@@ -231,5 +192,4 @@ function (_super) {
   };
   return DatePicker;
 }(React.Component);
-
 export default DatePicker;

package/esm/date-picker/utils.js

@@ -8,7 +8,6 @@ export function getDateValue(date) {
       year: 0
     };
   }
-
   return {
     week: date.getDay(),
     day: date.getDate(),
@@ -33,23 +32,19 @@ export function getYearAdd(date, offset) {
 }
 export function compareDate(prevDate, nextDate) {
   var _a = getDateValue(prevDate),
-      year = _a.year,
-      month = _a.month,
-      day = _a.day;
-
+    year = _a.year,
+    month = _a.month,
+    day = _a.day;
   var _b = getDateValue(nextDate),
-      nextYear = _b.year,
-      nextMonth = _b.month,
-      nextDay = _b.day;
-
+    nextYear = _b.year,
+    nextMonth = _b.month,
+    nextDay = _b.day;
   if (year !== nextYear) {
     return year - nextYear;
   }
-
   if (month !== nextMonth) {
     return month - nextMonth;
   }
-
   return day - nextDay;
 }
 export function isOutOfDate(date, minDate, maxDate) {

package/esm/drawer/Child.js

@@ -2,41 +2,34 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React from 'react';
 import { Transition } from 'react-transition-group';
 import classNames from 'classnames';
-
 function Child(_a, ref) {
   var _b;
-
   var cls = _a.prefixCls,
-      visible = _a.visible,
-      children = _a.children,
-      width = _a.width,
-      height = _a.height,
-      className = _a.className,
-      placement = _a.placement,
-      closable = _a.closable,
-      onEnter = _a.onEnter,
-      onExited = _a.onExited,
-      onCancel = _a.onCancel;
+    visible = _a.visible,
+    children = _a.children,
+    width = _a.width,
+    height = _a.height,
+    className = _a.className,
+    placement = _a.placement,
+    closable = _a.closable,
+    onEnter = _a.onEnter,
+    onExited = _a.onExited,
+    onCancel = _a.onCancel;
   var enterStyle = {
     transform: 'translate(0, 0)'
   };
   var contentStyle = (_b = {}, _b[placement] = '0px', _b);
-
   if (placement === 'left' || placement === 'right') {
     contentStyle.width = width;
     contentStyle.height = '100%';
@@ -46,7 +39,6 @@ function Child(_a, ref) {
     contentStyle.height = height;
     contentStyle.left = '0px';
   }
-
   var transitionStyles = {
     entering: enterStyle,
     entered: enterStyle,
@@ -61,7 +53,6 @@ function Child(_a, ref) {
     onExited: onExited
   }, function (state) {
     var _a;
-
     var nextStyles = state !== 'exited' ? contentStyle : {};
     return /*#__PURE__*/React.createElement("div", {
       style: __assign(__assign({}, nextStyles), transitionStyles[state]),
@@ -73,5 +64,4 @@ function Child(_a, ref) {
     }, "\xD7") : null, children);
   });
 }
-
 export default /*#__PURE__*/React.forwardRef(Child);