@autobest-ui/components 2.3.0 → 2.5.0

package/lib/collapse/index.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -24,94 +19,69 @@ var __extends = void 0 && (void 0).__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 Collapse =
-/** @class */
-function (_super) {
+var Collapse = /** @class */function (_super) {
   __extends(Collapse, _super);
-
   function Collapse(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-collapse';
-
     _this.onEnter = function (el) {
       _this.cacheHeight = "".concat(el.offsetHeight, "px");
       el.style.height = '0px';
     };
-
     _this.onEntering = function (el) {
       el.style.height = _this.cacheHeight;
     };
-
     _this.onEntered = function (el) {
       el.style.height = '';
-
       if (_this.props.onEntered) {
         _this.props.onEntered(el, _this.props.name);
       }
     };
-
     _this.onExit = function (el) {
       el.style.height = "".concat(el.offsetHeight, "px");
     };
-
     _this.onExiting = function (el) {
       el.style.height = '0px';
     };
-
     _this.onExited = function (el) {
       el.style.height = '';
-
       if (_this.props.onExited) {
         _this.props.onExited(el, _this.props.name);
       }
     };
-
     _this.onChange = function () {
       var visible = !_this.state.visible;
-
       if (!('visible' in _this.props)) {
         var isUserClicked = _this.state.isUserClicked || visible;
-
         _this.setState({
           visible: visible,
           isUserClicked: isUserClicked
         });
       }
-
       var _a = _this.props,
-          onChange = _a.onChange,
-          name = _a.name;
-
+        onChange = _a.onChange,
+        name = _a.name;
       if (onChange) {
         onChange(visible, name);
       }
     };
-
     _this.state = {
       visible: props.defaultVisible,
       isUserClicked: false
     };
     return _this;
   }
-
   Collapse.getDerivedStateFromProps = function (nextProps, preState) {
     if ('visible' in nextProps) {
       var isUserClicked = preState.isUserClicked || nextProps.visible;
@@ -120,25 +90,19 @@ function (_super) {
         isUserClicked: isUserClicked
       };
     }
-
     return null;
   };
-
   Collapse.prototype.renderTitle = function () {
     var title = this.props.title;
-
     if (!title) {
       return null;
     }
-
     var child;
-
     if (typeof title === 'function') {
       child = title(this.state.visible);
     } else {
       child = _react.default.Children.only(title);
     }
-
     return /*#__PURE__*/_react.default.cloneElement(child, {
       onClick: child.props.onClick || this.onChange
     });
@@ -146,19 +110,16 @@ function (_super) {
   /**
    * @returns {*}
    */
-
-
   Collapse.prototype.renderContent = function () {
     var _a;
-
     var _b = this.props,
-        children = _b.children,
-        className = _b.className,
-        appear = _b.appear,
-        mountOnEnter = _b.mountOnEnter;
+      children = _b.children,
+      className = _b.className,
+      appear = _b.appear,
+      mountOnEnter = _b.mountOnEnter;
     var _c = this.state,
-        visible = _c.visible,
-        isUserClicked = _c.isUserClicked;
+      visible = _c.visible,
+      isUserClicked = _c.isUserClicked;
     var cls = this.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: visible,
@@ -178,12 +139,10 @@ function (_super) {
       className: "".concat(cls, "-content")
     }, children)));
   };
-
   Collapse.prototype.render = function () {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderTitle(), this.renderContent());
-  }; // 默认值
-
-
+  };
+  // 默认值
   Collapse.defaultProps = {
     defaultVisible: false,
     appear: true,
@@ -191,6 +150,5 @@ function (_super) {
   };
   return Collapse;
 }(_react.default.Component);
-
 var _default = Collapse;
 exports.default = _default;

package/lib/confirm/index.d.ts

@@ -32,6 +32,14 @@ export interface ConfirmProps extends Omit<ModalProps, 'visible'> {
      * 点击取消的回调函数
      */
     onCancel?: () => void;
+    /**
+     *自定义渲染 cancel 按钮，cancelText 和 cancelClassName 不再生效
+     */
+    renderCancel?: (onCancel: () => void) => React.ReactChild;
+    /**
+     *自定义渲染 ok 按钮，okText 和 okClassName 不再生效
+     */
+    renderOk?: (onOk: () => void) => React.ReactChild;
 }
 declare const Confirm: (config: ConfirmProps) => {
     destroy: (type?: string) => void;

package/lib/confirm/index.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@autobest-ui/utils");
-
 var _modal = _interopRequireDefault(require("../modal"));
-
 var __assign = void 0 && (void 0).__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);
 };
