@autobest-ui/components 2.2.1 → 2.4.0

package/lib/link-list/index.js

@@ -1,20 +1,14 @@
 "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 _popover = _interopRequireDefault(require("../popover"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -26,48 +20,34 @@ 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 LinkList =
-/** @class */
-function (_super) {
+var LinkList = /** @class */function (_super) {
   __extends(LinkList, _super);
-
   function LinkList(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-link-list';
-
     _this.onVisibleChange = function () {
       _this.setState({
         visible: !_this.state.visible
       });
     };
-
     _this.state = {
       visible: props.defaultVisible
     };
     return _this;
   }
-
   LinkList.prototype.renderItemContent = function (item) {
     var _a;
-
     var hrefTarget = this.props.hrefTarget;
     var cls = this.prefixCls;
     return item.url ? /*#__PURE__*/_react.default.createElement("a", {
@@ -80,13 +60,11 @@ function (_super) {
       className: (0, _classnames.default)((_a = {}, _a["".concat(cls, "-hidden")] = item.isHidden, _a))
     }, "".concat(item.name, " "));
   };
-
   LinkList.prototype.renderItem = function (item) {
     // 判断hiddenPopover和是否有具体的popover参数
     if (this.props.hiddenPopover || (0, _utils.isEmptyObject)(item.subInfo)) {
       return this.renderItemContent(item);
     }
-
     var subInfo = item.subInfo;
     var cls = this.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_popover.default, {
@@ -107,37 +85,32 @@ function (_super) {
       mouseEnterDelay: 0.1
     }, this.renderItemContent(item));
   };
-
   LinkList.prototype.renderContent = function () {
     var _this = this;
-
     var _a = this.props,
-        hiddenPopover = _a.hiddenPopover,
-        options = _a.options; // 隐藏popover和忽略分列
-
+      hiddenPopover = _a.hiddenPopover,
+      options = _a.options;
+    // 隐藏popover和忽略分列
     if (hiddenPopover) {
       return options.map(function (item) {
         return _this.renderItemContent(item);
       });
-    } // 忽略分列
-
-
+    }
+    // 忽略分列
     return options.map(function (item) {
       return _this.renderItem(item);
     });
   };
-
   LinkList.prototype.render = function () {
     var _a, _b;
-
     var cls = this.prefixCls;
     var visible = this.state.visible;
     var _c = this.props,
-        className = _c.className,
-        title = _c.title,
-        extraTopElement = _c.extraTopElement,
-        extraBottomElement = _c.extraBottomElement,
-        columnCount = _c.columnCount;
+      className = _c.className,
+      title = _c.title,
+      extraTopElement = _c.extraTopElement,
+      extraBottomElement = _c.extraBottomElement,
+      columnCount = _c.columnCount;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls, className)
     }, title ? /*#__PURE__*/_react.default.createElement("div", {
@@ -151,7 +124,6 @@ function (_super) {
       className: (0, _classnames.default)("".concat(cls, "-content"), "".concat(cls, "-col").concat(columnCount))
     }, this.renderContent()), extraBottomElement));
   };
-
   LinkList.defaultProps = {
     className: '',
     hrefTarget: '_self',
@@ -162,6 +134,5 @@ function (_super) {
   };
   return LinkList;
 }(_react.default.Component);
-
 var _default = LinkList;
 exports.default = _default;

package/lib/link-list/style/index.css

