@autobest-ui/components 2.2.1 → 2.4.0

package/lib/date-picker/utils.js

@@ -17,9 +17,7 @@ exports.getYearAdd = getYearAdd;
 exports.getYearEnd = getYearEnd;
 exports.getYearStart = getYearStart;
 exports.isOutOfDate = isOutOfDate;
-
 var _DateEnum = require("./DateEnum");
-
 function getDateValue(date) {
   if (!date) {
     return {
@@ -29,7 +27,6 @@ function getDateValue(date) {
       year: 0
     };
   }
-
   return {
     week: date.getDay(),
     day: date.getDate(),
@@ -37,79 +34,62 @@ function getDateValue(date) {
     year: date.getFullYear()
   };
 }
-
 function getDayAdd(date, offset) {
   var result = new Date(date.getTime());
   result.setDate(date.getDate() + offset);
   return result;
 }
-
 function getMonthAdd(date, offset) {
   var result = new Date(date.getTime());
   result.setMonth(date.getMonth() + offset);
   return result;
 }
-
 function getYearAdd(date, offset) {
   var result = new Date(date.getTime());
   result.setFullYear(date.getFullYear() + offset);
   return result;
 }
-
 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;
 }
-
 function isOutOfDate(date, minDate, maxDate) {
   return !!minDate && compareDate(minDate, date) > 0 || !!maxDate && compareDate(maxDate, date) < 0;
 }
-
 function getMonthStart(year, month) {
   return new Date(year, month, 1, 0, 0, 0, 0);
 }
-
 function getMonthEnd(year, month) {
   return new Date(year, month + 1, 0, 0, 0, 0, 0);
 }
-
 function getYearStart(year) {
   return new Date(year, 0, 1, 0, 0, 0, 0);
 }
-
 function getYearEnd(year) {
   return new Date(year + 1, 0, 0, 0, 0, 0, 0);
 }
-
 function getMonthFullName(month) {
   return Object.keys(_DateEnum.MonthOfYear)[Object.values(_DateEnum.MonthOfYear).indexOf(month)];
 }
-
 function getStartWeekInMonth(date) {
   return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
 }
-
 function getEndWeekInMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDay();
 }
-
 function getDaysInMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
 }

package/lib/drawer/Child.js

@@ -1,53 +1,42 @@
 "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 __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);
 };
-
 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%';
@@ -57,7 +46,6 @@ function Child(_a, ref) {
     contentStyle.height = height;
     contentStyle.left = '0px';
   }
-
   var transitionStyles = {
     entering: enterStyle,
     entered: enterStyle,
@@ -72,7 +60,6 @@ function Child(_a, ref) {
     onExited: onExited
   }, function (state) {
     var _a;
-
     var nextStyles = state !== 'exited' ? contentStyle : {};
     return /*#__PURE__*/_react.default.createElement("div", {
       style: __assign(__assign({}, nextStyles), transitionStyles[state]),
@@ -84,7 +71,5 @@ function Child(_a, ref) {
     }, "\xD7") : null, children);
   });
 }
-
 var _default = /*#__PURE__*/_react.default.forwardRef(Child);
-
 exports.default = _default;

package/lib/drawer/index.js

@@ -1,24 +1,16 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@autobest-ui/utils");
-
 var _portal = _interopRequireDefault(require("../portal"));
-
 var _mask = _interopRequireDefault(require("../mask"));
