shineout 1.7.1 → 1.8.0-beta.2

package/es/Card/Card.js

@@ -1,98 +1,104 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import { getProps, defaultProps } from '../utils/proptypes'
-import { dispatchEvent } from '../utils/dom/element'
-import { cardClass } from './styles'
-import { Provider } from './context'
-import { compose } from '../utils/func'
-import resizable from '../hoc/resizable'
-import moveable from '../hoc/moveable'
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { getProps, defaultProps } from '../utils/proptypes';
+import { dispatchEvent } from '../utils/dom/element';
+import { cardClass } from './styles';
+import { Provider } from './context';
+import { compose } from '../utils/func';
+import resizable from '../hoc/resizable';
+import moveable from '../hoc/moveable';
 
-class Card extends PureComponent {
-  constructor(props) {
-    super(props)
+var Card =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Card, _PureComponent);
 
-    this.state = {
-      collapsed: props.defaultCollapsed,
-      formStatus: '',
-    }
+  function Card(props) {
+    var _this;
 
-    this.bindElement = this.bindElement.bind(this)
-    this.handleSubmit = this.handleSubmit.bind(this)
-    this.handleCollapse = this.handleCollapse.bind(this)
-    this.setFormStatus = this.setFormStatus.bind(this)
+    _this = _PureComponent.call(this, props) || this;
+    _this.state = {
+      collapsed: props.defaultCollapsed,
+      formStatus: ''
+    };
+    _this.bindElement = _this.bindElement.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleCollapse = _this.handleCollapse.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.setFormStatus = _this.setFormStatus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  getCollapsed() {
-    const { collapsible, collapsed } = this.props
-    if (!collapsible) return undefined
-    return collapsed !== undefined ? collapsed : this.state.collapsed
-  }
+  var _proto = Card.prototype;
 
-  setFormStatus(status) {
+  _proto.getCollapsed = function getCollapsed() {
+    var _this$props = this.props,
+        collapsible = _this$props.collapsible,
+        collapsed = _this$props.collapsed;
+    if (!collapsible) return undefined;
+    return collapsed !== undefined ? collapsed : this.state.collapsed;
+  };
+
+  _proto.setFormStatus = function setFormStatus(status) {
     if (status !== this.state.formStatus) {
-      this.setState({ formStatus: status })
+      this.setState({
+        formStatus: status
+      });
     }
-  }
-
-  bindElement(el) {
-    this.element = el
-    const { forwardedRef } = this.props
-    if (forwardedRef) forwardedRef(el)
-  }
+  };
 
-  handleCollapse() {
-    const collapsed = !this.getCollapsed()
-    if (this.props.onCollapse) this.props.onCollapse(collapsed)
-    else this.setState({ collapsed })
-  }
+  _proto.bindElement = function bindElement(el) {
+    this.element = el;
+    var forwardedRef = this.props.forwardedRef;
+    if (forwardedRef) forwardedRef(el);
+  };
 
-  handleSubmit(target) {
-    const form = this.element.querySelector('form')
-    if (form) dispatchEvent(form, 'submit', target)
-    else console.error(new Error('No form found.'))
-  }
+  _proto.handleCollapse = function handleCollapse() {
+    var collapsed = !this.getCollapsed();
+    if (this.props.onCollapse) this.props.onCollapse(collapsed);else this.setState({
+      collapsed: collapsed
+    });
+  };
 
-  render() {
-    const { collapsible } = this.props
-    const collapsed = this.getCollapsed()
-    const shadow = this.props.shadow === true ? 'shadow' : this.props.shadow
-    const className = classnames(
-      cardClass('_', shadow, collapsible && 'collapsible', collapsed && 'collapsed'),
-      this.props.className
-    )
+  _proto.handleSubmit = function handleSubmit(target) {
+    var form = this.element.querySelector('form');
+    if (form) dispatchEvent(form, 'submit', target);else console.error(new Error('No form found.'));
+  };
 
-    const provierValue = {
+  _proto.render = function render() {
+    var collapsible = this.props.collapsible;
+    var collapsed = this.getCollapsed();
+    var shadow = this.props.shadow === true ? 'shadow' : this.props.shadow;
+    var className = classnames(cardClass('_', shadow, collapsible && 'collapsible', collapsed && 'collapsed'), this.props.className);
+    var provierValue = {
       onCollapse: this.handleCollapse,
-      collapsible,
-      collapsed,
+      collapsible: collapsible,
+      collapsed: collapsed,
       formStatus: this.state.formStatus,
       onSubmit: this.handleSubmit,
-      setFormStatus: this.setFormStatus,
-    }
+      setFormStatus: this.setFormStatus
+    };
+    return React.createElement("div", {
+      className: className,
+      ref: this.bindElement,
+      style: this.props.style
+    }, React.createElement(Provider, {
+      value: provierValue
+    }, this.props.children));
+  };
 
-    return (
-      <div className={className} ref={this.bindElement} style={this.props.style}>
-        <Provider value={provierValue}>{this.props.children}</Provider>
-      </div>
-    )
-  }
-}
+  return Card;
+}(PureComponent);
 
