shineout 1.7.0 → 1.7.1-beta.3

package/es/Spin/Simple.js

@@ -1,34 +1,45 @@
-import React from 'react'
-import Spin from './Spin'
-import { ringClass, planeClass, pulseClass } from './styles'
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Spin from './Spin';
+import { ringClass, planeClass, pulseClass } from './styles';
 
 function formatSize(size) {
-  const ss = /^(\d+)([%|\w]*)$/.exec(size)
+  var ss = /^(\d+)([%|\w]*)$/.exec(size);
   return {
     value: parseFloat(ss[1]),
-    unit: ss[2] || 'px',
-  }
+    unit: ss[2] || 'px'
+  };
 }
 
 export function Ring(obj) {
-  const { value, unit } = formatSize(obj.size)
-  const style = {
+  var _formatSize = formatSize(obj.size),
+      value = _formatSize.value,
+      unit = _formatSize.unit;
+
+  var style = {
     borderWidth: value / 10 + unit,
-    borderTopColor: obj.color,
-  }
-  return <Spin {...obj} style={style} spinClass={ringClass} />
+    borderTopColor: obj.color
+  };
+  return React.createElement(Spin, _extends({}, obj, {
+    style: style,
+    spinClass: ringClass
+  }));
 }
-
 export function Plane(obj) {
-  const style = {
-    backgroundColor: obj.color,
-  }
-  return <Spin {...obj} style={style} spinClass={planeClass} />
+  var style = {
+    backgroundColor: obj.color
+  };
+  return React.createElement(Spin, _extends({}, obj, {
+    style: style,
+    spinClass: planeClass
+  }));
 }
-
 export function Pulse(obj) {
-  const style = {
-    backgroundColor: obj.color,
-  }
-  return <Spin {...obj} style={style} spinClass={pulseClass} />
-}
+  var style = {
+    backgroundColor: obj.color
+  };
+  return React.createElement(Spin, _extends({}, obj, {
+    style: style,
+    spinClass: pulseClass
+  }));
+}

package/es/Spin/Spin.js

@@ -1,33 +1,34 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classname from 'classnames'
-import { range } from '../utils/numbers'
-
+import React from 'react';
+import PropTypes from 'prop-types';
+import classname from 'classnames';
+import { range } from '../utils/numbers';
 export default function Spin(props) {
-  const { spinClass, count, render, size, wrapperClass, wrapperStyle } = props
-
-  const style = Object.assign(
-    {
-      width: size,
-      height: size,
-    },
-    props.style,
-    wrapperStyle
-  )
-
-  const className = classname(spinClass('_'), wrapperClass)
+  var spinClass = props.spinClass,
+      count = props.count,
+      render = props.render,
+      size = props.size,
+      wrapperClass = props.wrapperClass,
+      wrapperStyle = props.wrapperStyle;
+  var style = Object.assign({
+    width: size,
+    height: size
+  }, props.style, wrapperStyle);
+  var className = classname(spinClass('_'), wrapperClass);
 
   if (count < 1) {
-    return <div style={style} className={className} />
+    return React.createElement("div", {
+      style: style,
+      className: className
+    });
   }
 
-  return (
-    <div style={style} className={className}>
-      {range(count + 1, 1).map(i => render(spinClass, i, props))}
-    </div>
-  )
+  return React.createElement("div", {
+    style: style,
+    className: className
+  }, range(count + 1, 1).map(function (i) {
+    return render(spinClass, i, props);
+  }));
 }
-
 Spin.propTypes = {
   count: PropTypes.number,
   render: PropTypes.func,
@@ -35,9 +36,8 @@ Spin.propTypes = {
   spinClass: PropTypes.func,
   style: PropTypes.object,
   wrapperClass: PropTypes.string,
-  wrapperStyle: PropTypes.object,
-}
-
+  wrapperStyle: PropTypes.object
+};
 Spin.defaultProps = {
-  count: 0,
-}
+  count: 0
+};

package/es/Spin/index.js