@@ -1 +1 @@
-.ab-link-list-title{font-size:.16rem;margin:0 0;padding:0 0 .12rem 0;display:flex;justify-content:space-between;align-items:center}.ab-link-list-icon{display:none}.ab-link-list-content{flex-wrap:wrap;width:auto;margin-right:-.15rem}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span{min-width:calc(100% / 2 - .15rem);max-width:calc(100% / 2 - .15rem)}.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span{min-width:calc(100% / 4 - .15rem);max-width:calc(100% / 4 - .15rem)}.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span{min-width:calc(100% / 5 - .15rem);max-width:calc(100% / 5 - .15rem)}.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span{min-width:calc(100% / 6 - .15rem);max-width:calc(100% / 6 - .15rem)}.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(100% / 8 - .15rem);max-width:calc(100% / 8 - .15rem)}.ab-link-list-content>a,.ab-link-list-content>span{cursor:pointer;border:.5px solid #d0d0d0;margin-bottom:8px;display:inline-block;justify-content:space-between;align-items:center;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.085rem .15rem .085rem .12rem;color:#333;margin-right:.15rem}.ab-link-list-content>a:after,.ab-link-list-content>span:after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:grey;font-size:.12rem}.ab-link-list-content>a:hover,.ab-link-list-content>span:hover{text-decoration:underline;color:#f97601}.ab-link-list-content>.ab-link-list-hidden{display:none}.ab-link-list-wrap-popover.ab-popover-wrap{max-width:3.5rem;min-width:3rem}.ab-link-list-sub-title{display:block;padding-bottom:.06rem;font-size:.12rem}.ab-link-list-sub-link{text-decoration:underline;color:#333;font-size:.12rem;padding:0 .05rem .05rem 0;display:inline-block}@media only screen and (max-width:767px){.ab-link-list-divider{border-bottom:1px solid #d0d0d0}.ab-link-list-body{height:0;width:0;overflow:hidden}.ab-link-list-body.ab-link-list-active{height:auto;width:auto}.ab-link-list-content>a,.ab-link-list-content>span{min-width:calc(50% - .15rem)!important;max-width:calc(50% - .15rem)!important}.ab-link-list-icon{font-weight:700;font-size:.22rem;cursor:pointer;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center}}
+.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-popover-wrap{background-color:#fff;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px}.ab-popover-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-style:solid;background-color:#fff;border-color:transparent #fff #fff transparent;border-width:4px;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}}.ab-link-list-title{font-size:.16rem;margin:0;padding:0 0 .12rem;display:flex;justify-content:space-between;align-items:center}.ab-link-list-icon{display:none}.ab-link-list-content{flex-wrap:wrap;width:auto;margin-right:-.15rem}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span{min-width:calc(100% / 2 - .15rem);max-width:calc(100% / 2 - .15rem)}.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span{min-width:calc(100% / 4 - .15rem);max-width:calc(100% / 4 - .15rem)}.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span{min-width:calc(100% / 5 - .15rem);max-width:calc(100% / 5 - .15rem)}.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span{min-width:calc(100% / 6 - .15rem);max-width:calc(100% / 6 - .15rem)}.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(100% / 8 - .15rem);max-width:calc(100% / 8 - .15rem)}.ab-link-list-content>a,.ab-link-list-content>span{cursor:pointer;border:.5px solid #d0d0d0;margin-bottom:8px;display:inline-block;justify-content:space-between;align-items:center;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.085rem .15rem .085rem .12rem;color:#333;margin-right:.15rem}.ab-link-list-content>a::after,.ab-link-list-content>span::after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:grey;font-size:.12rem}.ab-link-list-content>a:hover,.ab-link-list-content>span:hover{text-decoration:underline;color:#f97601}.ab-link-list-content>.ab-link-list-hidden{display:none}.ab-link-list-wrap-popover.ab-popover-wrap{max-width:3.5rem;min-width:3rem}.ab-link-list-sub-title{display:block;padding-bottom:.06rem;font-size:.12rem}.ab-link-list-sub-link{text-decoration:underline;color:#333;font-size:.12rem;padding:0 .05rem .05rem 0;display:inline-block}@media only screen and (max-width:767px){.ab-link-list-divider{border-bottom:1px solid #d0d0d0}.ab-link-list-body{height:0;width:0;overflow:hidden}.ab-link-list-body.ab-link-list-active{height:auto;width:auto}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span,.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span,.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span,.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span,.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(50% - .15rem);max-width:calc(50% - .15rem)}.ab-link-list-icon{font-weight:700;font-size:.22rem;cursor:pointer;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center}}

package/lib/loading/index.js

@@ -1,79 +1,59 @@
 "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 _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _utils = require("@autobest-ui/utils");
-
 var _loadingIcon = _interopRequireDefault(require("../loading-icon"));
-
 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);
 };
-
 // 缓存创建的loading元素
 var loadingElement = null;
 var loadingTimer = null;
 var closeTimer = null;
 var prevCustomIcon = null;
 var cls = 'ab-loading';
-
 function getLoadingContainer(customIcon, className) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(cls, "-wrap"), className)
   }, customIcon || /*#__PURE__*/_react.default.createElement(_loadingIcon.default, {
     className: "".concat(cls, "-content")
   }));
-} // openIds 容器
-
-
-var openIds = []; // closeIds 容器
-
+}
+// openIds 容器
+var openIds = [];
+// closeIds 容器
 var closeIds = [];
-
 function createLoading(customIcon, className) {
   loadingElement = document.createElement('div');
   document.body.appendChild(loadingElement);
-
   _reactDom.default.render(getLoadingContainer(customIcon, className), loadingElement);
 }