-
 var prefixCls = 'ab-confirm';
 var defaultConfig = {
   hiddenCancel: false,
@@ -48,16 +37,13 @@ var defaultConfig = {
   onOk: function onOk() {},
   onCancel: function onCancel() {}
 };
-
 var Confirm = function Confirm(config) {
   if (!_utils.canUseDOM) {
     throw new Error('Confirm use client!');
   }
-
   var div = document.createElement('div');
   document.body.appendChild(div);
   var currentConfig = defaultConfig;
-
   function updateCurrentConfig(nextConfig) {
     var cancelClassName = (0, _classnames.default)(currentConfig.cancelClassName, nextConfig.cancelClassName);
     var okClassName = (0, _classnames.default)(currentConfig.okClassName, nextConfig.okClassName);
@@ -67,66 +53,66 @@ var Confirm = function Confirm(config) {
       onDestroy: onDestroy
     });
   }
-
   updateCurrentConfig(config);
-
   function close(type) {
     if (type === void 0) {
       type = 'cancel';
-    } // 防止重复触发close
-
-
+    }
+    // 防止重复触发close
     if (!currentConfig.visible) {
       return;
     }
-
     currentConfig = __assign(__assign({}, currentConfig), {
       visible: false
     });
     render(currentConfig);
-
     if (type === 'ok') {
       currentConfig.onOk();
     } else {
       currentConfig.onCancel();
     }
   }
-
   function onDestroy() {
     var unmountResult = _reactDom.default.unmountComponentAtNode(div);
-
     if (unmountResult && div.parentNode) {
       try {
         div.parentNode.removeChild(div);
       } catch (e) {}
     }
   }
-
   function onVisible() {
     close('cancel');
   }
-
   function onConfirm() {
     close('ok');
   }
-
   function render(props) {
+    var className = props.className,
+      content = props.content,
+      hiddenCancel = props.hiddenCancel,
+      hiddenOk = props.hiddenOk,
+      cancelClassName = props.cancelClassName,
+      okClassName = props.okClassName,
+      okText = props.okText,
+      cancelText = props.cancelText,
+      renderOk = props.renderOk,
+      renderCancel = props.renderCancel,
+      visible = props.visible;
     _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_modal.default, __assign({}, props, {
-      className: (0, _classnames.default)("".concat(prefixCls, "-wrap"), props.className),
-      visible: props.visible,
+      className: (0, _classnames.default)("".concat(prefixCls, "-wrap"), className),
+      visible: visible,
       onClose: onVisible
-    }), props.content, props.hiddenCancel && props.hiddenOk ? null : /*#__PURE__*/_react.default.createElement("div", {
+    }), content, hiddenCancel && hiddenOk ? null : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-btns")
-    }, props.hiddenCancel ? null : /*#__PURE__*/_react.default.createElement("button", {
-      className: props.cancelClassName,
+    }, !hiddenCancel && (renderCancel ? renderCancel(onVisible) : /*#__PURE__*/_react.default.createElement("button", {
+      className: cancelClassName,
       onClick: onVisible
-    }, props.cancelText), props.hiddenOk ? null : /*#__PURE__*/_react.default.createElement("button", {
-      className: props.okClassName,
+    }, cancelText)), !hiddenOk && (renderOk ? renderOk(onConfirm) : /*#__PURE__*/_react.default.createElement("button", {
+      className: okClassName,
       onClick: onConfirm
-    }, props.okText))), div);
-  } // 渲染组件
-
-
+    }, okText)))), div);
+  }
+  // 渲染组件
   render(currentConfig);
   return {
     destroy: close,
@@ -136,6 +122,5 @@ var Confirm = function Confirm(config) {
     }
   };
 };
-
 var _default = Confirm;
 exports.default = _default;

package/lib/date-picker/DateEnum.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MonthOfYear = exports.DayOfWeek = void 0;
 var DayOfWeek;
 exports.DayOfWeek = DayOfWeek;
-
 (function (DayOfWeek) {
   DayOfWeek[DayOfWeek["Sunday"] = 0] = "Sunday";
   DayOfWeek[DayOfWeek["Monday"] = 1] = "Monday";
@@ -16,10 +15,8 @@ exports.DayOfWeek = DayOfWeek;
   DayOfWeek[DayOfWeek["Friday"] = 5] = "Friday";
   DayOfWeek[DayOfWeek["Saturday"] = 6] = "Saturday";
 })(DayOfWeek || (exports.DayOfWeek = DayOfWeek = {}));
