@autobest-ui/components 1.3.0 → 2.0.0

package/lib/input-number/index.js

@@ -21,7 +21,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -29,6 +29,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   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 __() {
@@ -65,7 +67,7 @@ function (_super) {
   function InputNumber(props) {
     var _this = _super.call(this, props) || this;
 
-    _this.currentRef = _react.default.createRef();
+    _this.currentRef = /*#__PURE__*/_react.default.createRef();
 
     _this.onFocus = function (e) {
       var _a = _this.props,
@@ -145,19 +147,19 @@ function (_super) {
 
       if (isAdd) {
         inputEl.style.cursor = 'default';
-        addBtnEl.setAttribute('class', cls + "-button " + cls + "-hover");
+        addBtnEl.setAttribute('class', "".concat(cls, "-button ").concat(cls, "-hover"));
         return;
       }
 
       if (isSub) {
         inputEl.style.cursor = 'default';
-        subBtnEl.setAttribute('class', cls + "-button " + cls + "-hover");
+        subBtnEl.setAttribute('class', "".concat(cls, "-button ").concat(cls, "-hover"));
         return;
       }
 
       inputEl.style.cursor = 'text';
-      addBtnEl.setAttribute('class', cls + "-button");
-      subBtnEl.setAttribute('class', cls + "-button");
+      addBtnEl.setAttribute('class', "".concat(cls, "-button"));
+      subBtnEl.setAttribute('class', "".concat(cls, "-button"));
     };
 
     _this.onMouseDown = function (ev) {
@@ -185,13 +187,13 @@ function (_super) {
           isSub = _b.isSub;
 
       if (isAdd) {
-        addBtnEl.setAttribute('class', cls + "-button " + cls + "-active");
+        addBtnEl.setAttribute('class', "".concat(cls, "-button ").concat(cls, "-active"));
 
         _this.onAdd();
       }
 
       if (isSub) {
-        subBtnEl.setAttribute('class', cls + "-button " + cls + "-active");
+        subBtnEl.setAttribute('class', "".concat(cls, "-button ").concat(cls, "-active"));
 
         _this.onSub();
       }
@@ -211,8 +213,8 @@ function (_super) {
           subBtnEl = _a.subBtnEl;
 
       if (addBtnEl && subBtnEl) {
-        addBtnEl.setAttribute('class', cls + "-button");
-        subBtnEl.setAttribute('class', cls + "-button");
+        addBtnEl.setAttribute('class', "".concat(cls, "-button"));
+        subBtnEl.setAttribute('class', "".concat(cls, "-button"));
       } // 重新添加move事件
 
 
@@ -327,7 +329,7 @@ function (_super) {
       }
 
       var resultArr = value.split('.');
-      return resultArr[0] + "." + (resultArr[1] || '').padEnd(digital, '0');
+      return "".concat(resultArr[0], ".").concat((resultArr[1] || '').padEnd(digital, '0'));
     };
 
     _this.onChangePackMultipleValue = function (value) {
@@ -450,7 +452,7 @@ function (_super) {
 
 
       if (digital) {
-        currentValue = new RegExp("[^.]+([.](\\d{0," + digital + "}))?").exec(currentValue)[0].toString();
+        currentValue = new RegExp("[^.]+([.](\\d{0,".concat(digital, "}))?")).exec(currentValue)[0].toString();
       }
 
       var valueNumber = parseFloat(currentValue);
@@ -529,18 +531,18 @@ function (_super) {
 
 
     _this.renderButton = function () {
-      return _react.default.createElement("div", {
-        className: cls + "-button-wrap"
-      }, _react.default.createElement("div", {
-        className: cls + "-button",
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-button-wrap")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-button"),
         onClick: _this.onAdd
-      }, _react.default.createElement("div", {
-        className: cls + "-add"
-      })), _react.default.createElement("div", {
-        className: cls + "-button",
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-add")
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-button"),
         onClick: _this.onSub
-      }, _react.default.createElement("div", {
-        className: cls + "-sub"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-sub")
       })));
     };
 
@@ -609,10 +611,10 @@ function (_super) {
     var inputStyle = visibleButton ? {
       paddingRight: '.2rem'
     } : {};
-    return _react.default.createElement("label", {
-      className: cls + "-wrap",
+    return /*#__PURE__*/_react.default.createElement("label", {
+      className: "".concat(cls, "-wrap"),
       ref: this.currentRef
-    }, _react.default.createElement("input", __assign({}, copyProps, {
+    }, /*#__PURE__*/_react.default.createElement("input", __assign({}, copyProps, {
       className: (0, _classnames.default)(cls, className),
       type: "text",
       onChange: this.onValueChange,

package/lib/lazy-image/index.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from 'react';
+import React, { MouseEventHandler, MouseEvent } from 'react';
 export interface LazyImageProps {
     /**
      * 需要显示的图片
@@ -71,8 +71,8 @@ declare class LazyImage extends React.Component<LazyImageProps, LazyImageStates>
      * 监听原生lazy loading, 并回调不同的事件
      */
     originalLazyLoad: () => void;
-    onMouseOut: (ev: React.MouseEvent<HTMLImageElement, globalThis.MouseEvent>) => void;
-    onMouseOver: (ev: React.MouseEvent<HTMLImageElement, globalThis.MouseEvent>) => void;
+    onMouseOut: (ev: MouseEvent<HTMLImageElement>) => void;
+    onMouseOver: (ev: MouseEvent<HTMLImageElement>) => void;
     render(): JSX.Element;
 }
 export default LazyImage;

package/lib/lazy-image/index.js

@@ -19,7 +19,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -27,6 +27,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   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 __() {
@@ -64,7 +66,7 @@ function (_super) {
     var _this = _super.call(this, props) || this;
 
     _this.prefixCls = 'ab-lazy-image';
-    _this.rootRef = _react.default.createRef();
+    _this.rootRef = /*#__PURE__*/_react.default.createRef();
     _this.isUnmount = false;
     /**
      * 监听原生lazy loading, 并回调不同的事件
@@ -203,10 +205,10 @@ function (_super) {
     delete props.active;
     delete props.onLoading;
     delete props.onLoaded;
-    return _react.default.createElement("img", __assign({
+    return /*#__PURE__*/_react.default.createElement("img", __assign({
       alt: ""
     }, props, {
-      className: (0, _classnames.default)(cls, className, (_a = {}, _a[cls + "-loading"] = loading, _a[cls + "-active"] = loading && active, _a)),
+      className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-loading")] = loading, _a["".concat(cls, "-active")] = loading && active, _a)),
       onMouseOver: this.onMouseOver,
       onMouseOut: this.onMouseOut,
       onFocus: noop,

package/lib/link-list/index.js

@@ -23,7 +23,7 @@ var __extends = void 0 && (void 0).__extends || function () {
       d.__proto__ = b;
     } || function (d, b) {
       for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
 
@@ -31,6 +31,8 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 
   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 __() {
@@ -68,15 +70,15 @@ function (_super) {
 
     var hrefTarget = this.props.hrefTarget;
     var cls = this.prefixCls;
-    return item.url ? _react.default.createElement("a", {
+    return item.url ? /*#__PURE__*/_react.default.createElement("a", {
       href: item.url,
-      className: item.isHidden ? cls + "-hidden" : undefined,
+      className: item.isHidden ? "".concat(cls, "-hidden") : undefined,
       key: item.url,
       target: hrefTarget
-    }, item.name + " ") : _react.default.createElement("span", {
+    }, "".concat(item.name, " ")) : /*#__PURE__*/_react.default.createElement("span", {
       key: item.name,
-      className: (0, _classnames.default)((_a = {}, _a[cls + "-hidden"] = item.isHidden, _a))
-    }, item.name + " ");
+      className: (0, _classnames.default)((_a = {}, _a["".concat(cls, "-hidden")] = item.isHidden, _a))
+    }, "".concat(item.name, " "));
   };
 
   LinkList.prototype.renderItem = function (item) {
@@ -87,21 +89,21 @@ function (_super) {
 
     var subInfo = item.subInfo;
     var cls = this.prefixCls;
-    return _react.default.createElement(_popover.default, {
+    return /*#__PURE__*/_react.default.createElement(_popover.default, {
       key: item.name,
-      tip: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("strong", {
-        className: cls + "-sub-title"
+      tip: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", {
+        className: "".concat(cls, "-sub-title")
       }, subInfo.title, ": "), subInfo.list.map(function (subItem, index) {
-        return _react.default.createElement("a", {
+        return /*#__PURE__*/_react.default.createElement("a", {
           href: subItem.url,
           key: index,
-          className: cls + "-sub-link"
-        }, subItem.name + " ");
+          className: "".concat(cls, "-sub-link")
+        }, "".concat(subItem.name, " "));
       })),
       isInsertNode: true,
       placement: "BottomLeft",
       trigger: "click",
-      wrapClassName: cls + "-wrap-popover",
+      wrapClassName: "".concat(cls, "-wrap-popover"),
       mouseEnterDelay: 0.1
     }, this.renderItemContent(item));
   };
@@ -136,17 +138,17 @@ function (_super) {
         extraTopElement = _c.extraTopElement,
         extraBottomElement = _c.extraBottomElement,
         columnCount = _c.columnCount;
-    return _react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls, className)
-    }, title ? _react.default.createElement("div", {
-      className: (0, _classnames.default)(cls + "-title", (_a = {}, _a[cls + "-divider"] = !visible, _a)),
+    }, title ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(cls, "-title"), (_a = {}, _a["".concat(cls, "-divider")] = !visible, _a)),
       onClick: this.onVisibleChange
-    }, title, _react.default.createElement("span", {
-      className: cls + "-icon"
-    }, visible ? '-' : '+')) : null, _react.default.createElement("div", {
-      className: (0, _classnames.default)(cls + "-body", (_b = {}, _b[cls + "-active"] = visible, _b))
-    }, extraTopElement, _react.default.createElement("div", {
-      className: (0, _classnames.default)(cls + "-content", cls + "-col" + columnCount)
+    }, title, /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(cls, "-icon")
+    }, visible ? '-' : '+')) : null, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(cls, "-body"), (_b = {}, _b["".concat(cls, "-active")] = visible, _b))
+    }, extraTopElement, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(cls, "-content"), "".concat(cls, "-col").concat(columnCount))
     }, this.renderContent()), extraBottomElement));
   };
 

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-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}}

package/lib/loading/index.d.ts

@@ -1,8 +1,13 @@
+import React from 'react';
 export interface LoadingProps {
     /**
-     * loading 样式的另一种
+     * loading 样式
      */
-    isRectLoading?: boolean;
+    className?: string;
+    /**
+     * 自定义loading, 需要补全自定义元素样式
+     */
+    customIcon?: React.ReactElement;
     /**
      * loading开始后自动隐藏的时间，单位：毫秒
      */

package/lib/loading/index.js

@@ -15,8 +15,6 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _utils = require("@autobest-ui/utils");
 
-var _useConfig = _interopRequireDefault(require("../use-config"));
-
 var _loadingIcon = _interopRequireDefault(require("../loading-icon"));
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -39,19 +37,14 @@ var __assign = void 0 && (void 0).__assign || function () {
 var loadingElement = null;
 var loadingTimer = null;
 var closeTimer = null;
+var prevCustomIcon = null;
 var cls = 'ab-loading';
 
-function getLoadingContainer(isRectLoading) {
-  var _a;
-
-  return _react.default.createElement("div", {
-    className: (0, _classnames.default)(cls + "-wrap", (_a = {}, _a[cls + "-rect-loading"] = isRectLoading, _a))
-  }, isRectLoading ? _react.default.createElement("img", {
-    className: cls + "-content",
-    src: _useConfig.default.assetCommonUiUrl + "/images/p_loading_rect.gif",
-    alt: "loading..."
-  }) : _react.default.createElement(_loadingIcon.default, {
-    className: cls + "-content"
+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 容器
 
@@ -59,13 +52,12 @@ function getLoadingContainer(isRectLoading) {
 var openIds = []; // closeIds 容器
 
 var closeIds = [];
-var prevIsRectLoading = false;
 
-function createLoading(isRectLoading) {
+function createLoading(customIcon, className) {
   loadingElement = document.createElement('div');
   document.body.appendChild(loadingElement);
 
-  _reactDom.default.render(getLoadingContainer(isRectLoading), loadingElement);
+  _reactDom.default.render(getLoadingContainer(customIcon, className), loadingElement);
 }
 
 var Loading =
@@ -79,24 +71,25 @@ function () {
     }
 
     config = __assign({
-      isRectLoading: false,
       expire: 0
-    }, config); // 防止重复创建
+    }, config); // 防止重复创建或自定义loading icon，重新创建
 
     if (!loadingElement) {
-      createLoading(config.isRectLoading);
-    } else if (prevIsRectLoading !== config.isRectLoading) {
-      // loading 类型不同时，重新创建
-      try {
-        document.body.removeChild(loadingElement);
-      } catch (e) {}
-
-      createLoading(config.isRectLoading);
+      createLoading(config.customIcon, config.className);
+    } else if (config.customIcon || config.customIcon !== prevCustomIcon) {
+      if (loadingElement) {
+        try {
+          document.body.removeChild(loadingElement);
+          loadingElement = null;
+        } catch (e) {}
+      }
+
+      createLoading(config.customIcon, config.className);
     } else {
       loadingElement.style.display = 'block';
     }
 
-    prevIsRectLoading = config.isRectLoading; // 如果配置中有expire且大于0
+    prevCustomIcon = config.customIcon; // 如果配置中有expire且大于0
     // 将会在到达时间后自动关闭，不用手动再关闭（不需要再close()）
 
     if (config.expire > 0) {

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-loading-wrap.ab-loading-rect-loading{background-color:rgba(0,0,0,.7)}.ab-loading-wrap.ab-loading-rect-loading .ab-loading-content{top:10%;width:1.6rem;height:.24rem}
+.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)}

package/lib/loading/style/index.scss

@@ -18,14 +18,4 @@ $namespace: ab-loading;
     height: .31rem;
     transform: translate3d(-50%, -50%, 0);
   }
-
-  &.#{$namespace}-rect-loading {
-    background-color: rgba(#000, .7);
-
-    .#{$namespace}-content {
-      top: 10%;
-      width: 1.6rem;
-      height: .24rem;
-    }
-  }
 }

package/lib/loading-bar/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function LoadingBar(): JSX.Element;

package/lib/loading-bar/index.js

@@ -14,9 +14,9 @@ var _portal = _interopRequireDefault(require("../portal"));
 var cls = 'ab-loading-bar';
 
 function LoadingBar() {
-  return _react.default.createElement(_portal.default, null, _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement("div", {
     className: cls
-  }, _react.default.createElement("span", {
-    className: cls + "-bar"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(cls, "-bar")
   })));
 }

package/lib/loading-container/index.js

@@ -22,12 +22,12 @@ function LoadingContainer(props) {
       loading = _b === void 0 ? false : _b,
       className = props.className,
       children = props.children;
-  return _react.default.createElement("div", {
-    className: (0, _classnames.default)(className, cls, (_a = {}, _a[cls + "-active"] = loading, _a))
-  }, children, loading && _react.default.createElement("div", {
-    className: cls + "-icon-box"
-  }, _react.default.createElement(_loadingIcon.default, {
-    className: cls + "-icon"
+  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", {
+    className: "".concat(cls, "-icon-box")
+  }, /*#__PURE__*/_react.default.createElement(_loadingIcon.default, {
+    className: "".concat(cls, "-icon")
   })));
 }
 

package/lib/loading-icon/index.js

@@ -15,50 +15,50 @@ var cls = 'ab-svg-loading';
 
 var LoadingIcon = function LoadingIcon(props) {
   var className = props.className;
-  return _react.default.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(className, cls)
-  }, _react.default.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
-    className: cls + "-icon"
-  }, _react.default.createElement("circle", {
+    className: "".concat(cls, "-icon")
+  }, /*#__PURE__*/_react.default.createElement("circle", {
     cx: "12",
     cy: "2",
     r: "2",
     fill: "#202020"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "19",
     cy: "5",
     r: "2",
     fill: "#404040"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "22",
     cy: "12",
     r: "2",
     fill: "#606060"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "19",
     cy: "19",
     r: "2",
     fill: "gray"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "12",
     cy: "22",
     r: "2",
     fill: "#b0b0b0"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "5",
     cy: "19",
     r: "2",
     fill: "#d0d0d0"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "2",
     cy: "12",
     r: "2",
     fill: "#f0f0f0"
-  }), _react.default.createElement("circle", {
+  }), /*#__PURE__*/_react.default.createElement("circle", {
     cx: "5",
     cy: "5",
     r: "2",
@@ -66,6 +66,6 @@ var LoadingIcon = function LoadingIcon(props) {
   })));
 };
 
-var _default = _react.default.memo(LoadingIcon);
+var _default = /*#__PURE__*/_react.default.memo(LoadingIcon);
 
 exports.default = _default;

package/lib/mask/index.js

@@ -33,12 +33,12 @@ function Mask(_a, ref) {
     }
   }, [onClose]);
 
-  return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: visible,
     timeout: timeout,
-    classNames: prefixCls + "-fade",
+    classNames: "".concat(prefixCls, "-fade"),
     appear: true
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls, className),
     onMouseDown: onChangeVisible,
     onTouchStart: onChangeVisible,
@@ -46,6 +46,6 @@ function Mask(_a, ref) {
   }));
 }
 
-var _default = _react.default.memo(_react.default.forwardRef(Mask));
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Mask));
 
 exports.default = _default;

package/lib/message/index.js

@@ -56,7 +56,7 @@ function Message(config) {
 
   if (!container) {
     container = document.createElement('div');
-    container.setAttribute('class', (0, _classnames.default)(currentConfig.className, prefixCls + "-container"));
+    container.setAttribute('class', (0, _classnames.default)(currentConfig.className, "".concat(prefixCls, "-container")));
     document.body.appendChild(container);
   }
 
@@ -64,9 +64,9 @@ function Message(config) {
     close(items[0].id);
   }
 
-  function close(id) {
+  function close(currentId) {
     var index = items.findIndex(function (item) {
-      return item.id === id;
+      return item.id === currentId;
     });
 
     if (index >= 0) {
@@ -78,15 +78,15 @@ function Message(config) {
     render();
   }
 
-  function _onExited(id) {
-    currentConfig.onDestroy(id);
+  function _onExited(currentId) {
+    currentConfig.onDestroy(currentId);
   } // 渲染组件
 
 
   function render() {
     var cls = prefixCls;
 
-    _reactDom.default.render(_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
       component: null
     }, items.map(function (item) {
       var _a = item.currentConfig,
@@ -98,19 +98,19 @@ function Message(config) {
         width: width,
         height: height
       };
-      return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
+      return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
         key: item.id,
         timeout: 300,
-        classNames: cls + "-fade",
+        classNames: "".concat(cls, "-fade"),
         onExited: function onExited() {
           _onExited(item.id);
         },
         appear: true
-      }, _react.default.createElement("div", {
-        className: (0, _classnames.default)(cls + "-content", contentClassName),
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)("".concat(cls, "-content"), contentClassName),
         style: style
-      }, content, _react.default.createElement("div", {
-        className: cls + "-close",
+      }, content, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-close"),
         onClick: function onClick() {
           close(item.id);
         }
@@ -131,8 +131,8 @@ function Message(config) {
   }, currentConfig.expires);
 
   function destroy() {
-    items.forEach(function (item) {
-      clearTimeout(item.timer);
+    items.forEach(function (child) {
+      clearTimeout(child.timer);
     });
     items = [];
     render();

package/lib/modal/Affix.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PortalProps } from '../portal';
 export declare type AffixProps = Required<Omit<PortalProps, 'didUpdate'>>;
 export default function Affix(props: AffixProps): JSX.Element;

package/lib/modal/Affix.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _portal = _interopRequireDefault(require("../portal"));
 
 function Affix(props) {
-  return _react.default.createElement(_portal.default, {
+  return /*#__PURE__*/_react.default.createElement(_portal.default, {
     getContainer: props.getContainer
   }, props.children);
 }