-
-var Loading =
-/** @class */
-function () {
+var Loading = /** @class */function () {
   function Loading() {}
-
   Loading.open = function (config) {
     if (!_utils.canUseDOM) {
       return null;
     }
-
     config = __assign({
       expire: 0
-    }, config); // 防止重复创建或自定义loading icon，重新创建
-
+    }, config);
+    // 防止重复创建或自定义loading icon，重新创建
     if (!loadingElement) {
       createLoading(config.customIcon, config.className);
     } else if (config.customIcon || config.customIcon !== prevCustomIcon) {
@@ -83,76 +63,61 @@ function () {
           loadingElement = null;
         } catch (e) {}
       }
-
       createLoading(config.customIcon, config.className);
     } else {
       loadingElement.style.display = 'block';
     }
-
-    prevCustomIcon = config.customIcon; // 如果配置中有expire且大于0
+    prevCustomIcon = config.customIcon;
+    // 如果配置中有expire且大于0
     // 将会在到达时间后自动关闭，不用手动再关闭（不需要再close()）
-
     if (config.expire > 0) {
       loadingTimer = setTimeout(function () {
         Loading.close();
       }, config.expire);
     }
-
     var id = new Date().getTime();
     openIds.push(id);
     return id;
   };
-
   Loading.close = function (closeId) {
     if (!_utils.canUseDOM) {
       return;
-    } // 防止重复关闭
-
-
+    }
+    // 防止重复关闭
     if (loadingTimer) {
       clearTimeout(loadingTimer);
     }
-
     if (closeTimer) {
       clearTimeout(closeTimer);
     }
-
     if (!closeId) {
       openIds = [];
       closeIds = [];
-
       if (loadingElement) {
         loadingElement.style.display = 'none';
       }
-
       return;
     }
-
-    closeIds.push(closeId); // 代码执行时，由于一些接口loading很短暂，而另一个接口还没有开始调用，
+    closeIds.push(closeId);
+    // 代码执行时，由于一些接口loading很短暂，而另一个接口还没有开始调用，
     // 只有closeId是不能真正解决一些特殊loading抖动情况，
     // 根据js的任务队列，我们加入setTimeout，只有主线程结束后才执行销毁
-
     closeTimer = setTimeout(function () {
       closeIds.forEach(function (id) {
         var index = openIds.indexOf(id);
-
         if (index >= 0) {
           openIds.splice(index, 1);
         }
       });
-
       if (!openIds.length) {
         closeIds = [];
-
         if (loadingElement) {
           loadingElement.style.display = 'none';
         }
       }
     });
   };
-
   return Loading;
 }();
-
 var _default = Loading;
 exports.default = _default;

package/lib/loading/style/index.css

@@ -1 +1 @@
-.ab-loading-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,.7);height:100%;width:100%}.ab-loading-wrap .ab-loading-content{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.31rem;transform:translate3d(-50%,-50%,0)}
+.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:1s linear infinite reverse loading}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.ab-loading-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,.7);height:100%;width:100%}.ab-loading-wrap .ab-loading-content{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.31rem;transform:translate(-50%,-50%)}

package/lib/loading-bar/index.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LoadingBar;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _portal = _interopRequireDefault(require("../portal"));
-
 var cls = 'ab-loading-bar';