@@ -1,25 +1,16 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import config from '../config'
-import configable from '../hoc/config'
-import { spinClass } from './styles'
-import {
-  ChasingDots,
-  DoubleBounce,
-  ThreeBounce,
-  ScaleCircle,
-  FadingCircle,
-  CubeGrid,
-  ChasingRing,
-  Wave,
-  FourDots,
-  Default,
-} from './Multiple'
-import { Ring, Plane, Pulse } from './Simple'
-import { getProps } from '../utils/proptypes'
-
-const spins = {
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import config from '../config';
+import configable from '../hoc/config';
+import { spinClass } from './styles';
+import { ChasingDots, DoubleBounce, ThreeBounce, ScaleCircle, FadingCircle, CubeGrid, ChasingRing, Wave, FourDots, Default } from './Multiple';
+import { Ring, Plane, Pulse } from './Simple';
+import { getProps } from '../utils/proptypes';
+var spins = {
   plane: Plane,
   pulse: Pulse,
   ring: Ring,
@@ -32,87 +23,78 @@ const spins = {
   'fading-circle': FadingCircle,
   'four-dots': FourDots,
   'scale-circle': ScaleCircle,
-  'three-bounce': ThreeBounce,
-}
+  'three-bounce': ThreeBounce
+};
 
 function renderContainer(Loading, props) {
   // eslint-disable-next-line react/prop-types
-  const { loading, children } = props
-  return (
-    <div className={spinClass('container', loading && 'show')}>
-      <div className={spinClass('content')}>{children}</div>
-      {loading && <div className={spinClass('loading')}>{Loading}</div>}
-    </div>
-  )
+  var loading = props.loading,
+      children = props.children;
+  return React.createElement("div", {
+    className: spinClass('container', loading && 'show')
+  }, React.createElement("div", {
+    className: spinClass('content')
+  }, children), loading && React.createElement("div", {
+    className: spinClass('loading')
+  }, Loading));
 }
 
 function getName(name) {
-  if (name !== undefined) return name
-  if (config.spin !== undefined) return config.spin
-  return 'default'
+  if (name !== undefined) return name;
+  if (config.spin !== undefined) return config.spin;
+  return 'default';
 }
 
 function Spin(props) {
-  const { children, style, className, ...rest } = props
-  const name = getName(props.name)
-  const Component = spins[name]
+  var children = props.children,
+      style = props.style,
+      className = props.className,
+      rest = _objectWithoutPropertiesLoose(props, ["children", "style", "className"]);
+
+  var name = getName(props.name);
+  var Component = spins[name];
+
   if (!Component) {
-    console.warn(`Spin type '${name}' not existed.`)
-    return null
+    console.warn("Spin type '" + name + "' not existed.");
+    return null;
   }
-  const classes = classnames(spinClass('_'), className)
-  const wrapperStyle = Object.assign(
-    {
-      margin: props.margin,
-      color: props.color,
-    },
-    style
-  )
-  let Content
+
+  var classes = classnames(spinClass('_'), className);
+  var wrapperStyle = Object.assign({
+    margin: props.margin,
+    color: props.color
+  }, style);
+  var Content;
+
   if (!('tip' in props)) {
-    Content = <Component {...rest} sry wrapperStyle={wrapperStyle} wrapperClass={className} />
+    Content = React.createElement(Component, _extends({}, rest, {
+      sry: true,
+      wrapperStyle: wrapperStyle,
+      wrapperClass: className
+    }));
   } else {
-    Content = (
-      <div className={classes} style={wrapperStyle}>
-        <Component {...rest} />
-        {props.tip && (
-          <div className={spinClass('tip')}>{typeof props.tip === 'string' ? <span>{props.tip}</span> : props.tip}</div>
-        )}
-      </div>
-    )
+    Content = React.createElement("div", {
+      className: classes,
+      style: wrapperStyle
+    }, React.createElement(Component, rest), props.tip && React.createElement("div", {
+      className: spinClass('tip')
+    }, typeof props.tip === 'string' ? React.createElement("span", null, props.tip) : props.tip));
   }
-  if (children) return renderContainer(Content, props)
-  return Content
-}
 
-Spin.displayName = 'ShineoutSpin'
+  if (children) return renderContainer(Content, props);
+  return Content;
+}
 
-Spin.propTypes = {
-  ...getProps(PropTypes),
+Spin.displayName = 'ShineoutSpin';
+Spin.propTypes = _objectSpread({}, getProps(PropTypes), {
   color: PropTypes.string,
   tip: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
   children: PropTypes.node,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  name: PropTypes.oneOf([
-    'default',
-    'chasing-ring',
-    'chasing-dots',
-    'cube-grid',
-    'double-bounce',
-    'fading-circle',
-    'four-dots',
-    'plane',
-    'pulse',
-    'ring',
-    'scale-circle',
-    'three-bounce',
-    'wave',
-  ]),
-}
-
+  name: PropTypes.oneOf(['default', 'chasing-ring', 'chasing-dots', 'cube-grid', 'double-bounce', 'fading-circle', 'four-dots', 'plane', 'pulse', 'ring', 'scale-circle', 'three-bounce', 'wave'])
+});
 Spin.defaultProps = {
   color: '#6c757d',
-  size: 40,
-}
-
-export default configable(Spin, 'spin')
+  size: 40
+};
+export default configable(Spin, 'spin');

