@autobest-ui/components 2.2.1 → 2.4.0

package/esm/drawer/index.js

@@ -9,142 +9,108 @@ var __extends = this && this.__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { hasVerticalScrollbar, getScrollBarSize } from '@autobest-ui/utils';
 import Portal from '../portal';
 import Mask from '../mask';
 import Child from './Child';
-
-var Drawer =
-/** @class */
-function (_super) {
+var Drawer = /** @class */function (_super) {
   __extends(Drawer, _super);
-
   function Drawer(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-drawer';
     _this.childRef = /*#__PURE__*/React.createRef();
-
     _this.onClose = function () {
       var _a = _this.props,
-          maskClosable = _a.maskClosable,
-          onClose = _a.onClose,
-          name = _a.name;
-
+        maskClosable = _a.maskClosable,
+        onClose = _a.onClose,
+        name = _a.name;
       if (maskClosable && onClose) {
         onClose(false, name);
       }
     };
-
     _this.onCancel = function () {
       var _a = _this.props,
-          onClose = _a.onClose,
-          name = _a.name;
-
+        onClose = _a.onClose,
+        name = _a.name;
       if (onClose) {
         onClose(false, name);
       }
-    }; // 用于标志是否弹出，防止在单页面应用时，没有onEnter，但是在销毁时执行onExited
-
-
+    };
+    // 用于标志是否弹出，防止在单页面应用时，没有onEnter，但是在销毁时执行onExited
     _this.isEnter = false;
-
     _this.onEnter = function () {
       _this.isEnter = true;
       var currentDocument = window.document.body;
       var hiddenScroll = _this.props.hiddenScroll;
-
       if (hiddenScroll) {
         currentDocument.style.overflow = 'hidden';
         var scrollSize = getScrollBarSize();
-
         if (hasVerticalScrollbar(scrollSize)) {
           currentDocument.style.paddingRight = "".concat(scrollSize, "px");
         }
       }
     };
-
     _this.onExited = function () {
       if (!_this.isEnter) {
         return;
       }
-
       var currentDocument = window.document.body;
       var hiddenScroll = _this.props.hiddenScroll;
-
       if (hiddenScroll && currentDocument) {
         currentDocument.style.overflow = '';
         currentDocument.style.paddingRight = '';
-      } // 插入元素，在exited时， 设置为hidden
-
-
+      }
+      // 插入元素，在exited时， 设置为hidden
       _this.setState({
         isHidden: true
       });
-
       var _a = _this.props,
-          onDestroy = _a.onDestroy,
-          name = _a.name;
-
+        onDestroy = _a.onDestroy,
+        name = _a.name;
       if (onDestroy) {
         onDestroy(name);
       }
     };
-
     _this.state = {
       isHidden: !props.visible
     };
     return _this;
   }
-
   Drawer.getDerivedStateFromProps = function (nextProps, prevState) {
     // 在visible发生改变时，判断是否hidden, 并设置hidden:false,
     // 注：不能在onEnter处理，否则动画无法执行
@@ -153,22 +119,17 @@ function (_super) {
         isHidden: false
       };
     }
-
     return null;
   };
-
   Drawer.prototype.componentWillUnmount = function () {
     // 销毁时，如果没有执行onExited，则在此执行
     this.onExited();
   };
-
   Drawer.prototype.renderMask = function () {
     var _a;
-
     var _b = this.props,
-        visible = _b.visible,
-        showMask = _b.showMask;
-
+      visible = _b.visible,
+      showMask = _b.showMask;
     if (showMask) {
       return /*#__PURE__*/React.createElement(Mask, {
         onClose: this.onClose,
@@ -177,19 +138,15 @@ function (_super) {
         timeout: 300
       });
     }
-
     return null;
   };
-
   Drawer.prototype.renderChild = function () {
     var _a;
-
     var _b = this.props,
-        visible = _b.visible,
-        children = _b.children,
-        className = _b.className,
-        extraProps = __rest(_b, ["visible", "children", "className"]);
-
+      visible = _b.visible,
+      children = _b.children,
+      className = _b.className,
+      extraProps = __rest(_b, ["visible", "children", "className"]);
     return /*#__PURE__*/React.createElement(Child, __assign({}, extraProps, {
       visible: visible,
       className: classNames(className, (_a = {}, _a["".concat(this.prefixCls, "-hidden")] = this.state.isHidden, _a)),
@@ -200,24 +157,19 @@ function (_super) {
       ref: this.childRef
     }), children);
   };
-
   Drawer.prototype.render = function () {
     var _a = this.props,
-        visible = _a.visible,
-        isInsertNode = _a.isInsertNode;
-
+      visible = _a.visible,
+      isInsertNode = _a.isInsertNode;
     if (isInsertNode) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderChild());
     }
-
     if (visible || this.childRef.current) {
       return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderChild()));
     }