-Card.propTypes = {
-  ...getProps(PropTypes),
+Card.propTypes = _objectSpread({}, getProps(PropTypes), {
   shadow: PropTypes.oneOf([true, false, 'hover']),
-  forwardedRef: PropTypes.func,
-}
-
-Card.defaultProps = {
-  ...defaultProps,
+  forwardedRef: PropTypes.func
+});
+Card.defaultProps = _objectSpread({}, defaultProps, {
   defaultCollapsed: true,
-  collapsible: false,
-}
-
-export default compose(
-  moveable(`.${cardClass('header')}`),
-  resizable
-)(Card)
+  collapsible: false
+});
+export default compose(moveable("." + cardClass('header')), resizable)(Card);

package/es/Card/Footer.js

@@ -1,18 +1,41 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import { cardClass } from './styles'
-
-export default class extends PureComponent {
-  static propTypes = {
-    align: PropTypes.string,
-    className: PropTypes.string,
-  }
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { cardClass } from './styles';
 
-  render() {
-    const { align, className, ...props } = this.props
-    const newClassName = classnames(cardClass('footer', align), className)
+var _default =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(_default, _PureComponent);
 
-    return <div {...props} className={newClassName} />
+  function _default() {
+    return _PureComponent.apply(this, arguments) || this;
   }
-}
+
+  var _proto = _default.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        align = _this$props.align,
+        className = _this$props.className,
+        props = _objectWithoutPropertiesLoose(_this$props, ["align", "className"]);
+
+    var newClassName = classnames(cardClass('footer', align), className);
+    return React.createElement("div", _extends({}, props, {
+      className: newClassName
+    }));
+  };
+
+  return _default;
+}(PureComponent);
+
+_defineProperty(_default, "propTypes", {
+  align: PropTypes.string,
+  className: PropTypes.string
+});
+
+export { _default as default };

package/es/Card/Header.js

@@ -1,40 +1,58 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import icons from '../icons'
-import { cardClass } from './styles'
-
-export default class extends PureComponent {
-  static propTypes = {
-    align: PropTypes.string,
-    children: PropTypes.any,
-    className: PropTypes.string,
-    collapsed: PropTypes.bool,
-    onCollapse: PropTypes.func,
-    style: PropTypes.object,
-  }
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import icons from '../icons';
+import { cardClass } from './styles';
+
+var _default =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(_default, _PureComponent);
 
-  renderIndicator() {
-    const { collapsed } = this.props
-    if (collapsed === undefined) return undefined
-    const className = cardClass('indicator')
-    return <span className={className}>{icons.AngleRight}</span>
+  function _default() {
+    return _PureComponent.apply(this, arguments) || this;
   }
 
-  render() {
-    const {
-      style, align, className, children, onCollapse, collapsed,
-    } = this.props
+  var _proto = _default.prototype;
 
-    const newClassName = classnames(cardClass('header', align), className)
-    const onClick = typeof collapsed === 'boolean' ? onCollapse : undefined
+  _proto.renderIndicator = function renderIndicator() {
+    var collapsed = this.props.collapsed;
+    if (collapsed === undefined) return undefined;
+    var className = cardClass('indicator');
+    return React.createElement("span", {
+      className: className
+    }, icons.AngleRight);
+  };
 
-    return (
-      <div style={style} onClick={onClick} className={newClassName}>
-        {this.renderIndicator()}
-        {children}
-      </div>
-    )
-  }
-}
+  _proto.render = function render() {
+    var _this$props = this.props,
+        style = _this$props.style,
+        align = _this$props.align,
+        className = _this$props.className,
+        children = _this$props.children,
+        onCollapse = _this$props.onCollapse,
+        collapsed = _this$props.collapsed;
+    var newClassName = classnames(cardClass('header', align), className);
+    var onClick = typeof collapsed === 'boolean' ? onCollapse : undefined;
+    return React.createElement("div", {
+      style: style,
+      onClick: onClick,
+      className: newClassName
+    }, this.renderIndicator(), children);
+  };
+
+  return _default;
+}(PureComponent);
+
+_defineProperty(_default, "propTypes", {
+  align: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  collapsed: PropTypes.bool,
+  onCollapse: PropTypes.func,
+  style: PropTypes.object
+});
 
+export { _default as default };

package/es/Card/Submit.js