package/es/Spin/styles/index.js

@@ -1,30 +1,27 @@
-import spinLess from './spin.less'
-import genaration from '../../utils/classname'
-
-import defaultLess from './default.less'
-import ringLess from './ring.less'
-import planeLess from './plane.less'
-import pulseLess from './pulse.less'
-import waveLess from './wave.less'
-import chasingDotsLess from './chasing-dots.less'
-import doubleBounceLess from './double-bounce.less'
-import cubeGridLess from './cube-grid.less'
-import chasingRingLess from './chasing-ring.less'
-import scaleCircleLess from './scale-circle.less'
-import threeBounceLess from './three-bounce.less'
-import fourDotsLess from './four-dots.less'
-
-export const spinClass = genaration(spinLess, 'spin')
-
-export const defaultClass = genaration(defaultLess, 'spin-default')
-export const ringClass = genaration(ringLess, 'spin-ring')
-export const planeClass = genaration(planeLess, 'spin-plane')
-export const pulseClass = genaration(pulseLess, 'spin-pulse')
-export const waveClass = genaration(waveLess, 'spin-wave')
-export const chasingDotsClass = genaration(chasingDotsLess, 'chasing-dots')
-export const doubleBounceClass = genaration(doubleBounceLess, 'double-bounce')
-export const cubeGridClass = genaration(cubeGridLess, 'cube-grid')
-export const chasingRingClass = genaration(chasingRingLess, 'chasing-ring')
-export const scaleCircleClass = genaration(scaleCircleLess, 'scale-circle')
-export const threeBounceClass = genaration(threeBounceLess, 'three-bounce')
-export const fourDotsClass = genaration(fourDotsLess, 'four-dots')
+import spinLess from './spin.less';
+import genaration from '../../utils/classname';
+import defaultLess from './default.less';
+import ringLess from './ring.less';
+import planeLess from './plane.less';
+import pulseLess from './pulse.less';
+import waveLess from './wave.less';
+import chasingDotsLess from './chasing-dots.less';
+import doubleBounceLess from './double-bounce.less';
+import cubeGridLess from './cube-grid.less';
+import chasingRingLess from './chasing-ring.less';
+import scaleCircleLess from './scale-circle.less';
+import threeBounceLess from './three-bounce.less';
+import fourDotsLess from './four-dots.less';
+export var spinClass = genaration(spinLess, 'spin');
+export var defaultClass = genaration(defaultLess, 'spin-default');
+export var ringClass = genaration(ringLess, 'spin-ring');
+export var planeClass = genaration(planeLess, 'spin-plane');
+export var pulseClass = genaration(pulseLess, 'spin-pulse');
+export var waveClass = genaration(waveLess, 'spin-wave');
+export var chasingDotsClass = genaration(chasingDotsLess, 'chasing-dots');
+export var doubleBounceClass = genaration(doubleBounceLess, 'double-bounce');
+export var cubeGridClass = genaration(cubeGridLess, 'cube-grid');
+export var chasingRingClass = genaration(chasingRingLess, 'chasing-ring');
+export var scaleCircleClass = genaration(scaleCircleLess, 'scale-circle');
+export var threeBounceClass = genaration(threeBounceLess, 'three-bounce');
+export var fourDotsClass = genaration(fourDotsLess, 'four-dots');

package/es/Sticky/context.js

@@ -1,11 +1,13 @@
-import React from 'react'
-import createReactContext from '../context'
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import createReactContext from '../context';
+var context = createReactContext(); // eslint-disable-next-line
 
-const context = createReactContext()
-
-// eslint-disable-next-line
-export const Provider = context.Provider
-
-export const consumer = Origin => props => (
-  <context.Consumer>{value => <Origin {...props} {...value} />}</context.Consumer>
-)
+export var Provider = context.Provider;
+export var consumer = function consumer(Origin) {
+  return function (props) {
+    return React.createElement(context.Consumer, null, function (value) {
+      return React.createElement(Origin, _extends({}, props, value));
+    });
+  };
+};