-
 function LoadingBar() {
   return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement("div", {
     className: cls

package/lib/loading-bar/style/index.css

@@ -1 +1 @@
-.ab-loading-bar{position:fixed;top:0;left:0;margin-bottom:-3px;height:3px;width:100%;z-index:999}@keyframes movingBar{0%{left:50%;right:50%}99.9%{left:0;right:0}100%{left:50%;right:50%}}@keyframes changeBar{0%{background-color:#0aa770}33.3%{background-color:#0aa770}33.33%{background-color:red}66.6%{background-color:#f987d6}66.66%{background-color:#f987d6}99.9%{background-color:#00bcd4}}.ab-loading-bar-bar{position:absolute;height:0;width:100%;text-indent:-9999px;background-color:#0aa770;animation:changeBar 2.25s infinite}.ab-loading-bar-bar:before{content:"";height:3px;position:absolute;left:50%;right:50%;background-color:inherit;animation:movingBar .75s infinite}
+.ab-loading-bar{position:fixed;top:0;left:0;margin-bottom:-3px;height:3px;width:100%;z-index:999}@keyframes movingBar{0%{left:50%;right:50%}99.9%{left:0;right:0}100%{left:50%;right:50%}}@keyframes changeBar{0%,33.3%{background-color:#0aa770}33.33%{background-color:red}66.6%,66.66%{background-color:#f987d6}99.9%{background-color:#00bcd4}}.ab-loading-bar-bar{position:absolute;height:0;width:100%;text-indent:-9999px;background-color:#0aa770;animation:2.25s infinite changeBar}.ab-loading-bar-bar::before{content:"";height:3px;position:absolute;left:50%;right:50%;background-color:inherit;animation:.75s infinite movingBar}

package/lib/loading-container/index.js

@@ -1,27 +1,20 @@
 "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 _loadingIcon = _interopRequireDefault(require("../loading-icon"));
-
 var cls = 'ab-loading-container';
-
 function LoadingContainer(props) {
   var _a;
-
   var _b = props.loading,
-      loading = _b === void 0 ? false : _b,
-      className = props.className,
-      children = props.children;
+    loading = _b === void 0 ? false : _b,
+    className = props.className,
+    children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, cls, (_a = {}, _a["".concat(cls, "-active")] = loading, _a))
   }, children, loading && /*#__PURE__*/_react.default.createElement("div", {
@@ -30,6 +23,5 @@ function LoadingContainer(props) {
     className: "".concat(cls, "-icon")
   })));
 }
-
 var _default = LoadingContainer;
 exports.default = _default;

package/lib/loading-container/style/index.css

@@ -1 +1 @@
-.ab-loading-container{position:relative}.ab-loading-container-active{user-select:none;pointer-events:none}.ab-loading-container-icon-box{position:absolute;background-color:rgba(255,255,255,.7);top:0;left:0;z-index:4;display:block;width:100%;height:100%}.ab-loading-container-icon{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
+.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:1s linear infinite reverse loading}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.ab-loading-container{position:relative}.ab-loading-container-active{user-select:none;pointer-events:none}.ab-loading-container-icon-box{position:absolute;background-color:rgba(255,255,255,.7);top:0;left:0;z-index:4;display:block;width:100%;height:100%}.ab-loading-container-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

package/lib/loading-icon/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 cls = 'ab-svg-loading';
-
 var LoadingIcon = function LoadingIcon(props) {
   var className = props.className;
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -65,7 +60,5 @@ var LoadingIcon = function LoadingIcon(props) {
     fill: "#fff"
   })));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(LoadingIcon);
-
 exports.default = _default;

package/lib/loading-icon/style/index.css

@@ -1 +1 @@
-.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:loading 1s infinite linear reverse}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
+.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:1s linear infinite reverse loading}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

package/lib/mask/index.js

@@ -1,38 +1,29 @@
 "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 _reactTransitionGroup = require("react-transition-group");
-
 var _utils = require("@autobest-ui/utils");
-
 var prefixCls = 'ab-mask';
-
 function Mask(_a, ref) {
   var className = _a.className,
-      _b = _a.timeout,
-      timeout = _b === void 0 ? 300 : _b,
-      _c = _a.onClose,
-      onClose = _c === void 0 ? function () {} : _c,
-      visible = _a.visible; // mousedown和touchstart会一起触发，这里判断后，只执行一次
-
+    _b = _a.timeout,
+    timeout = _b === void 0 ? 300 : _b,
+    _c = _a.onClose,
+    onClose = _c === void 0 ? function () {} : _c,
+    visible = _a.visible;
+  // mousedown和touchstart会一起触发，这里判断后，只执行一次
   var onChangeVisible = _react.default.useCallback(function (event) {
     var touch = (0, _utils.isTouchScreen)();
-
     if (event.type === 'touchstart' && touch || event.type === 'mousedown' && !touch) {
       onClose(event);
     }
   }, [onClose]);
-
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: visible,
     timeout: timeout,
@@ -45,7 +36,5 @@ function Mask(_a, ref) {
     ref: ref
   }));
 }
-
 var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Mask));
-
 exports.default = _default;

package/lib/mask/style/index.css

@@ -1 +1 @@
-.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{opacity:1}.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{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}

package/lib/message/index.d.ts

@@ -5,20 +5,31 @@ export interface MessageProps {
      */
     content: React.ReactNode;
     /**
-     * class样式名
+     * 支持多种样式
      */
-    className?: string;
     contentClassName?: string;
     /**
      * 提示文字显示的时间，达到时间后自动关闭
      */
     expires?: number;
+    /**
+     * 销毁后的回调
+     */
+    onDestroy?: () => void;
+}
+export interface MessageConfig {
+    className?: string;
+    expires?: number;
     /**
      * 最多同时显示的提示文字条数
      */
     maxCount?: number;
-    width?: string;
-    height?: string;
-    onDestroy?: (id: number) => void;
 }
-export default function Message(config: MessageProps): () => void;
+declare function Message(props: MessageProps): {
+    onCloseAll: () => void;
+    onClose: () => void;
+};
+declare namespace Message {
+    var setConfig: (config: MessageConfig) => void;
+}
+export default Message;