@mjhls/mjh-framework 1.0.992-next-update → 1.0.992-nofollow-v2

package/dist/cjs/index-50be6759.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString === Object.prototype.toString) {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				} else {
+					classes.push(arg.toString());
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+exports._extends = _extends;
+exports._objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports._setPrototypeOf = _setPrototypeOf;
+exports.classnames = classnames;

package/dist/cjs/{index-4d9f51e0.js → index-65621b6c.js}

@@ -2,11 +2,13 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
+var ReactDOM = require('react-dom');
 var PropTypes = require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var event = _commonjsHelpers.createCommonjsModule(function (module, exports) {
@@ -189,6 +191,10 @@ var _react2 = _interopRequireDefault(React__default["default"]);
 
 
 
+var _reactDom2 = _interopRequireDefault(ReactDOM__default["default"]);
+
+
+
 var _propTypes2 = _interopRequireDefault(PropTypes__default["default"]);
 
 
@@ -216,14 +222,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */
 
 
-var defaultBoundingClientRect = {
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  width: 0,
-  height: 0
-};
+var defaultBoundingClientRect = { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
 var LISTEN_FLAG = 'data-lazyload-listened';
 var listeners = [];
 var pending = [];
@@ -249,7 +248,8 @@ var passiveEvent = passiveEventSupported ? { capture: false, passive: true } : f
  * @return {bool}
  */
 var checkOverflowVisible = function checkOverflowVisible(component, parent) {
-  var node = component.ref;
+  var node = _reactDom2.default.findDOMNode(component);
+  // const node = component.ref;
 
   var parentTop = void 0;
   var parentLeft = void 0;
@@ -313,7 +313,8 @@ var checkOverflowVisible = function checkOverflowVisible(component, parent) {
  * @return {bool}
  */
 var checkNormalVisible = function checkNormalVisible(component) {
-  var node = component.ref;
+  var node = _reactDom2.default.findDOMNode(component);
+  // const node = component.ref;
 
   // If this element is hidden by css rules somehow, it's definitely invisible
   if (!(node.offsetWidth || node.offsetHeight || node.getClientRects().length)) return false;
@@ -345,7 +346,8 @@ var checkNormalVisible = function checkNormalVisible(component) {
  * @param  {React} component   React component that respond to scroll and resize
  */
 var checkVisible = function checkVisible(component) {
-  var node = component.ref;
+  var node = _reactDom2.default.findDOMNode(component);
+  // const node = component.ref;
   if (!(node instanceof HTMLElement)) {
     return;
   }
@@ -421,10 +423,16 @@ var LazyLoad = function (_Component) {
     var _this = _possibleConstructorReturn(this, (LazyLoad.__proto__ || Object.getPrototypeOf(LazyLoad)).call(this, props));
 
     _this.visible = false;
-    _this.setRef = _this.setRef.bind(_this);
+    // this.setRef = this.setRef.bind(this);
     return _this;
   }
 
+  // setRef(element) {
+  //   if (element) {
+  //     this.ref = element;
+  //   }
+  // }
+
   _createClass(LazyLoad, [{
     key: 'componentDidMount',
     value: function componentDidMount() {
@@ -459,7 +467,8 @@ var LazyLoad = function (_Component) {
       }
 
       if (this.props.overflow) {
-        var parent = (0, _scrollParent2.default)(this.ref);
+        var parent = (0, _scrollParent2.default)(_reactDom2.default.findDOMNode(this));
+        // const parent = scrollParent(this.ref);
         if (parent && typeof parent.getAttribute === 'function') {
           var listenerCount = 1 + +parent.getAttribute(LISTEN_FLAG);
           if (listenerCount === 1) {
@@ -494,7 +503,8 @@ var LazyLoad = function (_Component) {
     key: 'componentWillUnmount',
     value: function componentWillUnmount() {
       if (this.props.overflow) {
-        var parent = (0, _scrollParent2.default)(this.ref);
+        var parent = (0, _scrollParent2.default)(_reactDom2.default.findDOMNode(this));
+        // const parent = scrollParent(this.ref);
         if (parent && typeof parent.getAttribute === 'function') {
           var listenerCount = +parent.getAttribute(LISTEN_FLAG) - 1;
           if (listenerCount === 0) {
@@ -516,33 +526,14 @@ var LazyLoad = function (_Component) {
         (0, event.off)(window, 'scroll', finalLazyLoadHandler, passiveEvent);
       }
     }
-  }, {
-    key: 'setRef',
-    value: function setRef(element) {
-      if (element) {
-        this.ref = element;
-      }
-    }
   }, {
     key: 'render',
     value: function render() {
-      var _props2 = this.props,
-          height = _props2.height,
-          children = _props2.children,
-          placeholder = _props2.placeholder,
-          className = _props2.className,
-          classNamePrefix = _props2.classNamePrefix,
-          style = _props2.style;
-
-
-      return _react2.default.createElement(
-        'div',
-        { className: classNamePrefix + '-wrapper ' + className, ref: this.setRef, style: style },
-        this.visible ? children : placeholder ? placeholder : _react2.default.createElement('div', {
-          style: { height: height },
-          className: classNamePrefix + '-placeholder'
-        })
-      );
+      return this.visible ? this.props.children : this.props.placeholder ? this.props.placeholder : _react2.default.createElement('div', { style: { height: this.props.height }, className: 'lazyload-placeholder' });
+      // <span ref={this.setRef} className="lazyload-custom-placeholder">
+      //   {this.props.placeholder}
+      // </span> :
+      // <div ref={this.setRef} style={{ height: this.props.height }} className="lazyload-placeholder" />;
     }
   }]);
 
@@ -550,8 +541,6 @@ var LazyLoad = function (_Component) {
 }(React__default["default"].Component);
 
 LazyLoad.propTypes = {
-  className: _propTypes2.default.string,
-  classNamePrefix: _propTypes2.default.string,
   once: _propTypes2.default.bool,
   height: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]),
   offset: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.arrayOf(_propTypes2.default.number)]),
@@ -563,13 +552,10 @@ LazyLoad.propTypes = {
   debounce: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.bool]),
   placeholder: _propTypes2.default.node,
   scrollContainer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
-  unmountIfInvisible: _propTypes2.default.bool,
-  style: _propTypes2.default.object
+  unmountIfInvisible: _propTypes2.default.bool
 };
 
 LazyLoad.defaultProps = {
-  className: '',
-  classNamePrefix: 'lazyload',
   once: false,
   offset: 0,
   overflow: false,