-
     return null;
-  }; // 默认值
-
-
+  };
+  // 默认值
   Drawer.defaultProps = {
     placement: 'left',
     width: '2.45rem',
@@ -231,5 +183,4 @@ function (_super) {
   };
   return Drawer;
 }(React.Component);
-
 export default Drawer;

package/esm/drawer/style/index.css

@@ -1 +1 @@
-.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{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}.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}

package/esm/ellipsis/index.js

@@ -2,42 +2,36 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { isElement, isFragment } from 'react-is';
 var cls = 'ab-ellipsis';
-
 function Ellipsis(props) {
   var _a, _b;
-
   var children = props.children,
-      maxHeight = props.maxHeight,
-      className = props.className,
-      _c = props.lines,
-      lines = _c === void 0 ? 0 : _c,
-      title = props.title,
-      _d = props.mobileLines,
-      mobileLines = _d === void 0 ? 0 : _d;
+    maxHeight = props.maxHeight,
+    className = props.className,
+    _c = props.lines,
+    lines = _c === void 0 ? 0 : _c,
+    title = props.title,
+    _d = props.mobileLines,
+    mobileLines = _d === void 0 ? 0 : _d;
   var wrapCls = classNames(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
   var style = maxHeight ? {
     maxHeight: maxHeight
   } : null;
   var titleParam = title ? {
     title: title
-  } : null; // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
-
+  } : null;
+  // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
   if (!isFragment(children) && isElement(children)) {
     var child = children;
     return /*#__PURE__*/React.cloneElement(child, __assign(__assign({}, titleParam), {
@@ -45,12 +39,10 @@ function Ellipsis(props) {
       style: __assign(__assign({}, style), child.props.style)
     }));
   }
-
   return /*#__PURE__*/React.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
     style: style
   }), children);
 }
-
 export default /*#__PURE__*/React.memo(Ellipsis);

package/esm/ellipsis/style/index.css

@@ -1 +1 @@
-.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}}
+.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1,.ab-ellipsis.ab-ellipsis-line2,.ab-ellipsis.ab-ellipsis-line3,.ab-ellipsis.ab-ellipsis-line4,.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}}

package/esm/guide/index.js

@@ -9,141 +9,111 @@ var __extends = this && this.__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 import React from 'react';
 import classNames from 'classnames';
 import { findDOMNode } from 'react-dom';
 import { getOffsetAndSize } from '@autobest-ui/utils';
 import Portal from '../portal';
 import Mask from '../mask';
-
-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.createRef(); // eslint-disable-next-line react/no-find-dom-node
-
+    _this.imgRef = /*#__PURE__*/React.createRef();
+    // eslint-disable-next-line react/no-find-dom-node
     _this.getElement = function () {
       return 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 = 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")
@@ -152,22 +122,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.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Mask, {
         className: "".concat(cls, "-mask"),
@@ -182,30 +150,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.createElement(React.Fragment, null, children({
         className: className
       }), this.renderMask());
     }
-
     var child = React.Children.only(children);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, {
       className: classNames(className, child.props.className)
     }), this.renderMask());
-  }; // 默认值
-
-
+  };
+  // 默认值
   Guide.defaultProps = {
     loadablePointer: false,
     position: 'center',
@@ -215,5 +178,4 @@ function (_super) {
   };
   return Guide;
 }(React.Component);
-
 export default Guide;

package/esm/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/esm/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/esm/input-number/ControlArrow.js

@@ -1,5 +1,4 @@
 import React from 'react';
-
 function ArrowIcon(props) {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -16,7 +15,6 @@ function ArrowIcon(props) {
     fillRule: "evenodd"
   }));
 }
-
 export default function ControlArrow(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(props.cls, "-arrow")

package/esm/input-number/constants.js

@@ -1,4 +1,4 @@
 // 只能输入数字格式
-export var NumberReg = /^(-?\d+)(\.\d*)?$/; // 0 开头后面直接是数字，没有点如：011, 01.11， 这是不合法的
-
+export var NumberReg = /^(-?\d+)(\.\d*)?$/;
+// 0 开头后面直接是数字，没有点如：011, 01.11， 这是不合法的
 export var FirstZeroReg = /^0\d+(\.\d*)?$/;