shineout 1.7.1 → 1.8.0-beta.2

package/es/Lazyload/index.js

@@ -1,55 +1,76 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { PureComponent } from '../component'
-import { lazyloadClass } from './styles'
-import { addStack, removeStack } from '../utils/lazyload'
-
-class Lazyload extends PureComponent {
-  constructor(props) {
-    super(props)
-    this.state = { ready: false }
-
-    this.placeholderRef = el => {
-      this.placeholder = el
-    }
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PureComponent } from '../component';
+import { lazyloadClass } from './styles';
+import { addStack, removeStack } from '../utils/lazyload';
+
+var Lazyload =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Lazyload, _PureComponent);
+
+  function Lazyload(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.state = {
+      ready: false
+    };
+
+    _this.placeholderRef = function (el) {
+      _this.placeholder = el;
+    };
+
+    return _this;
   }
 
-  componentDidMount() {
-    const { container, offset } = this.props
+  var _proto = Lazyload.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        container = _this$props.container,
+        offset = _this$props.offset;
     this.lazyId = addStack({
-      offset,
-      container,
+      offset: offset,
+      container: container,
       element: this.placeholder,
-      render: () => this.setState({ ready: true }),
-    })
-  }
+      render: function render() {
+        return _this2.setState({
+          ready: true
+        });
+      }
+    });
+  };
 
-  componentWillUnmount() {
-    removeStack(this.lazyId)
-  }
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    removeStack(this.lazyId);
+  };
 
-  render() {
-    const { ready } = this.state
-    const { children, placeholder } = this.props
+  _proto.render = function render() {
+    var ready = this.state.ready;
+    var _this$props2 = this.props,
+        children = _this$props2.children,
+        placeholder = _this$props2.placeholder;
+    if (ready) return children;
+    return React.createElement("span", {
+      ref: this.placeholderRef,
+      className: lazyloadClass('_')
+    }, placeholder);
+  };
 
-    if (ready) return children
-    return (
-      <span ref={this.placeholderRef} className={lazyloadClass('_')}>
-        {placeholder}
-      </span>
-    )
-  }
-}
+  return Lazyload;
+}(PureComponent);
 
 Lazyload.propTypes = {
   children: PropTypes.any,
   placeholder: PropTypes.element,
   container: PropTypes.oneOfType([PropTypes.element, PropTypes.object]),
-  offset: PropTypes.number,
-}
-
+  offset: PropTypes.number
+};
 Lazyload.defaultProps = {
-  offset: 0,
-}
-
-export default Lazyload
+  offset: 0
+};
+export default Lazyload;

package/es/Lazyload/styles/index.js

@@ -1,4 +1,3 @@
-import lazyloadLess from './lazyload.less'
-import genaration from '../../utils/classname'
-
-export const lazyloadClass = genaration(lazyloadLess, 'lazyload')
+import lazyloadLess from './lazyload.less';
+import genaration from '../../utils/classname';
+export var lazyloadClass = genaration(lazyloadLess, 'lazyload');