shineout 1.7.1 → 1.8.0-beta.2

package/es/Icon/index.js

@@ -1,31 +1,48 @@
-import React from 'react'
-import Icon from './Icon'
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from './Icon';
+var links = {};
+var scripts = {};
+export default function (url, fontFamily, prefix) {
+  if (fontFamily === void 0) {
+    fontFamily = 'iconfont';
+  }
 
-const links = {}
-const scripts = {}
+  if (prefix === void 0) {
+    prefix = 'icon';
+  }
 
-export default function(url, fontFamily = 'iconfont', prefix = 'icon') {
   if (typeof url !== 'string') {
-    console.error(`Shineout Icon url must be a string, but get ${url}`)
-    return null
+    console.error("Shineout Icon url must be a string, but get " + url);
+    return null;
   }
-  const ext = url.substr(url.lastIndexOf('.') + 1)
+
+  var ext = url.substr(url.lastIndexOf('.') + 1);
+
   if (ext === 'css' && !links[url]) {
-    links[url] = true
-    const link = document.createElement('link')
-    link.setAttribute('rel', 'stylesheet')
-    link.setAttribute('type', 'text/css')
-    link.setAttribute('href', url)
-    document.head.appendChild(link)
+    links[url] = true;
+    var link = document.createElement('link');
+    link.setAttribute('rel', 'stylesheet');
+    link.setAttribute('type', 'text/css');
+    link.setAttribute('href', url);
+    document.head.appendChild(link);
   }
+
   if (ext === 'js' && !scripts[url]) {
-    const script = document.createElement('script')
-    scripts[url] = script
-    script.setAttribute('src', url)
-    document.body.appendChild(script)
+    var script = document.createElement('script');
+    scripts[url] = script;
+    script.setAttribute('src', url);
+    document.body.appendChild(script);
   }
 
-  const wrapperIcon = props => <Icon ext={ext} fontFamily={fontFamily} prefix={prefix} {...props} />
-  wrapperIcon.isShineoutIcon = true
-  return wrapperIcon
-}
+  var wrapperIcon = function wrapperIcon(props) {
+    return React.createElement(Icon, _extends({
+      ext: ext,
+      fontFamily: fontFamily,
+      prefix: prefix
+    }, props));
+  };
+
+  wrapperIcon.isShineoutIcon = true;
+  return wrapperIcon;
+}

package/es/Icon/styles/index.js

@@ -1,4 +1,3 @@
-import iconLess from './icon.less'
-import genaration from '../../utils/classname'
-
-export const iconClass = genaration(iconLess, 'icon')
+import iconLess from './icon.less';
+import genaration from '../../utils/classname';
+export var iconClass = genaration(iconLess, 'icon');

package/es/Image/Gallery.js