-
 var MonthOfYear;
 exports.MonthOfYear = MonthOfYear;
-
 (function (MonthOfYear) {
   MonthOfYear[MonthOfYear["January"] = 0] = "January";
   MonthOfYear[MonthOfYear["February"] = 1] = "February";

package/lib/date-picker/calendar/Day.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../utils");
-
 var _DateEnum = require("../DateEnum");
-
 var _grid = _interopRequireDefault(require("./grid"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var weekList = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
-
 var getTitle = function getTitle(date) {
   return "".concat((0, _utils.getMonthFullName)(date.getMonth()), " ").concat(date.getFullYear());
 };
-
 var DayCalendar = function DayCalendar(props) {
   var cls = props.prefixCls,
-      today = props.today,
-      minDate = props.minDate,
-      maxDate = props.maxDate,
-      navigatedDate = props.navigatedDate,
-      selectedDate = props.selectedDate,
-      onChangeNavigatedDate = props.onChangeNavigatedDate,
-      onChangeSelectedDate = props.onChangeSelectedDate,
-      firstDayOfWeek = props.firstDayOfWeek;
+    today = props.today,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
+    navigatedDate = props.navigatedDate,
+    selectedDate = props.selectedDate,
+    onChangeNavigatedDate = props.onChangeNavigatedDate,
+    onChangeSelectedDate = props.onChangeSelectedDate,
+    firstDayOfWeek = props.firstDayOfWeek;
   var onPrev = (0, _react.useCallback)(function () {
     onChangeNavigatedDate((0, _utils.getMonthAdd)(navigatedDate, -1));
   }, [navigatedDate, onChangeNavigatedDate]);
@@ -46,79 +35,66 @@ var DayCalendar = function DayCalendar(props) {
   var onSelect = (0, _react.useCallback)(function (date) {
     onChangeSelectedDate(date);
   }, [onChangeSelectedDate]);
-
   var _a = (0, _react.useMemo)(function () {
-    var getItem = function getItem(date, isOut) {
-      if (isOut === void 0) {
-        isOut = false;
-      }
-
-      var disabled = (0, _utils.isOutOfDate)(date, minDate, maxDate);
-      return {
-        value: date,
-        name: date.getDate(),
-        disabled: disabled,
-        selected: (0, _utils.compareDate)(date, selectedDate) === 0,
-        isToday: (0, _utils.compareDate)(date, today) === 0,
-        onClick: disabled ? null : function () {
-          return onSelect(date);
-        },
-        className: !disabled && isOut ? "".concat(cls, "-out") : null
+      var getItem = function getItem(date, isOut) {
+        if (isOut === void 0) {
+          isOut = false;
+        }
+        var disabled = (0, _utils.isOutOfDate)(date, minDate, maxDate);
+        return {
+          value: date,
+          name: date.getDate(),
+          disabled: disabled,
+          selected: (0, _utils.compareDate)(date, selectedDate) === 0,
+          isToday: (0, _utils.compareDate)(date, today) === 0,
+          onClick: disabled ? null : function () {
+            return onSelect(date);
+          },
+          className: !disabled && isOut ? "".concat(cls, "-out") : null
+        };
       };
-    };
-
-    var currentTitle = getTitle(navigatedDate);
-    var currentHeadList = weekList.slice(firstDayOfWeek, weekList.length).concat(weekList.slice(0, firstDayOfWeek));
-    var dayList = [];
-
-    var _a = (0, _utils.getDateValue)(navigatedDate),
+      var currentTitle = getTitle(navigatedDate);
+      var currentHeadList = weekList.slice(firstDayOfWeek, weekList.length).concat(weekList.slice(0, firstDayOfWeek));
+      var dayList = [];
+      var _a = (0, _utils.getDateValue)(navigatedDate),
         navigatedYear = _a.year,
         navigatedMonth = _a.month;
-
-    var thisMonthDays = (0, _utils.getDaysInMonth)(navigatedDate);
-    var thisMonthFirstDay = (0, _utils.getMonthStart)(navigatedYear, navigatedMonth);
-    var firstWeekday = (0, _utils.getStartWeekInMonth)(navigatedDate);
-    var lastWeekday = (0, _utils.getEndWeekInMonth)(navigatedDate);
-
-    if (firstWeekday !== firstDayOfWeek) {
-      // 补充上个月的日子
-      var lackDay = firstWeekday - firstDayOfWeek > 0 ? firstWeekday - firstDayOfWeek : firstDayOfWeek - firstWeekday;
-
-      for (var i = lackDay; i > 0; i--) {
-        dayList.push(getItem((0, _utils.getDayAdd)(thisMonthFirstDay, -i), true));
+      var thisMonthDays = (0, _utils.getDaysInMonth)(navigatedDate);
+      var thisMonthFirstDay = (0, _utils.getMonthStart)(navigatedYear, navigatedMonth);
+      var firstWeekday = (0, _utils.getStartWeekInMonth)(navigatedDate);
+      var lastWeekday = (0, _utils.getEndWeekInMonth)(navigatedDate);
+      if (firstWeekday !== firstDayOfWeek) {
+        // 补充上个月的日子
+        var lackDay = firstWeekday - firstDayOfWeek > 0 ? firstWeekday - firstDayOfWeek : firstDayOfWeek - firstWeekday;
+        for (var i = lackDay; i > 0; i--) {
+          dayList.push(getItem((0, _utils.getDayAdd)(thisMonthFirstDay, -i), true));
+        }
       }
-    }
-
-    for (var thisMonth = 0; thisMonth < thisMonthDays; thisMonth++) {
-      dayList.push(getItem((0, _utils.getDayAdd)(thisMonthFirstDay, thisMonth)));
-    }
-
-    var weekEndDay = (firstDayOfWeek + 6) % 7;
-    var thisMonthLastDay = (0, _utils.getMonthEnd)(navigatedYear, navigatedMonth);
-
-    if (lastWeekday !== weekEndDay) {
-      // 补充下个月的日子
-      var lackDay = weekEndDay - lastWeekday > 0 ? weekEndDay - lastWeekday : lastWeekday - weekEndDay;
-
-      for (var i = 1; i <= lackDay; i++) {
-        dayList.push(getItem((0, _utils.getDayAdd)(thisMonthLastDay, i), true));
+      for (var thisMonth = 0; thisMonth < thisMonthDays; thisMonth++) {
+        dayList.push(getItem((0, _utils.getDayAdd)(thisMonthFirstDay, thisMonth)));
       }
-    }
-
-    return {
-      title: currentTitle,
-      startDate: dayList[0].value,
-      endDate: dayList[dayList.length - 1].value,
-      headList: currentHeadList,
-      dateList: dayList
-    };
-  }, [today, navigatedDate, minDate, maxDate, firstDayOfWeek, selectedDate, onSelect, cls]),
-      title = _a.title,
-      startDate = _a.startDate,
-      endDate = _a.endDate,
-      headList = _a.headList,
-      dateList = _a.dateList;
-
+      var weekEndDay = (firstDayOfWeek + 6) % 7;
+      var thisMonthLastDay = (0, _utils.getMonthEnd)(navigatedYear, navigatedMonth);
+      if (lastWeekday !== weekEndDay) {
+        // 补充下个月的日子
+        var lackDay = weekEndDay - lastWeekday > 0 ? weekEndDay - lastWeekday : lastWeekday - weekEndDay;
+        for (var i = 1; i <= lackDay; i++) {
+          dayList.push(getItem((0, _utils.getDayAdd)(thisMonthLastDay, i), true));
+        }
+      }
+      return {
+        title: currentTitle,
+        startDate: dayList[0].value,
+        endDate: dayList[dayList.length - 1].value,
+        headList: currentHeadList,
+        dateList: dayList
+      };
+    }, [today, navigatedDate, minDate, maxDate, firstDayOfWeek, selectedDate, onSelect, cls]),
+    title = _a.title,
+    startDate = _a.startDate,
+    endDate = _a.endDate,
+    headList = _a.headList,
+    dateList = _a.dateList;
   var prevEnabled = minDate ? (0, _utils.compareDate)(minDate, startDate) < 0 : true;
   var nextEnabled = maxDate ? (0, _utils.compareDate)(endDate, maxDate) < 0 : true;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -132,7 +108,6 @@ var DayCalendar = function DayCalendar(props) {
     onNext: nextEnabled ? onNext : null
   }));
 };
-
 DayCalendar.defaultProps = {
   firstDayOfWeek: _DateEnum.DayOfWeek.Sunday
 };