@autobest-ui/components 2.2.1 → 2.4.0

package/lib/guide/index.js

@@ -1,24 +1,16 @@
 "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 = require("react-dom");
-
 var _utils = require("@autobest-ui/utils");
-
 var _portal = _interopRequireDefault(require("../portal"));
-
 var _mask = _interopRequireDefault(require("../mask"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -30,134 +22,105 @@ 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 Guide =
-/** @class */
-function (_super) {
+var Guide = /** @class */function (_super) {
   __extends(Guide, _super);
-
   function Guide(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-guide';
     _this.timer = null;
-    _this.imgRef = /*#__PURE__*/_react.default.createRef(); // eslint-disable-next-line react/no-find-dom-node
-
+    _this.imgRef = /*#__PURE__*/_react.default.createRef();
+    // eslint-disable-next-line react/no-find-dom-node
     _this.getElement = function () {
       return (0, _reactDom.findDOMNode)(_this);
     };
-
     _this.changeVisible = function () {
       if (_this.timer) {
         clearTimeout(_this.timer);
       }
-
       var _a = _this.props,
-          onClose = _a.onClose,
-          expires = _a.expires;
+        onClose = _a.onClose,
+        expires = _a.expires;
       _this.timer = setTimeout(function () {
         onClose();
       }, expires);
     };
-
     _this.onClose = function () {
       if (_this.timer) {
         clearTimeout(_this.timer);
       }
-
       _this.props.onClose();
     };
-
     _this.state = {
       top: '0',
       left: '0'
     };
     return _this;
   }
-
   Guide.prototype.componentDidMount = function () {
     if (this.props.visible) {
       this.changeVisible();
       this.positionPointer();
     }
   };
-
   Guide.prototype.componentDidUpdate = function (prevProps) {
     if (prevProps.visible !== this.props.visible && this.props.visible) {
       this.changeVisible();
       this.positionPointer();
     }
   };
-
   Guide.prototype.componentWillUnmount = function () {
     if (this.timer) {
       clearTimeout(this.timer);
     }
   };
-
   Guide.prototype.positionPointer = function () {
     var _this = this;
-
     var _a = this.props,
-        loadablePointer = _a.loadablePointer,
-        imgSrc = _a.imgSrc,
-        position = _a.position,
-        visible = _a.visible,
-        translateX = _a.translateX,
-        translateY = _a.translateY;
-
+      loadablePointer = _a.loadablePointer,
+      imgSrc = _a.imgSrc,
+      position = _a.position,
+      visible = _a.visible,
+      translateX = _a.translateX,
+      translateY = _a.translateY;
     if (loadablePointer && visible) {
       var image_1 = new Image();
       image_1.src = imgSrc;
-
       image_1.onload = function () {
         var element = _this.getElement();
-
         if (element) {
           var _a = (0, _utils.getOffsetAndSize)(element),
-              left = _a.left,
-              top_1 = _a.top,
-              width = _a.width;
-
+            left = _a.left,
+            top_1 = _a.top,
+            width = _a.width;
           var imgWidth = image_1.width;
           var imgHeight = image_1.height;
           var imgTop = "".concat(top_1 - imgHeight + translateY, "px");
-
           if (position === 'left') {
             _this.setState({
               top: imgTop,
               left: "".concat(left + translateX, "px")
             });
-
             return;
           }
-
           if (position === 'right') {
             _this.setState({
               top: imgTop,
               left: "".concat(left + width - imgWidth + translateX, "px")
             });
-
             return;
-          } // 默认居中
-
-
+          }
+          // 默认居中
           _this.setState({
             top: imgTop,
             left: "".concat(left + width / 2 - imgWidth / 2 + translateX, "px")
@@ -166,22 +129,20 @@ function (_super) {
       };
     }
   };
-
   Guide.prototype.renderMask = function () {
     var _a = this.props,
-        visible = _a.visible,
-        loadablePointer = _a.loadablePointer,
-        imgSrc = _a.imgSrc;
+      visible = _a.visible,
+      loadablePointer = _a.loadablePointer,
+      imgSrc = _a.imgSrc;
     var _b = this.state,
-        top = _b.top,
-        left = _b.left;
+      top = _b.top,
+      left = _b.left;
     var cls = this.prefixCls;
     var style = {
       left: left,
       top: top,
       display: visible ? 'block' : 'none'
     };
-
     if (visible || this.imgRef.current) {
       return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
         className: "".concat(cls, "-mask"),
@@ -196,31 +157,25 @@ function (_super) {
         ref: this.imgRef
       }) : null));
     }
-
     return null;
   };
-
   Guide.prototype.render = function () {
     var cls = this.prefixCls;
     var _a = this.props,
-        children = _a.children,
-        visible = _a.visible;
+      children = _a.children,
+      visible = _a.visible;
     var className = visible ? "".concat(cls, "-content") : null;
-
     if (typeof children === 'function') {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
         className: className
       }), this.renderMask());
     }
-
     var child = _react.default.Children.only(children);
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(child, {
       className: (0, _classnames.default)(className, child.props.className)
     }), this.renderMask());
-  }; // 默认值
-
-
+  };
+  // 默认值
   Guide.defaultProps = {
     loadablePointer: false,
     position: 'center',
@@ -230,6 +185,5 @@ function (_super) {
   };
   return Guide;
 }(_react.default.Component);
