@autobest-ui/components 2.3.0 → 2.5.0

package/lib/tabs/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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@autobest-ui/utils");
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -24,30 +19,23 @@ 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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -56,7 +44,6 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -64,29 +51,26 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -94,79 +78,60 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -175,7 +140,6 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -183,15 +147,10 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
     };
   }
 };
-
-var Tabs =
-/** @class */
-function (_super) {
+var Tabs = /** @class */function (_super) {
   __extends(Tabs, _super);
-
   function Tabs(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-tabs';
     _this.resizeHandler = null;
     _this.ulRef = /*#__PURE__*/_react.default.createRef();
@@ -199,50 +158,39 @@ function (_super) {
      * 处理value在使用data-value后，将number转成string问题
      * @param value
      */
-
     _this.getValue = function (value) {
       if (!value) {
         return value;
       }
-
       var valueNumber = Number(value);
       return isNaN(valueNumber) ? value : valueNumber;
     };
     /**
      * 根据placement不同，设置bar的位置
      */
-
-
     _this.setBarStyles = function () {
       var activeValue = _this.state.activeValue;
       var element = _this.ulRef.current;
-
       if (!element || (0, _utils.isBlank)(activeValue)) {
         return;
       }
-
       var activeElement = Array.from(element.children).find(function (child) {
         if (!child || !child.dataset) {
           return null;
         }
-
         var value = _this.getValue(child.dataset.value);
-
         return value === activeValue;
       });
-
       if (!activeElement) {
         return;
       }
-
       var _a = _this.props,
-          placement = _a.placement,
-          barSize = _a.barSize,
-          actualPositionValue = _a.actualPositionValue,
-          actualDisplayValue = _a.actualDisplayValue;
+        placement = _a.placement,
+        barSize = _a.barSize,
+        actualPositionValue = _a.actualPositionValue,
+        actualDisplayValue = _a.actualDisplayValue;
       var offsetAndSize = (0, _utils.getActualOffsetAndSize)(activeElement, actualDisplayValue, actualPositionValue);
       var barStyles = {};
-
       if (placement === 'top' || placement === 'bottom') {
         barStyles.width = "".concat(offsetAndSize.width, "px");
         barStyles.height = barSize;
@@ -252,83 +200,59 @@ function (_super) {
         barStyles.width = barSize;
         barStyles.transform = "translate(0, ".concat(offsetAndSize.offsetTop, "px)");
       }
-
       _this.setState({
         barStyles: barStyles
       });
     };
-
     _this.onChange = function (ev) {
       return __awaiter(_this, void 0, void 0, function () {
         var dataset, value, findItem, _a, onBeforeChange, onAfterChange, _b;
-
         return __generator(this, function (_c) {
           switch (_c.label) {
             case 0:
               dataset = ev.currentTarget.dataset;
-
               if (!dataset) {
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
               }
 
-              value = this.getValue(dataset.value); // 相同将不触发change
-
+              value = this.getValue(dataset.value);
+              // 相同将不触发change
               if (value === this.state.activeValue) {
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
               }
 
               findItem = this.props.options.find(function (item) {
                 return item.value === value;
               });
-
               if (findItem && findItem.disabled) {
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
               }
 
               _a = this.props, onBeforeChange = _a.onBeforeChange, onAfterChange = _a.onAfterChange;
               _b = onBeforeChange;
-              if (!_b) return [3
-              /*break*/
-              , 2];
-              return [4
-              /*yield*/
-              , onBeforeChange(value, ev)];
-
+              if (!_b) return [3 /*break*/, 2];
+              return [4 /*yield*/, onBeforeChange(value, ev)];
             case 1:
               _b = !_c.sent();
               _c.label = 2;
-
             case 2:
               // before change 拦截，返回false将不改变active value
               if (_b) {
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
               }
 
               if (onAfterChange) {
                 onAfterChange(value, ev);
-              } // 如果外部控制，则不用再setstate
-
-
+              }
+              // 如果外部控制，则不用再setstate
               if ('activeValue' in this.props) {
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
               }
 
               this.setState({
                 activeValue: value
               });
-              return [2
-              /*return*/
-              ];
+              return [2 /*return*/];
           }
         });
       });
@@ -339,29 +263,24 @@ function (_super) {
     };
     return _this;
   }
-
   Tabs.getDerivedStateFromProps = function (nextProps) {
     if ('activeValue' in nextProps) {
       return {
         activeValue: nextProps.activeValue
       };
     }
-
     return null;
   };
-
   Tabs.prototype.componentDidMount = function () {
     var _this = this;
-
-    this.setBarStyles(); // 加入 resize 监听
-
+    this.setBarStyles();
+    // 加入 resize 监听
     if (!this.resizeHandler) {
       this.resizeHandler = (0, _utils.addEventListener)(window, 'resize', (0, _utils.throttleWithRAF)(function () {
         return _this.setBarStyles();
       }));
     }
   };
-
   Tabs.prototype.componentDidUpdate = function (prevProps, prevState) {
     // 等待activeValue更新后，在计算bar的样式，
     // 主要解决active后，active样式发生改变，bar也需要相应调整
@@ -369,31 +288,27 @@ function (_super) {
       this.setBarStyles();
     }
   };
-
   Tabs.prototype.componentWillUnmount = function () {
     if (this.resizeHandler) {
       this.resizeHandler.remove();
       this.resizeHandler = null;
     }
   };
-
   Tabs.prototype.render = function () {
     var _this = this;
-
     var cls = this.prefixCls;
     var _a = this.props,
-        className = _a.className,
-        options = _a.options,
-        placement = _a.placement;
+      className = _a.className,
+      options = _a.options,
+      placement = _a.placement;
     var _b = this.state,
-        activeValue = _b.activeValue,
-        barStyles = _b.barStyles;
+      activeValue = _b.activeValue,
+      barStyles = _b.barStyles;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls, className, "".concat(cls, "-").concat(placement)),
       ref: this.ulRef
     }, options.map(function (item) {
       var _a;
-
       return /*#__PURE__*/_react.default.createElement("div", {
         key: item.value,
         className: (0, _classnames.default)("".concat(cls, "-item"), item.className, (_a = {}, _a["".concat(cls, "-active")] = activeValue === item.value, _a["".concat(cls, "-disabled")] = item.disabled, _a)),
@@ -405,7 +320,6 @@ function (_super) {
       style: barStyles
     }));
   };
-
   Tabs.defaultProps = {
     barSize: '1px',
     placement: 'top',
@@ -414,6 +328,5 @@ function (_super) {
   };
   return Tabs;
 }(_react.default.Component);
-
 var _default = Tabs;
 exports.default = _default;

package/lib/tooltip/index.js

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Tooltip;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 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-tooltip';
-
 function Tooltip(props) {
   return /*#__PURE__*/_react.default.createElement(_popover.default, __assign({}, props, {
     prefixCls: cls

package/lib/trigger/align.js

@@ -75,11 +75,7 @@ Object.defineProperty(exports, "getTopRightLocationInfo", {
     return _topAlign.getTopRightLocationInfo;
   }
 });
-
 var _leftAlign = require("./leftAlign");
-
 var _rightAlign = require("./rightAlign");
-
 var _topAlign = require("./topAlign");
-
 var _bottomAlign = require("./bottomAlign");

package/lib/trigger/bottomAlign.js

@@ -6,33 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBottomLeftLocationInfo = getBottomLeftLocationInfo;
 exports.getBottomLocationInfo = getBottomLocationInfo;
 exports.getBottomRightLocationInfo = getBottomRightLocationInfo;
-
 var _utils = require("./utils");
-
 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 getBottomCommon(_a) {
   var top = _a.top,
-      rootInfo = _a.rootInfo,
-      popInfo = _a.popInfo,
-      arrowLeft = _a.arrowLeft,
-      hiddenArrow = _a.hiddenArrow,
-      rootToPopupSpacing = _a.rootToPopupSpacing,
-      isTransformHorizontalDirection = _a.isTransformHorizontalDirection;
+    rootInfo = _a.rootInfo,
+    popInfo = _a.popInfo,
+    arrowLeft = _a.arrowLeft,
+    hiddenArrow = _a.hiddenArrow,
+    rootToPopupSpacing = _a.rootToPopupSpacing,
+    isTransformHorizontalDirection = _a.isTransformHorizontalDirection;
   return {
     rootWidth: rootInfo.width,
     width: popInfo.width,
@@ -46,22 +40,19 @@ function getBottomCommon(_a) {
     transformOrigin: isTransformHorizontalDirection ? 'center top' : "".concat(arrowLeft, "px top")
   };
 }
-
 function getBottomLocationInfo(_a) {
   var rootInfo = _a.rootInfo,
-      popInfo = _a.popInfo,
-      _b = _a.translateX,
-      translateX = _b === void 0 ? 0 : _b,
-      rootToPopupSpacing = _a.rootToPopupSpacing,
-      isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
-      hiddenArrow = _a.hiddenArrow,
-      isInsertNode = _a.isInsertNode;
+    popInfo = _a.popInfo,
+    _b = _a.translateX,
+    translateX = _b === void 0 ? 0 : _b,
+    rootToPopupSpacing = _a.rootToPopupSpacing,
+    isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
+    hiddenArrow = _a.hiddenArrow,
+    isInsertNode = _a.isInsertNode;
   var arrowLeft = (0, _utils.getArrowLeft)(popInfo.width / 2 - translateX, popInfo.width);
-
   var _c = (0, _utils.getAvailPosition)(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,
@@ -74,22 +65,19 @@ function getBottomLocationInfo(_a) {
     left: left + rootInfo.width / 2 - popInfo.width / 2 + translateX
   });
 }
-
 function getBottomLeftLocationInfo(_a) {
   var rootInfo = _a.rootInfo,
-      popInfo = _a.popInfo,
-      _b = _a.translateX,
-      translateX = _b === void 0 ? 0 : _b,
-      rootToPopupSpacing = _a.rootToPopupSpacing,
-      isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
-      hiddenArrow = _a.hiddenArrow,
-      isInsertNode = _a.isInsertNode;
+    popInfo = _a.popInfo,
+    _b = _a.translateX,
+    translateX = _b === void 0 ? 0 : _b,
+    rootToPopupSpacing = _a.rootToPopupSpacing,
+    isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
+    hiddenArrow = _a.hiddenArrow,
+    isInsertNode = _a.isInsertNode;
   var arrowLeft = (0, _utils.getArrowLeft)(rootInfo.width / 2 - translateX, popInfo.width);
-
   var _c = (0, _utils.getAvailPosition)(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,
@@ -102,22 +90,19 @@ function getBottomLeftLocationInfo(_a) {
     left: left + translateX
   });
 }
-
 function getBottomRightLocationInfo(_a) {
   var rootInfo = _a.rootInfo,
-      popInfo = _a.popInfo,
-      _b = _a.translateX,
-      translateX = _b === void 0 ? 0 : _b,
-      rootToPopupSpacing = _a.rootToPopupSpacing,
-      isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
-      hiddenArrow = _a.hiddenArrow,
-      isInsertNode = _a.isInsertNode;
+    popInfo = _a.popInfo,
+    _b = _a.translateX,
+    translateX = _b === void 0 ? 0 : _b,
+    rootToPopupSpacing = _a.rootToPopupSpacing,
+    isTransformHorizontalDirection = _a.isTransformHorizontalDirection,
+    hiddenArrow = _a.hiddenArrow,
+    isInsertNode = _a.isInsertNode;
   var arrowLeft = (0, _utils.getArrowLeft)(popInfo.width - rootInfo.width / 2 - translateX, popInfo.width);
-
   var _c = (0, _utils.getAvailPosition)(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,

package/lib/trigger/constants.js

@@ -68,11 +68,9 @@ var LocationType = {
   }
 };
 exports.LocationType = LocationType;
-
 function getLocationInfo(placement) {
   if (!LocationType[placement]) {
     throw new TypeError('Support placement: Top, TopLeft, TopRight, Bottom, BottomLeft, BottomRight, Right, RightTop, RightBottom, Left, LeftTop, LeftBottom');
   }
-
   return LocationType[placement];
 }