@autobest-ui/components 2.2.1 → 2.4.0

package/esm/accordion/Item.js

@@ -9,65 +9,48 @@ 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 Collapse from '../collapse';
-
-var AccordionItem =
-/** @class */
-function (_super) {
+var AccordionItem = /** @class */function (_super) {
   __extends(AccordionItem, _super);
-
   function AccordionItem() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
-
     _this.getTitle = function () {
       var _a = _this.props,
-          title = _a.title,
-          onTitleClick = _a.onTitleClick;
-
+        title = _a.title,
+        onTitleClick = _a.onTitleClick;
       if (!title) {
         return null;
       }
-
       var child = React.Children.only(title);
       return /*#__PURE__*/React.cloneElement(child, {
         onClick: onTitleClick
       });
     };
-
     return _this;
   }
-
   AccordionItem.prototype.render = function () {
     var _a = this.props,
-        appear = _a.appear,
-        children = _a.children,
-        visible = _a.visible;
+      appear = _a.appear,
+      children = _a.children,
+      visible = _a.visible;
     return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Collapse, {
       title: this.getTitle(),
       visible: visible,
       appear: appear
     }, children));
   };
-
   return AccordionItem;
 }(React.Component);
-
 export default AccordionItem;

package/esm/accordion/index.js

@@ -9,73 +9,53 @@ 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);
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { isEmptyArray } from '@autobest-ui/utils';
 import AccordionItem from './Item';
-
-var Accordion =
-/** @class */
-function (_super) {
+var Accordion = /** @class */function (_super) {
   __extends(Accordion, _super);
-
   function Accordion(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-accordion';
     /** *
      * 展开下拉链接列表
      * @param name
      */
-
     _this.onVisibleChange = function (name) {
       var _a, _b;
-
       var _c = _this.props,
-          interactive = _c.interactive,
-          beforeVisibleChange = _c.beforeVisibleChange,
-          onVisibleChange = _c.onVisibleChange;
-
+        interactive = _c.interactive,
+        beforeVisibleChange = _c.beforeVisibleChange,
+        onVisibleChange = _c.onVisibleChange;
       if (beforeVisibleChange) {
         beforeVisibleChange(name);
       }
-
       var visibleNames = _this.state.visibleNames;
       var isCurVisible = visibleNames[name];
-
       if (interactive) {
         // 能同时展开多项，只对当前项做展开/闭合操作
         _this.setState({
@@ -87,34 +67,28 @@ function (_super) {
           visibleNames: (_b = {}, _b[name] = !isCurVisible, _b)
         });
       }
-
       if (onVisibleChange) {
         onVisibleChange(name, !isCurVisible);
       }
     };
-
     var visibleNames = {};
     var defaultVisibleNames = props.defaultVisibleNames;
-
     if (!isEmptyArray(defaultVisibleNames)) {
       defaultVisibleNames.forEach(function (name) {
         visibleNames[name] = true;
       });
     }
-
     _this.state = {
       visibleNames: visibleNames
     };
     return _this;
   }
-
   Accordion.prototype.render = function () {
     var _this = this;
-
     var cls = this.prefixCls;
     var _a = this.props,
-        className = _a.className,
-        children = _a.children;
+      className = _a.className,
+      children = _a.children;
     var visibleNames = this.state.visibleNames;
     return /*#__PURE__*/React.createElement("ul", {
       className: classNames(cls, className)
@@ -128,9 +102,8 @@ function (_super) {
         visible: !!visibleNames[name]
       });
     }));
-  }; // 限制用户传入的参数，所以用BaseAccordionItemProps
-
-
+  };
+  // 限制用户传入的参数，所以用BaseAccordionItemProps
   Accordion.Item = AccordionItem;
   Accordion.defaultProps = {
     className: '',
@@ -139,5 +112,4 @@ function (_super) {
   };
   return Accordion;
 }(React.Component);
-
 export default Accordion;

package/esm/accordion/style/index.css

@@ -0,0 +1 @@
+.ab-collapse{transform-origin:left top;transition:opacity .2s,height .2s}.ab-collapse-hidden{height:0;overflow:hidden}.ab-collapse-fade-enter{opacity:.8;overflow:hidden}.ab-collapse-fade-enter-active{opacity:1;overflow:hidden}.ab-collapse-fade-enter-done{opacity:1;overflow:initial}.ab-collapse-fade-exit{opacity:1;overflow:hidden}.ab-collapse-fade-exit-active{opacity:.8;overflow:hidden}.ab-collapse-fade-exit-done{display:none;overflow:initial}

package/esm/affix/PortalAffix.js

