@autobest-ui/components 2.2.1 → 2.4.0

package/esm/tabs/index.js

@@ -9,30 +9,23 @@ 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 __awaiter = this && this.__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 {
@@ -41,7 +34,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -49,29 +41,26 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         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 = this && this.__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),
@@ -79,79 +68,60 @@ var __generator = this && this.__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];
@@ -160,7 +130,6 @@ var __generator = this && this.__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -168,19 +137,13 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { getActualOffsetAndSize, isBlank, isEmptyArray, addEventListener, throttleWithRAF } from '@autobest-ui/utils';
-
-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.createRef();
@@ -188,50 +151,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 || 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 = getActualOffsetAndSize(activeElement, actualDisplayValue, actualPositionValue);
       var barStyles = {};
-
       if (placement === 'top' || placement === 'bottom') {
         barStyles.width = "".concat(offsetAndSize.width, "px");
         barStyles.height = barSize;
@@ -241,83 +193,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*/];
           }
         });
       });
@@ -328,29 +256,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 = addEventListener(window, 'resize', throttleWithRAF(function () {
         return _this.setBarStyles();
       }));
     }
   };
-
   Tabs.prototype.componentDidUpdate = function (prevProps, prevState) {
     // 等待activeValue更新后，在计算bar的样式，
     // 主要解决active后，active样式发生改变，bar也需要相应调整
@@ -358,31 +281,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.createElement("div", {
       className: classNames(cls, className, "".concat(cls, "-").concat(placement)),
       ref: this.ulRef
     }, options.map(function (item) {
       var _a;
-
       return /*#__PURE__*/React.createElement("div", {
         key: item.value,
         className: classNames("".concat(cls, "-item"), item.className, (_a = {}, _a["".concat(cls, "-active")] = activeValue === item.value, _a["".concat(cls, "-disabled")] = item.disabled, _a)),
@@ -394,7 +313,6 @@ function (_super) {
       style: barStyles
     }));
   };
-
   Tabs.defaultProps = {
     barSize: '1px',
     placement: 'top',
@@ -403,5 +321,4 @@ function (_super) {
   };
   return Tabs;
 }(React.Component);
-
 export default Tabs;

package/esm/tabs/style/index.css

@@ -1 +1 @@
-.ab-tabs{position:relative;display:flex}.ab-tabs-item{cursor:pointer}.ab-tabs-item.ab-tabs-active{font-weight:700}.ab-tabs-item.ab-tabs-disabled{cursor:not-allowed;opacity:.7}.ab-tabs-bar{position:absolute;background-color:#b22222;transition:all .25s;width:0;height:0;overflow:hidden;margin:0;padding:0}.ab-tabs-bottom,.ab-tabs-top{flex-direction:row}.ab-tabs-bottom>.ab-tabs-bar,.ab-tabs-top>.ab-tabs-bar{left:0}.ab-tabs-left,.ab-tabs-right{flex-direction:column}.ab-tabs-left>.ab-tabs-bar,.ab-tabs-right>.ab-tabs-bar{top:0}.ab-tabs-top>.ab-tabs-bar{bottom:0}.ab-tabs-bottom>.ab-tabs-bar{top:0}.ab-tabs-left>.ab-tabs-bar{right:0}.ab-tabs-right>.ab-tabs-bar{left:0}
+.ab-tabs{position:relative;display:flex}.ab-tabs-item{cursor:pointer}.ab-tabs-item.ab-tabs-active{font-weight:700}.ab-tabs-item.ab-tabs-disabled{cursor:not-allowed;opacity:.7}.ab-tabs-bar{position:absolute;background-color:#b22222;transition:.25s;width:0;height:0;overflow:hidden;margin:0;padding:0}.ab-tabs-bottom,.ab-tabs-top{flex-direction:row}.ab-tabs-bottom>.ab-tabs-bar,.ab-tabs-top>.ab-tabs-bar{left:0}.ab-tabs-left,.ab-tabs-right{flex-direction:column}.ab-tabs-left>.ab-tabs-bar,.ab-tabs-right>.ab-tabs-bar{top:0}.ab-tabs-top>.ab-tabs-bar{bottom:0}.ab-tabs-bottom>.ab-tabs-bar{top:0}.ab-tabs-left>.ab-tabs-bar{right:0}.ab-tabs-right>.ab-tabs-bar{left:0}

package/esm/tooltip/index.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 from 'react';
 import Popover from '../popover';
 var cls = 'ab-tooltip';

package/esm/tooltip/style/index.css

@@ -1 +1 @@
-.ab-tooltip-wrap{background-clip:padding-box;padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px;line-height:1.4;border:1px solid #906c00;box-shadow:1px 1px 5px -1px #000;background-color:#fffaec}.ab-tooltip-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-tooltip-inner-expand{padding-right:.1rem}.ab-tooltip-arrow{position:absolute;display:block;width:8px;height:8px;border-top-color:transparent;border-left-color:transparent;border-style:solid;box-shadow:3px 3px 7px rgba(0,0,0,.07);background-color:#fffaec;border-right-color:#906c00;border-bottom-color:#906c00;border-width:1px}.ab-tooltip-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-tooltip-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-tooltip-wrap{width:calc(100% - .3rem)}}
+.ab-trigger-wrap{position:absolute;top:0;left:0;z-index:101}.ab-trigger-wrap.ab-trigger-hidden{display:none}.ab-trigger-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background-color:transparent;display:none}.ab-trigger-mask.ab-trigger-mask-show{display:block}.ab-trigger-fade-appear,.ab-trigger-fade-enter,.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0}.ab-trigger-fade-appear,.ab-trigger-fade-enter{transform:scale(.7)}.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0;transform:scaleY(.7)}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active,.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{opacity:1;transition:opacity .2s,transform .2s}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active{transform:scale(1)}.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{transform:scaleY(1)}.ab-trigger-fade-exit,.ab-trigger-fade-hr-exit{opacity:1}.ab-trigger-fade-exit-active,.ab-trigger-fade-hr-exit-active{opacity:0;transition:opacity .2s,transform .2s}.ab-trigger-fade-exit-active{transform:scale(.7)}.ab-trigger-fade-hr-exit-active{transform:scaleY(.7)}.ab-trigger-fade-exit-done,.ab-trigger-fade-hr-exit-done{display:none}.ab-tooltip-wrap{background-clip:padding-box;padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px;line-height:1.4;border:1px solid #906c00;box-shadow:1px 1px 5px -1px #000;background-color:#fffaec}.ab-tooltip-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-tooltip-inner-expand{padding-right:.1rem}.ab-tooltip-arrow{position:absolute;display:block;width:8px;height:8px;border-style:solid;box-shadow:3px 3px 7px rgba(0,0,0,.07);background-color:#fffaec;border-color:transparent #906c00 #906c00 transparent;border-width:1px}.ab-tooltip-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-tooltip-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-tooltip-wrap{width:calc(100% - .3rem)}}

package/esm/trigger/align.js

@@ -1,8 +1,8 @@
 // left 位置方法
-export { getLeftLocationInfo, getLeftBottomLocationInfo, getLeftTopLocationInfo } from './leftAlign'; // right 位置方法
-
-export { getRightLocationInfo, getRightBottomLocationInfo, getRightTopLocationInfo } from './rightAlign'; // top 位置方法
-
-export { getTopLocationInfo, getTopLeftLocationInfo, getTopRightLocationInfo } from './topAlign'; // bottom 位置方法
-
+export { getLeftLocationInfo, getLeftBottomLocationInfo, getLeftTopLocationInfo } from './leftAlign';
+// right 位置方法
+export { getRightLocationInfo, getRightBottomLocationInfo, getRightTopLocationInfo } from './rightAlign';
+// top 位置方法
+export { getTopLocationInfo, getTopLeftLocationInfo, getTopRightLocationInfo } from './topAlign';
+// bottom 位置方法
 export { getBottomLeftLocationInfo, getBottomLocationInfo, getBottomRightLocationInfo } from './bottomAlign';

package/esm/trigger/bottomAlign.js

@@ -2,28 +2,23 @@ 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 { getArrowLeft, getAvailPosition } from './utils';
-
 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,
@@ -37,22 +32,19 @@ function getBottomCommon(_a) {
     transformOrigin: isTransformHorizontalDirection ? 'center top' : "".concat(arrowLeft, "px top")
   };
 }
-
 export 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 = getArrowLeft(popInfo.width / 2 - translateX, popInfo.width);
-
   var _c = getAvailPosition(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,
@@ -67,19 +59,17 @@ export function getBottomLocationInfo(_a) {
 }
 export 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 = getArrowLeft(rootInfo.width / 2 - translateX, popInfo.width);
-
   var _c = getAvailPosition(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,
@@ -94,19 +84,17 @@ export function getBottomLeftLocationInfo(_a) {
 }
 export 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 = getArrowLeft(popInfo.width - rootInfo.width / 2 - translateX, popInfo.width);
-
   var _c = getAvailPosition(rootInfo, isInsertNode),
-      left = _c.left,
-      top = _c.top;
-
+    left = _c.left,
+    top = _c.top;
   return __assign(__assign({}, getBottomCommon({
     top: top,
     rootInfo: rootInfo,

package/esm/trigger/constants.js

@@ -64,6 +64,5 @@ export 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];
 }