@@ -1,42 +1,60 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import Button from '../Button'
-
-class Submit extends PureComponent {
-  constructor(props) {
-    super(props)
-    this.handleClick = this.handleClick.bind(this)
-  }
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Button from '../Button';
 
-  handleClick(e) {
-    e.persist()
-    setTimeout(() => {
-      this.props.onSubmit(e.target)
-    }, 50)
-  }
+var Submit =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Submit, _PureComponent);
+
+  function Submit(props) {
+    var _this;
 
-  render() {
-    const { onSubmit, loading, children, formStatus, ...other } = this.props
-    return (
-      <Button
-        type="primary"
-        {...other}
-        disabled={other.disabled || formStatus === 'disabled'}
-        loading={formStatus === 'pending' || loading}
-        onClick={this.handleClick}
-      >
-        {children}
-      </Button>
-    )
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
-}
+
+  var _proto = Submit.prototype;
+
+  _proto.handleClick = function handleClick(e) {
+    var _this2 = this;
+
+    e.persist();
+    setTimeout(function () {
+      _this2.props.onSubmit(e.target);
+    }, 50);
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        onSubmit = _this$props.onSubmit,
+        loading = _this$props.loading,
+        children = _this$props.children,
+        formStatus = _this$props.formStatus,
+        other = _objectWithoutPropertiesLoose(_this$props, ["onSubmit", "loading", "children", "formStatus"]);
+
+    return React.createElement(Button, _extends({
+      type: "primary"
+    }, other, {
+      disabled: other.disabled || formStatus === 'disabled',
+      loading: formStatus === 'pending' || loading,
+      onClick: this.handleClick
+    }), children);
+  };
+
+  return Submit;
+}(PureComponent);
 
 Submit.propTypes = {
   children: PropTypes.any,
   formStatus: PropTypes.string,
   loading: PropTypes.bool,
   onCollapse: PropTypes.func,
-  onSubmit: PropTypes.func,
-}
-
-export default Submit
+  onSubmit: PropTypes.func
+};
+export default Submit;

package/es/Card/context.js

@@ -1,21 +1,27 @@
-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 var Provider = context.Provider;
 
 function filterProps(props, keys) {
-  if (!props) return {}
-
-  const value = {}
-  keys.forEach(k => {
-    value[k] = props[k]
-  })
-  return value
+  if (!props) return {};
+  var value = {};
+  keys.forEach(function (k) {
+    value[k] = props[k];
+  });
+  return value;
 }
 
-export const consumer = (Origin, keys = []) => props => (
-  <context.Consumer>{value => <Origin {...props} {...filterProps(value, keys)} />}</context.Consumer>
-)
+export var consumer = function consumer(Origin, keys) {
+  if (keys === void 0) {
+    keys = [];
+  }
+
+  return function (props) {
+    return React.createElement(context.Consumer, null, function (value) {
+      return React.createElement(Origin, _extends({}, props, filterProps(value, keys)));
+    });
+  };
+};

package/es/Card/index.js

@@ -1,19 +1,16 @@
-import Card from './Card'
-import Submit from './Submit'
-import { consumer } from './context'
-import Header from './Header'
-import Body from './Body'
-import Footer from './Footer'
-import Accordion from './Accordion'
-
-Card.Header = consumer(Header, ['collapsed', 'onCollapse'])
-Card.Body = consumer(Body, ['collapsed', 'collapsible', 'onCollapse'])
-Card.Footer = Footer
-Card.Submit = consumer(Submit, ['onSubmit', 'formStatus'])
-Card.Accordion = Accordion
-
-Card.Body.displayName = 'ShineoutCardBody'
-Card.Header.displayName = 'ShineoutCardHeader'
-Card.displayName = 'ShineoutCard'
-
-export default Card
+import Card from './Card';
+import Submit from './Submit';
+import { consumer } from './context';
+import Header from './Header';
+import Body from './Body';
+import Footer from './Footer';
+import Accordion from './Accordion';
+Card.Header = consumer(Header, ['collapsed', 'onCollapse']);
+Card.Body = consumer(Body, ['collapsed', 'collapsible', 'onCollapse']);
+Card.Footer = Footer;
+Card.Submit = consumer(Submit, ['onSubmit', 'formStatus']);
+Card.Accordion = Accordion;
+Card.Body.displayName = 'ShineoutCardBody';
+Card.Header.displayName = 'ShineoutCardHeader';
+Card.displayName = 'ShineoutCard';
+export default Card;

package/es/Card/styles/index.js

@@ -1,4 +1,3 @@
-import cardLess from './card.less'
-import genaration from '../../utils/classname'
-
-export const cardClass = genaration(cardLess, 'card')
+import cardLess from './card.less';
+import genaration from '../../utils/classname';
+export var cardClass = genaration(cardLess, 'card');