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

package/dist/esm/{iconBase-8570c2e3.js → iconBase-ccc56b97.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import * as React from 'react';
 
 var DefaultContext = {
   color: undefined,
@@ -7,7 +7,7 @@ var DefaultContext = {
   style: undefined,
   attr: undefined
 };
-var IconContext = React__default.createContext && React__default.createContext(DefaultContext);
+var IconContext = React.createContext && React.createContext(DefaultContext);
 
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
@@ -28,15 +28,13 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
   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]];
-  }
+  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) t[p[i]] = s[p[i]];
   return t;
 };
 
 function Tree2Element(tree) {
   return tree && tree.map(function (node, i) {
-    return React__default.createElement(node.tag, __assign({
+    return React.createElement(node.tag, __assign({
       key: i
     }, node.attr), Tree2Element(node.child));
   });
@@ -44,38 +42,38 @@ function Tree2Element(tree) {
 
 function GenIcon(data) {
   return function (props) {
-    return React__default.createElement(IconBase, __assign({
+    return React.createElement(IconBase, __assign({
       attr: __assign({}, data.attr)
     }, props), Tree2Element(data.child));
   };
 }
 function IconBase(props) {
   var elem = function (conf) {
-    var attr = props.attr,
-        size = props.size,
-        title = props.title,
-        svgProps = __rest(props, ["attr", "size", "title"]);
-
-    var computedSize = size || conf.size || "1em";
+    var computedSize = props.size || conf.size || "1em";
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + ' ' : '') + props.className;
-    return React__default.createElement("svg", __assign({
+
+    var attr = props.attr,
+        title = props.title,
+        svgProps = __rest(props, ["attr", "title"]);
+
+    return React.createElement("svg", __assign({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, conf.attr, attr, svgProps, {
       className: className,
-      style: __assign(__assign({
+      style: __assign({
         color: props.color || conf.color
-      }, conf.style), props.style),
+      }, conf.style, props.style),
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && React__default.createElement("title", null, title), props.children);
+    }), title && React.createElement("title", null, title), props.children);
   };
 
-  return IconContext !== undefined ? React__default.createElement(IconContext.Consumer, null, function (conf) {
+  return IconContext !== undefined ? React.createElement(IconContext.Consumer, null, function (conf) {
     return elem(conf);
   }) : elem(DefaultContext);
 }

package/dist/esm/{index-b62a3b3b.js → index-755f2cc2.js}

@@ -1,5 +1,6 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
+import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 
 var event = createCommonjsModule(function (module, exports) {
@@ -182,6 +183,10 @@ var _react2 = _interopRequireDefault(React__default);
 
 
 
+var _reactDom2 = _interopRequireDefault(ReactDOM);
+
+
+
 var _propTypes2 = _interopRequireDefault(PropTypes);
 
 
@@ -209,14 +214,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 = [];
@@ -242,7 +240,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;
@@ -306,7 +305,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;
@@ -338,7 +338,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;
   }
@@ -414,10 +415,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() {
@@ -452,7 +459,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) {
@@ -487,7 +495,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) {
@@ -509,33 +518,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" />;
     }
   }]);
 
@@ -543,8 +533,6 @@ var LazyLoad = function (_Component) {
 }(React__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)]),
@@ -556,13 +544,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,

package/dist/esm/index-98ca9cec.js

@@ -0,0 +1,100 @@
+import { c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.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 = 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;
+	}
+}());
+});
+
+export { _objectWithoutPropertiesLoose as _, _setPrototypeOf as a, _extends as b, classnames as c };