@@ -1,125 +1,140 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import immer from 'immer'
-import { PureComponent } from '../component'
-import normalizeWheel from '../utils/dom/normalizeWheel'
-import { imageClass } from './styles'
-import icons from '../icons'
-import Magnify from './Magnify'
-import { docSize } from '../utils/dom/document'
-
-class Gallery extends PureComponent {
-  constructor(props) {
-    super(props)
-
-    this.state = {
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React from 'react';
+import PropTypes from 'prop-types';
+import immer from 'immer';
+import { PureComponent } from '../component';
+import normalizeWheel from '../utils/dom/normalizeWheel';
+import { imageClass } from './styles';
+import icons from '../icons';
+import Magnify from './Magnify';
+import { docSize } from '../utils/dom/document';
+
+var Gallery =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Gallery, _PureComponent);
+
+  function Gallery(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.state = {
       current: props.current,
-      direction: 'init',
-    }
-
-    this.handleScroll = this.handleScroll.bind(this)
-    this.lockScroll = this.lockScroll.bind(this)
-
-    this.scrollX = 0
-    this.rawScroll = false
-  }
-
-  componentDidMount() {
-    super.componentDidMount()
-    document.addEventListener('wheel', this.handleScroll, { passive: false })
-  }
-
-  componentWillUnmount() {
-    super.componentWillUnmount()
-    document.removeEventListener('wheel', this.handleScroll, { passive: false })
-  }
-
-  lockScroll(status) {
-    this.rawScroll = status
-  }
-
-  handleClick(direction) {
-    const { length } = this.props.images
-    this.setState(
-      immer(draft => {
-        draft.current += direction
-        if (draft.current < 0) draft.current = 0
-        else if (draft.current >= length) draft.current = length - 1
-        else draft.direction = direction === 1 ? 'forward' : 'backward'
-      }),
-      () => {
-        setTimeout(() => {
-          this.setState({ direction: 'init' })
-        }, 400)
-      }
-    )
-  }
-
-  handleScroll(e) {
-    if (this.rawScroll) return
-    e.preventDefault()
-    if (this.scrollX !== 0) return
-    const wheel = normalizeWheel(e)
-    this.scrollX += wheel.spinX
-
-    if (this.scrollX < 0) this.handleClick(-1)
-    if (this.scrollX > 0) this.handleClick(1)
-
-    this.scrollTimer = setTimeout(() => {
-      this.scrollX = 0
-    }, 1000)
+      direction: 'init'
+    };
+    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.lockScroll = _this.lockScroll.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.scrollX = 0;
+    _this.rawScroll = false;
+    return _this;
   }
 
-  renderImage(image, pos) {
-    const windowHeight = docSize.height
-    const windowWidth = docSize.width
+  var _proto = Gallery.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    _PureComponent.prototype.componentDidMount.call(this);
+
+    document.addEventListener('wheel', this.handleScroll, {
+      passive: false
+    });
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    _PureComponent.prototype.componentWillUnmount.call(this);
+
+    document.removeEventListener('wheel', this.handleScroll, {
+      passive: false
+    });
+  };
+
+  _proto.lockScroll = function lockScroll(status) {
+    this.rawScroll = status;
+  };
+
+  _proto.handleClick = function handleClick(direction) {
+    var _this2 = this;
+
+    var length = this.props.images.length;
+    this.setState(immer(function (draft) {
+      draft.current += direction;
+      if (draft.current < 0) draft.current = 0;else if (draft.current >= length) draft.current = length - 1;else draft.direction = direction === 1 ? 'forward' : 'backward';
+    }), function () {
+      setTimeout(function () {
+        _this2.setState({
+          direction: 'init'
+        });
+      }, 400);
+    });
+  };
+
+  _proto.handleScroll = function handleScroll(e) {
+    var _this3 = this;
+
+    if (this.rawScroll) return;
+    e.preventDefault();
+    if (this.scrollX !== 0) return;
+    var wheel = normalizeWheel(e);
+    this.scrollX += wheel.spinX;
+    if (this.scrollX < 0) this.handleClick(-1);
+    if (this.scrollX > 0) this.handleClick(1);
+    this.scrollTimer = setTimeout(function () {
+      _this3.scrollX = 0;
+    }, 1000);
+  };
+
+  _proto.renderImage = function renderImage(image, pos) {
+    var windowHeight = docSize.height;
+    var windowWidth = docSize.width;
+    var onClick;
 
-    let onClick
     if (pos !== 'center') {
-      onClick = this.handleClick.bind(this, pos === 'left' ? -1 : 1)
+      onClick = this.handleClick.bind(this, pos === 'left' ? -1 : 1);
     }
 
-    return (
-      <div key={image.key} className={imageClass(pos, this.state.direction)} onClick={onClick}>
-        <a onClick={this.props.onClose} className={imageClass('close')}>
-          {icons.Close}
-        </a>
-        <Magnify
-          maxWidth={windowWidth - 400}
-          maxHeight={windowHeight - 160}
-          position={pos}
-          src={image.src}
-          lockScroll={this.lockScroll}
-        />
-      </div>
-    )
-  }
-
-  render() {
-    const { current } = this.state
-    const { images, onClose } = this.props
-    const currentImage = images[current]
-
-    const result = []
-
-    result.push(<div key="overlay" className={imageClass('overlay')} onClick={onClose} />)
-    result.push(this.renderImage(currentImage, 'center'))
-
-    if (images[current - 1]) result.push(this.renderImage(images[current - 1], 'left'))
-    if (images[current + 1]) result.push(this.renderImage(images[current + 1], 'right'))
-
-    return result
-  }
-}
+    return React.createElement("div", {
+      key: image.key,
+      className: imageClass(pos, this.state.direction),
+      onClick: onClick
+    }, React.createElement("a", {
+      onClick: this.props.onClose,
+      className: imageClass('close')
+    }, icons.Close), React.createElement(Magnify, {
+      maxWidth: windowWidth - 400,
+      maxHeight: windowHeight - 160,
+      position: pos,
+      src: image.src,
+      lockScroll: this.lockScroll
+    }));
+  };
+
+  _proto.render = function render() {
+    var current = this.state.current;
+    var _this$props = this.props,
+        images = _this$props.images,
+        onClose = _this$props.onClose;
+    var currentImage = images[current];
+    var result = [];
+    result.push(React.createElement("div", {
+      key: "overlay",
+      className: imageClass('overlay'),
+      onClick: onClose
+    }));
+    result.push(this.renderImage(currentImage, 'center'));
+    if (images[current - 1]) result.push(this.renderImage(images[current - 1], 'left'));
+    if (images[current + 1]) result.push(this.renderImage(images[current + 1], 'right'));
+    return result;
+  };
+
+  return Gallery;
+}(PureComponent);
 
 Gallery.propTypes = {
   current: PropTypes.number,
   images: PropTypes.array.isRequired,
-  onClose: PropTypes.func.isRequired,
-}
-
+  onClose: PropTypes.func.isRequired
+};
 Gallery.defaultProps = {
-  current: 0,
-}
-
-export default Gallery
+  current: 0
+};
+export default Gallery;

