@autobest-ui/components 2.2.1 → 2.4.0

package/lib/accordion/index.js

@@ -1,20 +1,14 @@
 "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 _utils = require("@autobest-ui/utils");
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -26,68 +20,49 @@ 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 __assign = void 0 && (void 0).__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 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({
@@ -99,34 +74,28 @@ function (_super) {
           visibleNames: (_b = {}, _b[name] = !isCurVisible, _b)
         });
       }
-
       if (onVisibleChange) {
         onVisibleChange(name, !isCurVisible);
       }
     };
-
     var visibleNames = {};
     var defaultVisibleNames = props.defaultVisibleNames;
-
     if (!(0, _utils.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.default.createElement("ul", {
       className: (0, _classnames.default)(cls, className)
@@ -140,9 +109,8 @@ function (_super) {
         visible: !!visibleNames[name]
       });
     }));
-  }; // 限制用户传入的参数，所以用BaseAccordionItemProps
-
-
+  };
+  // 限制用户传入的参数，所以用BaseAccordionItemProps
   Accordion.Item = _Item.default;
   Accordion.defaultProps = {
     className: '',
@@ -151,6 +119,5 @@ function (_super) {
   };
   return Accordion;
 }(_react.default.Component);
-
 var _default = Accordion;
 exports.default = _default;

package/lib/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/lib/affix/PortalAffix.js

@@ -1,35 +1,28 @@
 "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 _reactTransitionGroup = require("react-transition-group");
-
 var _portal = _interopRequireDefault(require("../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.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       in: visible,
@@ -42,7 +35,6 @@ function PortalAffix(_a, ref) {
       className: (0, _classnames.default)(className, "".concat(cls, "-custom"))
     }, children)));
   }
-
   style.display = visible ? '' : 'none';
   return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement("div", {
     style: style,
@@ -50,7 +42,5 @@ function PortalAffix(_a, ref) {
     className: (0, _classnames.default)(className, "".concat(cls, "-custom"))
   }, children));
 }
-
 var _default = /*#__PURE__*/_react.default.forwardRef(PortalAffix);
-
 exports.default = _default;

package/lib/affix/index.js

@@ -1,20 +1,14 @@
 "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 _utils = require("@autobest-ui/utils");
-
 var _PortalAffix = _interopRequireDefault(require("./PortalAffix"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -26,91 +20,69 @@ 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 __assign = void 0 && (void 0).__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 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.default.createRef();
     _this.customRef = /*#__PURE__*/_react.default.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 = (0, _utils.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 = (0, _utils.getOffsetAndSize)(positionElement);
-
       if (ignoreHorizontalFixed) {
         var ignoreScrollLeft = (0, _utils.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
@@ -123,13 +95,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,
@@ -145,14 +115,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
@@ -162,7 +129,6 @@ function (_super) {
           element.style.left = allWidth ? allWidthLeft : "".concat(positionInfo.left, "px");
         }
       }
-
       if (onScroll) {
         onScroll(__assign(__assign({}, positionInfo), {
           scrollTop: scrollTop,
@@ -170,7 +136,6 @@ function (_super) {
         }));
       }
     };
-
     _this.state = {
       visible: false,
       left: '',
@@ -179,47 +144,41 @@ function (_super) {
     };
     return _this;
   }
-
   Affix.prototype.componentDidMount = function () {
     var _this = this;
-
-    this.onHandlerScroll(); // 滚动监听
-
+    this.onHandlerScroll();
+    // 滚动监听
     this.scrollHandler = (0, _utils.addEventListener)(window, 'scroll', (0, _utils.throttleWithRAF)(function () {
       return _this.onHandlerScroll();
-    })); // resize 监听
-
+    }));
+    // resize 监听
     if (!this.resizeHandler) {
       this.resizeHandler = (0, _utils.addEventListener)(window, 'resize', (0, _utils.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.default.createElement(_PortalAffix.default, {
         top: top,
@@ -232,21 +191,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.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.wrapRef,
       className: (0, _classnames.default)(this.prefixCls, className)
     }, children), this.renderContent());
   };
-
   Affix.defaultProps = {
     offsetTop: 0,
     allWidth: false,
@@ -254,13 +210,12 @@ 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.default.Component);
-
 var _default = Affix;
 exports.default = _default;

package/lib/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/lib/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}