@@ -2,22 +2,20 @@ import React from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import Portal from '../portal';
-
 function PortalAffix(_a, ref) {
   var cls = _a.prefixCls,
-      visible = _a.visible,
-      children = _a.children,
-      top = _a.top,
-      left = _a.left,
-      width = _a.width,
-      className = _a.className,
-      fadeEffect = _a.fadeEffect;
+    visible = _a.visible,
+    children = _a.children,
+    top = _a.top,
+    left = _a.left,
+    width = _a.width,
+    className = _a.className,
+    fadeEffect = _a.fadeEffect;
   var style = {
     top: top,
     left: left,
     width: width
   };
-
   if (fadeEffect) {
     return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(CSSTransition, {
       "in": visible,
@@ -30,7 +28,6 @@ function PortalAffix(_a, ref) {
       className: classNames(className, "".concat(cls, "-custom"))
     }, children)));
   }
-
   style.display = visible ? '' : 'none';
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
     style: style,
@@ -38,5 +35,4 @@ function PortalAffix(_a, ref) {
     className: classNames(className, "".concat(cls, "-custom"))
   }, children));
 }
-
 export default /*#__PURE__*/React.forwardRef(PortalAffix);

package/esm/affix/index.js

@@ -9,96 +9,73 @@ 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);
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import { throttleWithRAF, addEventListener, getOffsetAndSize, getScrollOffset, getOffset } from '@autobest-ui/utils';
 import PortalAffix from './PortalAffix';