package/es/Image/Group.js

@@ -1,44 +1,68 @@
-import React, { PureComponent, Children, cloneElement } from 'react'
-import PropTypes from 'prop-types'
-import showGallery from './events'
-import { IMAGE } from './Image'
-import { imageClass } from './styles'
-
-class Group extends PureComponent {
-  handleClick(index) {
-    const { children } = this.props
-    const images = []
-    let current = 0
-    Children.toArray(children).forEach((child, i) => {
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { PureComponent, Children, cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import showGallery from './events';
+import { IMAGE } from './Image';
+import { imageClass } from './styles';
+
+var Group =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Group, _PureComponent);
+
+  function Group() {
+    return _PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Group.prototype;
+
+  _proto.handleClick = function handleClick(index) {
+    var children = this.props.children;
+    var images = [];
+    var current = 0;
+    Children.toArray(children).forEach(function (child, i) {
       if (child && child.type && child.type.symbolType === IMAGE) {
-        if (index === i) current = images.length
-        const { src, href } = child.props
-        images.push({ thumb: src, src: href || src, key: i })
+        if (index === i) current = images.length;
+        var _child$props = child.props,
+            src = _child$props.src,
+            href = _child$props.href;
+        images.push({
+          thumb: src,
+          src: href || src,
+          key: i
+        });
       }
-    })
+    });
+    showGallery(images, current);
+  };
 
-    showGallery(images, current)
-  }
+  _proto.render = function render() {
+    var _this = this;
 
-  render() {
-    const { children, pile, style, ...props } = this.props
-    return (
-      <div className={imageClass('group', pile && 'pile')} style={style}>
-        {Children.toArray(this.props.children).map((child, i) =>
-          cloneElement(child, {
-            ...props,
-            onClick: this.handleClick.bind(this, i),
-          })
-        )}
-      </div>
-    )
-  }
-}
+    var _this$props = this.props,
+        children = _this$props.children,
+        pile = _this$props.pile,
+        style = _this$props.style,
+        props = _objectWithoutPropertiesLoose(_this$props, ["children", "pile", "style"]);
+
+    return React.createElement("div", {
+      className: imageClass('group', pile && 'pile'),
+      style: style
+    }, Children.toArray(this.props.children).map(function (child, i) {
+      return cloneElement(child, _objectSpread({}, props, {
+        onClick: _this.handleClick.bind(_this, i)
+      }));
+    }));
+  };
+
+  return Group;
+}(PureComponent);
 
 Group.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),
   pile: PropTypes.bool,
-  style: PropTypes.object,
-}
-
-export default Group
+  style: PropTypes.object
+};
+export default Group;