-
 var _default = Guide;
 exports.default = _default;

package/lib/guide/style/index.css

@@ -1 +1 @@
-.ab-guide-mask.ab-mask{background-color:rgba(0,0,0,.7);z-index:4}.ab-guide-icon{position:absolute;z-index:5}.ab-guide-content{position:relative;z-index:6}
+.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}.ab-guide-mask.ab-mask{background-color:rgba(0,0,0,.7);z-index:4}.ab-guide-icon{position:absolute;z-index:5}.ab-guide-content{position:relative;z-index:6}

package/lib/index.d.ts

@@ -38,7 +38,7 @@ export type { CheckboxProps } from './checkbox';
 export { default as Checkbox } from './checkbox';
 export type { ScriptAttributes, ScriptProps } from './script';
 export { default as Script } from './script';
-export type { MessageProps } from './message';
+export type { MessageProps, MessageConfig } from './message';
 export { default as Message } from './message';
 export type { TableProps, TableRowSelectionInfo } from './table';
 export type { TableColumnInfo, TableColumnOnRenderReturnObjectInfo } from './table/interface';

package/lib/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -173,59 +172,31 @@ Object.defineProperty(exports, "Tooltip", {
     return _tooltip.default;
   }
 });
-
 var _accordion = _interopRequireDefault(require("./accordion"));
-
 var _ellipsis = _interopRequireDefault(require("./ellipsis"));
-
 var _affix = _interopRequireDefault(require("./affix"));
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _popover = _interopRequireDefault(require("./popover"));
-
 var _tooltip = _interopRequireDefault(require("./tooltip"));
-
 var _skeleton = _interopRequireDefault(require("./skeleton"));
-
 var _move = _interopRequireDefault(require("./move"));
-
 var _showMore = _interopRequireDefault(require("./show-more"));
-
 var _select = _interopRequireDefault(require("./select"));
-
 var _confirm = _interopRequireDefault(require("./confirm"));
-
 var _collapse = _interopRequireDefault(require("./collapse"));
-
 var _carousel = _interopRequireDefault(require("./carousel"));
-
 var _guide = _interopRequireDefault(require("./guide"));
-
 var _drawer = _interopRequireDefault(require("./drawer"));
-
 var _inputNumber = _interopRequireDefault(require("./input-number"));
-
 var _lazyImage = _interopRequireDefault(require("./lazy-image"));
-
 var _linkList = _interopRequireDefault(require("./link-list"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));
-
 var _script = _interopRequireDefault(require("./script"));
-
 var _message = _interopRequireDefault(require("./message"));
-
 var _table = _interopRequireDefault(require("./table"));
-
 var _datePicker = _interopRequireDefault(require("./date-picker"));
-
 var _tabs = _interopRequireDefault(require("./tabs"));
-
 var _loading = _interopRequireDefault(require("./loading"));
-
 var _loadingContainer = _interopRequireDefault(require("./loading-container"));
-
 var _loadingBar = _interopRequireDefault(require("./loading-bar"));
-
 var _loadingIcon = _interopRequireDefault(require("./loading-icon"));

package/lib/input-number/ControlArrow.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ControlArrow;
-
 var _react = _interopRequireDefault(require("react"));
-
 function ArrowIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -25,7 +22,6 @@ function ArrowIcon(props) {
     fillRule: "evenodd"
   }));
 }
-
 function ControlArrow(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(props.cls, "-arrow")

package/lib/input-number/constants.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NumberReg = exports.FirstZeroReg = void 0;
 // 只能输入数字格式
-var NumberReg = /^(-?\d+)(\.\d*)?$/; // 0 开头后面直接是数字，没有点如：011, 01.11， 这是不合法的
-
+var NumberReg = /^(-?\d+)(\.\d*)?$/;
+// 0 开头后面直接是数字，没有点如：011, 01.11， 这是不合法的
 exports.NumberReg = NumberReg;
 var FirstZeroReg = /^0\d+(\.\d*)?$/;
 exports.FirstZeroReg = FirstZeroReg;