-
-var Affix =
-/** @class */
-function (_super) {
+var Affix = /** @class */function (_super) {
   __extends(Affix, _super);
-
   function Affix(props) {
     var _this = _super.call(this, props) || this;
-
     _this.prefixCls = 'ab-affix';
     _this.resizeHandler = null;
     _this.wrapRef = /*#__PURE__*/React.createRef();
     _this.customRef = /*#__PURE__*/React.createRef();
-
     _this.onHandlerScroll = function (isResize) {
       var _a = _this.props,
-          offsetTop = _a.offsetTop,
-          onChange = _a.onChange,
-          onScroll = _a.onScroll,
-          renderAffix = _a.renderAffix,
-          allWidth = _a.allWidth,
-          fadeEffect = _a.fadeEffect,
-          getFixedStatus = _a.getFixedStatus,
-          ignoreHorizontalFixed = _a.ignoreHorizontalFixed;
+        offsetTop = _a.offsetTop,
+        onChange = _a.onChange,
+        onScroll = _a.onScroll,
+        renderAffix = _a.renderAffix,
+        allWidth = _a.allWidth,
+        fadeEffect = _a.fadeEffect,
+        getFixedStatus = _a.getFixedStatus,
+        ignoreHorizontalFixed = _a.ignoreHorizontalFixed;
       var element = _this.wrapRef.current;
-
       if (!element) {
         return;
       }
-
       var _b = getScrollOffset(),
-          scrollTop = _b.top,
-          scrollLeft = _b.left;
-
-      var parentElement = element.parentNode; // 元素信息
-
+        scrollTop = _b.top,
+        scrollLeft = _b.left;
+      var parentElement = element.parentNode;
+      // 元素信息
       var positionElement = _this.isFixed && !renderAffix ? parentElement : element;
       var positionInfo = getOffsetAndSize(positionElement);
-
       if (ignoreHorizontalFixed) {
         var ignoreScrollLeft = getOffset(positionElement, true).left;
         positionInfo.left = ignoreScrollLeft;
       }
-
       var currentFixed = getFixedStatus({
         positionInfo: positionInfo,
         scrollTop: scrollTop,
         offsetTop: offsetTop
       });
-
       if (_this.isFixed && !currentFixed) {
         _this.isFixed = false;
-
         if (renderAffix || fadeEffect) {
           _this.setState({
             visible: false
@@ -111,13 +88,11 @@ function (_super) {
           parentElement.style.width = '';
           parentElement.style.height = '';
         }
-
         onChange(false);
       } else if ((!_this.isFixed || isResize) && currentFixed) {
         _this.isFixed = true;
         var documentWidth = document.body.offsetWidth;
         var allWidthLeft = ignoreHorizontalFixed ? "-".concat(scrollLeft, "px") : '0px';
-
         if (renderAffix || fadeEffect) {
           _this.setState({
             visible: true,
@@ -133,14 +108,11 @@ function (_super) {
           parentElement.style.width = "".concat(positionInfo.width, "px");
           parentElement.style.height = "".concat(positionInfo.height, "px");
         }
-
         onChange(true);
       } else if (_this.isFixed && currentFixed && ignoreHorizontalFixed) {
         var allWidthLeft = "-".concat(scrollLeft, "px");
-
         if (renderAffix || fadeEffect) {
           var left = allWidth ? allWidthLeft : "".concat(positionInfo.left, "px");
-
           if (left !== _this.state.left) {
             _this.setState({
               left: left
@@ -150,7 +122,6 @@ function (_super) {
           element.style.left = allWidth ? allWidthLeft : "".concat(positionInfo.left, "px");
         }
       }
-
       if (onScroll) {
         onScroll(__assign(__assign({}, positionInfo), {
           scrollTop: scrollTop,
@@ -158,7 +129,6 @@ function (_super) {
         }));
       }
     };
-
     _this.state = {
       visible: false,
       left: '',
@@ -167,47 +137,41 @@ function (_super) {
     };
     return _this;
   }
-
   Affix.prototype.componentDidMount = function () {
     var _this = this;
-
-    this.onHandlerScroll(); // 滚动监听
-
+    this.onHandlerScroll();
+    // 滚动监听
     this.scrollHandler = addEventListener(window, 'scroll', throttleWithRAF(function () {
       return _this.onHandlerScroll();
-    })); // resize 监听
-
+    }));
+    // resize 监听
     if (!this.resizeHandler) {
       this.resizeHandler = addEventListener(window, 'resize', throttleWithRAF(function () {
         return _this.onHandlerScroll(true);
       }));
     }
   };
-
   Affix.prototype.componentWillUnmount = function () {
     if (this.scrollHandler) {
       this.scrollHandler.remove();
       this.scrollHandler = null;
     }
-
     if (this.resizeHandler) {
       this.resizeHandler.remove();
       this.resizeHandler = null;
     }
   };
-
   Affix.prototype.renderContent = function () {
     var _a = this.props,
-        fadeEffect = _a.fadeEffect,
-        renderAffix = _a.renderAffix,
-        className = _a.className,
-        children = _a.children;
+      fadeEffect = _a.fadeEffect,
+      renderAffix = _a.renderAffix,
+      className = _a.className,
+      children = _a.children;
     var _b = this.state,
-        visible = _b.visible,
-        left = _b.left,
-        top = _b.top,
-        width = _b.width;
-
+      visible = _b.visible,
+      left = _b.left,
+      top = _b.top,
+      width = _b.width;
     if ((fadeEffect || renderAffix) && (visible || this.customRef.current)) {
       return /*#__PURE__*/React.createElement(PortalAffix, {
         top: top,
@@ -220,21 +184,18 @@ function (_super) {
         ref: this.customRef
       }, renderAffix ? renderAffix() : children);
     }
-
     return null;
   };
-
   Affix.prototype.render = function () {
     var _a = this.props,
-        className = _a.className,
-        children = _a.children; // 这里需要两层div 包裹，最外层的是在固定时，防止页面抖动
-
+      className = _a.className,
+      children = _a.children;
+    // 这里需要两层div 包裹，最外层的是在固定时，防止页面抖动
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       ref: this.wrapRef,
       className: classNames(this.prefixCls, className)
     }, children), this.renderContent());
   };
-
   Affix.defaultProps = {
     offsetTop: 0,
     allWidth: false,
@@ -242,12 +203,11 @@ function (_super) {
     onChange: function onChange() {},
     getFixedStatus: function getFixedStatus(_a) {
       var positionInfo = _a.positionInfo,
-          scrollTop = _a.scrollTop,
-          offsetTop = _a.offsetTop;
+        scrollTop = _a.scrollTop,
+        offsetTop = _a.offsetTop;
       return scrollTop > positionInfo.top - offsetTop;
     }
   };
   return Affix;
 }(React.Component);
-
 export default Affix;

package/esm/affix/style/index.css

@@ -1 +1 @@
-.ab-affix,.ab-affix-custom{z-index:100}.ab-affix-custom{position:fixed;transition:transform .2s cubic-bezier(.7,.3,.1,1)}.ab-affix-fade-appear,.ab-affix-fade-enter{transform:translate(0,-100%)}.ab-affix-fade-appear-active,.ab-affix-fade-enter-active{transform:translate(0,0)}.ab-affix-fade-exit{transform:translate(0,0)}.ab-affix-fade-exit-active{transform:translate(0,-100%)}.ab-affix-fade-exit-done{display:none}
+.ab-affix,.ab-affix-custom{z-index:100}.ab-affix-custom{position:fixed;transition:transform .2s cubic-bezier(.7,.3,.1,1)}.ab-affix-fade-appear,.ab-affix-fade-enter{transform:translate(0,-100%)}.ab-affix-fade-appear-active,.ab-affix-fade-enter-active,.ab-affix-fade-exit{transform:translate(0,0)}.ab-affix-fade-exit-active{transform:translate(0,-100%)}.ab-affix-fade-exit-done{display:none}

package/esm/base.css

@@ -1 +1 @@
-a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{box-sizing:border-box}html{font-size:100px;font-family:Arial,sans-serif;touch-action:manipulation;-ms-touch-action:manipulation}@media only screen and (max-width:767px){html{font-size:100px}}body{font-size:.12rem;color:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}input{outline:0}li,ul{padding:0;margin:0;list-style:none}
+a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{box-sizing:border-box}html{font-size:100px;font-family:Arial,sans-serif;touch-action:manipulation}@media only screen and (max-width:767px){html{font-size:100px}}body{font-size:.12rem;color:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}input{outline:0}li,ul{padding:0;margin:0;list-style:none}