-
 var _Child = _interopRequireDefault(require("./Child"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -30,135 +22,102 @@ 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 __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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
-var Drawer =
-/** @class */
-function (_super) {
+var Drawer = /** @class */function (_super) {
   __extends(Drawer, _super);
-
   function Drawer(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-drawer';
     _this.childRef = /*#__PURE__*/_react.default.createRef();
-
     _this.onClose = function () {
       var _a = _this.props,
-          maskClosable = _a.maskClosable,
-          onClose = _a.onClose,
-          name = _a.name;
-
+        maskClosable = _a.maskClosable,
+        onClose = _a.onClose,
+        name = _a.name;
       if (maskClosable && onClose) {
         onClose(false, name);
       }
     };
-
     _this.onCancel = function () {
       var _a = _this.props,
-          onClose = _a.onClose,
-          name = _a.name;
-
+        onClose = _a.onClose,
+        name = _a.name;
       if (onClose) {
         onClose(false, name);
       }
-    }; // 用于标志是否弹出，防止在单页面应用时，没有onEnter，但是在销毁时执行onExited
-
-
+    };
+    // 用于标志是否弹出，防止在单页面应用时，没有onEnter，但是在销毁时执行onExited
     _this.isEnter = false;
-
     _this.onEnter = function () {
       _this.isEnter = true;
       var currentDocument = window.document.body;
       var hiddenScroll = _this.props.hiddenScroll;
-
       if (hiddenScroll) {
         currentDocument.style.overflow = 'hidden';
         var scrollSize = (0, _utils.getScrollBarSize)();
-
         if ((0, _utils.hasVerticalScrollbar)(scrollSize)) {
           currentDocument.style.paddingRight = "".concat(scrollSize, "px");
         }
       }
     };
-
     _this.onExited = function () {
       if (!_this.isEnter) {
         return;
       }
-
       var currentDocument = window.document.body;
       var hiddenScroll = _this.props.hiddenScroll;
-
       if (hiddenScroll && currentDocument) {
         currentDocument.style.overflow = '';
         currentDocument.style.paddingRight = '';
-      } // 插入元素，在exited时， 设置为hidden
-
-
+      }
+      // 插入元素，在exited时， 设置为hidden
       _this.setState({
         isHidden: true
       });
-
       var _a = _this.props,
-          onDestroy = _a.onDestroy,
-          name = _a.name;
-
+        onDestroy = _a.onDestroy,
+        name = _a.name;
       if (onDestroy) {
         onDestroy(name);
       }
     };
-
     _this.state = {
       isHidden: !props.visible
     };
     return _this;
   }
-
   Drawer.getDerivedStateFromProps = function (nextProps, prevState) {
     // 在visible发生改变时，判断是否hidden, 并设置hidden:false,
     // 注：不能在onEnter处理，否则动画无法执行
@@ -167,22 +126,17 @@ function (_super) {
         isHidden: false
       };
     }
-
     return null;
   };
-
   Drawer.prototype.componentWillUnmount = function () {
     // 销毁时，如果没有执行onExited，则在此执行
     this.onExited();
   };
-
   Drawer.prototype.renderMask = function () {
     var _a;
-
     var _b = this.props,
-        visible = _b.visible,
-        showMask = _b.showMask;
-
+      visible = _b.visible,
+      showMask = _b.showMask;
     if (showMask) {
       return /*#__PURE__*/_react.default.createElement(_mask.default, {
         onClose: this.onClose,
@@ -191,19 +145,15 @@ function (_super) {
         timeout: 300
       });
     }
-
     return null;
   };
-
   Drawer.prototype.renderChild = function () {
     var _a;
-
     var _b = this.props,
-        visible = _b.visible,
-        children = _b.children,
-        className = _b.className,
-        extraProps = __rest(_b, ["visible", "children", "className"]);
-
+      visible = _b.visible,
+      children = _b.children,
+      className = _b.className,
+      extraProps = __rest(_b, ["visible", "children", "className"]);
     return /*#__PURE__*/_react.default.createElement(_Child.default, __assign({}, extraProps, {
       visible: visible,
       className: (0, _classnames.default)(className, (_a = {}, _a["".concat(this.prefixCls, "-hidden")] = this.state.isHidden, _a)),
@@ -214,24 +164,19 @@ function (_super) {
       ref: this.childRef
     }), children);
   };
-
   Drawer.prototype.render = function () {
     var _a = this.props,
-        visible = _a.visible,
-        isInsertNode = _a.isInsertNode;
-
+      visible = _a.visible,
+      isInsertNode = _a.isInsertNode;
     if (isInsertNode) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild());
     }
-
     if (visible || this.childRef.current) {
       return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderMask(), this.renderChild()));
     }
-
     return null;
-  }; // 默认值
-
-
+  };
+  // 默认值
   Drawer.defaultProps = {
     placement: 'left',
     width: '2.45rem',
@@ -245,6 +190,5 @@ function (_super) {
   };
   return Drawer;
 }(_react.default.Component);
-
 var _default = Drawer;
 exports.default = _default;

package/lib/drawer/style/index.css

@@ -1 +1 @@
-.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}
+.ab-mask{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.45);transition:opacity .4s cubic-bezier(.7,.3,.1,1)}.ab-mask-fade-appear,.ab-mask-fade-enter{opacity:0}.ab-mask-fade-appear-active,.ab-mask-fade-enter-active,.ab-mask-fade-enter-done,.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{display:none}.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}

package/lib/ellipsis/index.js

@@ -1,55 +1,44 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactIs = require("react-is");
-
 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 cls = 'ab-ellipsis';
-
 function Ellipsis(props) {
   var _a, _b;
-
   var children = props.children,
-      maxHeight = props.maxHeight,
-      className = props.className,
-      _c = props.lines,
-      lines = _c === void 0 ? 0 : _c,
-      title = props.title,
-      _d = props.mobileLines,
-      mobileLines = _d === void 0 ? 0 : _d;
+    maxHeight = props.maxHeight,
+    className = props.className,
+    _c = props.lines,
+    lines = _c === void 0 ? 0 : _c,
+    title = props.title,
+    _d = props.mobileLines,
+    mobileLines = _d === void 0 ? 0 : _d;
   var wrapCls = (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
   var style = maxHeight ? {
     maxHeight: maxHeight
   } : null;
   var titleParam = title ? {
     title: title
-  } : null; // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
-
+  } : null;
+  // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
   if (!(0, _reactIs.isFragment)(children) && (0, _reactIs.isElement)(children)) {
     var child = children;
     return /*#__PURE__*/_react.default.cloneElement(child, __assign(__assign({}, titleParam), {
@@ -57,14 +46,11 @@ function Ellipsis(props) {
       style: __assign(__assign({}, style), child.props.style)
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
     style: style
   }), children);
 }
-
 var _default = /*#__PURE__*/_react.default.memo(Ellipsis);
-
 exports.default = _default;

package/lib/ellipsis/style/index.css

@@ -1 +1 @@
-.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}}
+.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1,.ab-ellipsis.ab-ellipsis-line2,.ab-ellipsis.ab-ellipsis-line3,.ab-ellipsis.ab-ellipsis-line4,.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}}