@autobest-ui/components 1.4.0 → 2.0.1

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

package/lib/modal/Title.js

@@ -15,11 +15,11 @@ function Times(_a) {
       closable = _a.closable;
 
   if (closable) {
-    return _react.default.createElement("span", {
-      className: prefixCls + "-times",
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(prefixCls, "-times"),
       onMouseDown: onClose,
       onTouchStart: onClose
-    }, _react.default.createElement("svg", {
+    }, /*#__PURE__*/_react.default.createElement("svg", {
       viewBox: "64 64 896 896",
       className: "",
       "data-icon": "close",
@@ -28,7 +28,7 @@ function Times(_a) {
       fill: "currentColor",
       "aria-hidden": "true",
       focusable: "false"
-    }, _react.default.createElement("path", {
+    }, /*#__PURE__*/_react.default.createElement("path", {
       d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
     })));
   }
@@ -43,22 +43,22 @@ function Title(_a) {
       onClose = _a.onClose;
 
   if (title) {
-    return _react.default.createElement("div", {
-      className: prefixCls + "-title"
-    }, title, _react.default.createElement(Times, {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-title")
+    }, title, /*#__PURE__*/_react.default.createElement(Times, {
       prefixCls: prefixCls,
       closable: closable,
       onClose: onClose
     }));
   }
 
-  return _react.default.createElement(Times, {
+  return /*#__PURE__*/_react.default.createElement(Times, {
     prefixCls: prefixCls,
     closable: closable,
     onClose: onClose
   });
 }
 
-var _default = _react.default.memo(Title);
+var _default = /*#__PURE__*/_react.default.memo(Title);
 
 exports.default = _default;

package/lib/modal/getPopupLocation.js

@@ -15,7 +15,7 @@ function getPopupLocation(_a) {
   var clientSize = (0, _utils.getAvailSize)(true);
   var popupSize = (0, _utils.getElementSize)(element);
   var doubleLimit = popupLimitSpacing * 2;
-  var height = popupSize.height > clientSize.height - doubleLimit ? clientSize.height - doubleLimit + "px" : '';
+  var height = popupSize.height > clientSize.height - doubleLimit ? "".concat(clientSize.height - doubleLimit, "px") : '';
 
   if (placement === 'top') {
     return {

package/lib/modal/index.d.ts

@@ -77,7 +77,7 @@ interface ModalStates {
     cacheVisible: boolean;
 }
 declare class Modal extends React.Component<ModalProps, ModalStates> {
-    static Affix: React.ComponentType<Required<Pick<import("../portal").PortalProps, "children" | "getContainer">>>;
+    static Affix: React.ComponentType<Required<Omit<import("../portal").PortalProps, "didUpdate">>>;
     static cacheOpenedIds: number[];
     openId: number;
     prefixCls: string;

package/lib/modal/index.js

@@ -17,12 +17,12 @@ var _utils = require("@autobest-ui/utils");
 
 var _portal = _interopRequireDefault(require("../portal"));
 
+var _mask = _interopRequireDefault(require("../mask"));
+
 var _Title = _interopRequireDefault(require("./Title"));
 
 var _Affix = _interopRequireDefault(require("./Affix"));
 
-var _mask = _interopRequireDefault(require("../mask"));
-
 var _getPopupLocation = _interopRequireDefault(require("./getPopupLocation"));
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -33,7 +33,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];
       }
     };
 
@@ -41,6 +41,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 __() {
@@ -70,8 +72,8 @@ function (_super) {
     _this.openId = getId();
     _this.prefixCls = 'ab-modal';
     _this.scrollBarSize = 0;
-    _this.popupRef = _react.default.createRef();
-    _this.maskRef = _react.default.createRef();
+    _this.popupRef = /*#__PURE__*/_react.default.createRef();
+    _this.maskRef = /*#__PURE__*/_react.default.createRef();
     /**
      * 全局事件回调
      * @param event
@@ -156,11 +158,11 @@ function (_super) {
         currentDocument.style.overflow = 'hidden';
 
         if ((0, _utils.hasVerticalScrollbar)(_this.scrollBarSize)) {
-          currentDocument.style.paddingRight = _this.scrollBarSize + "px";
+          currentDocument.style.paddingRight = "".concat(_this.scrollBarSize, "px");
 
           if (element && element.parentNode) {
             var parentNode = element.parentNode;
-            parentNode.style.paddingRight = _this.scrollBarSize + "px";
+            parentNode.style.paddingRight = "".concat(_this.scrollBarSize, "px");
           }
         }
       }
@@ -195,9 +197,9 @@ function (_super) {
           var popupHeight = height || _this.props.height;
 
           if (!popupHeight || popupHeight === 'auto') {
-            lastChild.style.maxHeight = "calc(100vh - .3rem - " + (placement === 'top' && top ? top : '0px') + " - " + firstChildHeight + "px)";
+            lastChild.style.maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', " - ").concat(firstChildHeight, "px)");
           } else {
-            lastChild.style.maxHeight = "calc(100% - " + firstChildHeight + "px)";
+            lastChild.style.maxHeight = "calc(100% - ".concat(firstChildHeight, "px)");
           }
         });
       }
@@ -382,27 +384,27 @@ function (_super) {
         title = _b.title,
         placement = _b.placement,
         top = _b.top;
-    var maxHeight = "calc(100vh - .3rem - " + (placement === 'top' && top ? top : '0px') + ")";
-    return _react.default.createElement("div", {
-      className: (0, _classnames.default)(cls, className, (_a = {}, _a[cls + "-center"] = placement === 'center', _a[this.prefixCls + "-hidden"] = !visible && !this.state.isUserOperated, _a))
-    }, _react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    var maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', ")");
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-center")] = placement === 'center', _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a))
+    }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: visible,
       timeout: 300,
-      classNames: cls + "-fade",
+      classNames: "".concat(cls, "-fade"),
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onExited: this.onExited,
       appear: true
     }, function (state) {
-      return _react.default.createElement("div", {
-        className: cls + "-content",
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(cls, "-content"),
         style: state !== 'exited' ? {
           width: width,
           height: height,
           maxHeight: maxHeight
         } : undefined,
         ref: _this.popupRef
-      }, _react.default.createElement(_Title.default, {
+      }, /*#__PURE__*/_react.default.createElement(_Title.default, {
         prefixCls: cls,
         closable: closable,
         onClose: _this.onClose,
@@ -417,16 +419,16 @@ function (_super) {
     var visible = this.props.visible; // 插入元素，不使用传送门， 和当前元素同级
 
     if (this.props.isInsertNode) {
-      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_mask.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
         visible: visible,
-        className: (0, _classnames.default)((_a = {}, _a[this.prefixCls + "-hidden"] = !visible && !this.state.isUserOperated, _a)),
+        className: (0, _classnames.default)((_a = {}, _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a)),
         timeout: 500,
         ref: this.maskRef
       }), this.renderPopup());
     }
 
     if (visible || this.popupRef.current) {
-      return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_mask.default, {
+      return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
         visible: visible,
         timeout: 500,
         ref: this.maskRef

package/lib/modal/style/index.css

@@ -1 +1 @@
-.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active{transform:translateZ(0);opacity:1}.ab-modal-fade-enter-done{transform:translateZ(0);opacity:1}.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}
+.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active{transform:translateZ(0);opacity:1}.ab-modal-fade-enter-done{transform:translateZ(0);opacity:1}.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}

package/lib/move/index.d.ts

@@ -107,6 +107,6 @@ declare class Move extends React.Component<MoveProps> {
     setElementInfo(element: any): void;
     onTransitionEnd: () => void;
     getDomNode(): HTMLElement;
-    render(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }
 export default Move;

package/lib/move/index.js

@@ -33,7 +33,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];
       }
     };
 
@@ -41,6 +41,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 __() {
@@ -104,7 +106,7 @@ function (_super) {
     _this.isTouchScale = false; // 强制刷新元素位置
 
     _this.isForceUpdatePlacement = false;
-    _this.moveRef = _react.default.createRef();
+    _this.moveRef = /*#__PURE__*/_react.default.createRef();
     _this.updateTimer = null;
 
     _this.refreshInfo = function (el, prevProps) {
@@ -374,34 +376,34 @@ function (_super) {
     }
 
     this.updateTimer = setTimeout(function () {
-      var element = _this.getDomNode();
+      var currentElement = _this.getDomNode();
 
-      if (!element) {
+      if (!currentElement) {
         return;
       }
 
-      _this.refreshInfo(element, prevProps);
+      _this.refreshInfo(currentElement, prevProps);
 
       var isTouch = (0, _utils.isTouchScreen)();
 
       if (!_this.startHandler) {
         var eventType = isTouch ? 'touchstart' : 'mousedown';
-        _this.startHandler = (0, _utils.addEventListener)(element, eventType, function (ev) {
-          return _this.onStart(ev, element);
+        _this.startHandler = (0, _utils.addEventListener)(currentElement, eventType, function (ev) {
+          return _this.onStart(ev, currentElement);
         });
       } // 不支持Touch的设备监听滚动
 
 
       if (_this.props.scalable && !isTouch && !_this.mousewheelHandler) {
-        _this.mousewheelHandler = (0, _utils.addEventListener)(element, 'wheel', function (ev) {
-          return _this.onMousewheel(ev, element);
+        _this.mousewheelHandler = (0, _utils.addEventListener)(currentElement, 'wheel', function (ev) {
+          return _this.onMousewheel(ev, currentElement);
         });
       } // 加入 resize 监听
 
 
       if (_this.props.monitorWindowResize && !_this.resizeHandler) {
         _this.resizeHandler = (0, _utils.addEventListener)(window, 'resize', (0, _utils.throttleWithRAF)(function () {
-          return _this.refreshInfo(element, prevProps);
+          return _this.refreshInfo(currentElement, prevProps);
         }));
       }
     }, 0);
@@ -461,7 +463,7 @@ function (_super) {
   };
 
   Move.prototype.setElementInfo = function (element) {
-    element.style.transform = "translate(" + this.currentObj.left + "px, " + this.currentObj.top + "px) scale(" + this.currentScaleSize + ")";
+    element.style.transform = "translate(".concat(this.currentObj.left, "px, ").concat(this.currentObj.top, "px) scale(").concat(this.currentScaleSize, ")");
   };
 
   Move.prototype.getDomNode = function () {
@@ -478,7 +480,7 @@ function (_super) {
     var child = _react.default.Children.only(children);
 
     if (ReactIs.isElement(child) && !ReactIs.isFragment(child)) {
-      return _react.default.cloneElement(child, {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
         ref: this.moveRef,
         onTransitionEnd: this.onTransitionEnd,
         className: (0, _classnames.default)(this.prefixCls, child.props.className)