shineout 1.7.0 → 1.7.1-beta.3

package/es/Pagination/Pagination.js

@@ -1,55 +1,82 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import { getProps, defaultProps } from '../utils/proptypes'
-import { paginationClass } from './styles'
-import Links from './Links'
-import Jumper from './Jumper'
-import Simple from './Simple'
-import PageSizeList from './PageSizeList'
-import { isRTL } from '../config'
-import getDataset from '../utils/dom/getDataset'
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { getProps, defaultProps } from '../utils/proptypes';
+import { paginationClass } from './styles';
+import Links from './Links';
+import Jumper from './Jumper';
+import Simple from './Simple';
+import PageSizeList from './PageSizeList';
+import { isRTL } from '../config';
+import getDataset from '../utils/dom/getDataset';
 
-class Pagination extends PureComponent {
-  render() {
-    const { align, layout, size, style } = this.props
+var Pagination =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Pagination, _PureComponent);
 
-    const rtl = isRTL()
+  function Pagination() {
+    return _PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Pagination.prototype;
+
+  _proto.render = function render() {
+    var _this = this;
+
+    var _this$props = this.props,
+        align = _this$props.align,
+        layout = _this$props.layout,
+        size = _this$props.size,
+        style = _this$props.style;
+    var rtl = isRTL();
+    var className = classnames(paginationClass('_', size, align, rtl && 'rtl'), this.props.className);
+    var sectionClassName = paginationClass('section');
+    return React.createElement("div", _extends({
+      className: className,
+      style: style
+    }, getDataset(this.props)), layout.map(function (section, i) {
+      switch (section) {
+        case 'links':
+          return React.createElement(Links, _extends({
+            key: section
+          }, _this.props));
+
+        case 'list':
+          return React.createElement(PageSizeList, _extends({
+            key: section
+          }, _this.props));
 
-    const className = classnames(paginationClass('_', size, align, rtl && 'rtl'), this.props.className)
+        case 'jumper':
+          return React.createElement(Jumper, _extends({
+            key: section
+          }, _this.props));
 
-    const sectionClassName = paginationClass('section')
+        case 'simple':
+          return React.createElement(Simple, _extends({
+            key: section
+          }, _this.props));
 
-    return (
-      <div className={className} style={style} {...getDataset(this.props)}>
-        {layout.map((section, i) => {
-          switch (section) {
-            case 'links':
-              return <Links key={section} {...this.props} />
-            case 'list':
-              return <PageSizeList key={section} {...this.props} />
-            case 'jumper':
-              return <Jumper key={section} {...this.props} />
-            case 'simple':
-              return <Simple key={section} {...this.props} />
-            default:
-              if (typeof section === 'function') {
-                return (
-                  <div key={i} className={sectionClassName}>
-                    <span>{section(this.props)}</span>
-                  </div>
-                )
-              }
-              return null
+        default:
+          if (typeof section === 'function') {
+            return React.createElement("div", {
+              key: i,
+              className: sectionClassName
+            }, React.createElement("span", null, section(_this.props)));
           }
-        })}
-      </div>
-    )
-  }
-}
 
-Pagination.propTypes = {
-  ...getProps(PropTypes, 'size', 'type'),
+          return null;
+      }
+    }));
+  };
+
+  return Pagination;
+}(PureComponent);
+
+Pagination.propTypes = _objectSpread({}, getProps(PropTypes, 'size', 'type'), {
   align: PropTypes.string,
   current: PropTypes.number.isRequired,
   layout: PropTypes.array,
@@ -57,14 +84,11 @@ Pagination.propTypes = {
   pageSize: PropTypes.number.isRequired,
   span: PropTypes.number,
   text: PropTypes.object,
-  total: PropTypes.number.isRequired,
-}
-
-Pagination.defaultProps = {
-  ...defaultProps,
+  total: PropTypes.number.isRequired
+});
+Pagination.defaultProps = _objectSpread({}, defaultProps, {
   layout: ['links'],
   span: 5,
-  text: {},
-}
-
-export default Pagination
+  text: {}
+});
+export default Pagination;

package/es/Pagination/Prev.js

@@ -1,39 +1,58 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import icons from '../icons'
-import Item from './Item'
-import { isRTL } from '../config'
-
-class Prev extends React.PureComponent {
-  renderPrev() {
-    const { text } = this.props
-    const rtl = isRTL()
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import icons from '../icons';
+import Item from './Item';
+import { isRTL } from '../config';
+
+var Prev =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  _inheritsLoose(Prev, _React$PureComponent);
+
+  function Prev() {
+    return _React$PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Prev.prototype;
+
+  _proto.renderPrev = function renderPrev() {
+    var text = this.props.text;
+    var rtl = isRTL();
+
     if (rtl) {
-      return text.next || icons.AngleRight
+      return text.next || icons.AngleRight;
     }
-    return text.prev || icons.AngleLeft
-  }
 
-  render() {
-    const { onChange, current, text, disabled, isSimple } = this.props
-    const prev = current - 1
-    const className = text.prev || isSimple ? `no-border arrow` : 'arrow'
-    return (
-      <Item className={className} page={prev} disabled={disabled || prev < 1} onClick={onChange}>
-        {this.renderPrev()}
-      </Item>
-    )
-  }
-}
+    return text.prev || icons.AngleLeft;
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        onChange = _this$props.onChange,
+        current = _this$props.current,
+        text = _this$props.text,
+        disabled = _this$props.disabled,
+        isSimple = _this$props.isSimple;
+    var prev = current - 1;
+    var className = text.prev || isSimple ? "no-border arrow" : 'arrow';
+    return React.createElement(Item, {
+      className: className,
+      page: prev,
+      disabled: disabled || prev < 1,
+      onClick: onChange
+    }, this.renderPrev());
+  };
+
+  return Prev;
+}(React.PureComponent);
 
 Prev.propTypes = {
   current: PropTypes.number.isRequired,
   disabled: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
   text: PropTypes.object,
-  isSimple: PropTypes.bool,
-}
-
-Prev.displayName = 'ShineoutPaginationPrev'
-
-export default Prev
+  isSimple: PropTypes.bool
+};
+Prev.displayName = 'ShineoutPaginationPrev';
+export default Prev;

package/es/Pagination/Simple.js

@@ -1,23 +1,37 @@
-import React, { PureComponent } from 'react'
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { PureComponent } from 'react';
+import Jumper from './Jumper';
+import Prev from './Prev';
+import Next from './Next';
+import { paginationClass } from './styles';
 
-import Jumper from './Jumper'
-import Prev from './Prev'
-import Next from './Next'
+var Simple =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Simple, _PureComponent);
 
-import { paginationClass } from './styles'
-
-class Simple extends PureComponent {
-  render() {
-    return (
-      <div className={paginationClass('links', 'section')}>
-        <Prev {...this.props} isSimple />
-        <Jumper {...this.props} isSimple size="small" />
-        <Next {...this.props} isSimple />
-      </div>
-    )
+  function Simple() {
+    return _PureComponent.apply(this, arguments) || this;
   }
-}
 
-Simple.propTypes = {}
+  var _proto = Simple.prototype;
+
+  _proto.render = function render() {
+    return React.createElement("div", {
+      className: paginationClass('links', 'section')
+    }, React.createElement(Prev, _extends({}, this.props, {
+      isSimple: true
+    })), React.createElement(Jumper, _extends({}, this.props, {
+      isSimple: true,
+      size: "small"
+    })), React.createElement(Next, _extends({}, this.props, {
+      isSimple: true
+    })));
+  };
+
+  return Simple;
+}(PureComponent);
 
-export default Simple
+Simple.propTypes = {};
+export default Simple;

package/es/Pagination/index.js

@@ -1,56 +1,83 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import Pagination from './Pagination'
-
-export default class extends PureComponent {
-  static displayName = 'ShineoutPagination'
-
-  static propTypes = {
-    current: PropTypes.number,
-    defaultCurrent: PropTypes.number,
-    onChange: PropTypes.func,
-    pageSize: PropTypes.number,
-    total: PropTypes.number,
-  }
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Pagination from './Pagination';
 
-  static defaultProps = {
-    defaultCurrent: 1,
-    pageSize: 10,
-    total: 0,
-  }
+var _default =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(_default, _PureComponent);
 
-  constructor(props) {
-    super(props)
-    this.state = {
-      current: props.current || props.defaultCurrent,
-      pageSize: props.pageSize,
-    }
+  function _default(props) {
+    var _this;
 
-    this.handleChange = this.handleChange.bind(this)
+    _this = _PureComponent.call(this, props) || this;
+    _this.state = {
+      current: props.current || props.defaultCurrent,
+      pageSize: props.pageSize
+    };
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  componentDidUpdate(prevProps) {
+  var _proto = _default.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (prevProps.current !== this.props.current || prevProps.pageSize !== this.props.pageSize) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         current: this.props.current,
-        pageSize: this.props.pageSize,
-      })
+        pageSize: this.props.pageSize
+      });
     }
-  }
+  };
+
+  _proto.handleChange = function handleChange(current, pageSize) {
+    if (pageSize === void 0) {
+      pageSize = this.state.pageSize;
+    }
+
+    var sizeChange = pageSize !== this.state.pageSize;
+    this.setState({
+      current: current,
+      pageSize: pageSize
+    });
 
-  handleChange(current, pageSize = this.state.pageSize) {
-    const sizeChange = pageSize !== this.state.pageSize
-    this.setState({ current, pageSize })
     if (this.props.onChange) {
-      this.props.onChange(current, pageSize, sizeChange)
+      this.props.onChange(current, pageSize, sizeChange);
     }
-  }
+  };
 
-  render() {
-    const current = this.props.current || this.state.current
-    if (this.props.total < 0) return null
+  _proto.render = function render() {
+    var current = this.props.current || this.state.current;
+    if (this.props.total < 0) return null;
+    return React.createElement(Pagination, _extends({}, this.props, {
+      current: current,
+      pageSize: this.state.pageSize,
+      onChange: this.handleChange
+    }));
+  };
 
-    return <Pagination {...this.props} current={current} pageSize={this.state.pageSize} onChange={this.handleChange} />
-  }
-}
+  return _default;
+}(PureComponent);
+
+_defineProperty(_default, "displayName", 'ShineoutPagination');
+
+_defineProperty(_default, "propTypes", {
+  current: PropTypes.number,
+  defaultCurrent: PropTypes.number,
+  onChange: PropTypes.func,
+  pageSize: PropTypes.number,
+  total: PropTypes.number
+});
+
+_defineProperty(_default, "defaultProps", {
+  defaultCurrent: 1,
+  pageSize: 10,
+  total: 0
+});
+
+export { _default as default };

package/es/Pagination/styles/index.js

@@ -1,4 +1,3 @@
-import paginationLess from './pagination.less'
-import genaration from '../../utils/classname'
-
-export const paginationClass = genaration(paginationLess, 'pagination')
+import paginationLess from './pagination.less';
+import genaration from '../../utils/classname';
+export var paginationClass = genaration(paginationLess, 'pagination');

package/es/Popover/Confirm.js

@@ -1,82 +1,125 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import Popover from './index'
-import Button from '../Button'
-import Alert from '../Alert'
-import { Component } from '../component'
-import { popoverClass } from './styles'
-import { getProps } from '../utils/proptypes'
-import { getLocale } from '../locale'
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+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 from 'react';
+import PropTypes from 'prop-types';
+import Popover from './index';
+import Button from '../Button';
+import Alert from '../Alert';
+import { Component } from '../component';
+import { popoverClass } from './styles';
+import { getProps } from '../utils/proptypes';
+import { getLocale } from '../locale';
 
-export default class Confirm extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      ok: false,
-      cancel: false,
-    }
+var Confirm =
+/*#__PURE__*/
+function (_Component) {
+  _inheritsLoose(Confirm, _Component);
 
-    this.handleCancel = this.handleClick.bind(this, 'cancel')
-    this.handleOk = this.handleClick.bind(this, 'ok')
+  function Confirm(props) {
+    var _this;
+
+    _this = _Component.call(this, props) || this;
+    _this.state = {
+      ok: false,
+      cancel: false
+    };
+    _this.handleCancel = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)), 'cancel');
+    _this.handleOk = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)), 'ok');
+    return _this;
   }
 
-  handleClick(type, close) {
-    const { onOk, onCancel } = this.props
-    const fn = type === 'ok' ? onOk : onCancel
-    let callback
-    if (fn) callback = fn()
+  var _proto = Confirm.prototype;
+
+  _proto.handleClick = function handleClick(type, close) {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        onOk = _this$props.onOk,
+        onCancel = _this$props.onCancel;
+    var fn = type === 'ok' ? onOk : onCancel;
+    var callback;
+    if (fn) callback = fn();
+
     if (callback && typeof callback.then === 'function') {
-      this.setState({ [type]: true }, () => {
-        callback.then(() => {
-          close()
-          this.setState({ [type]: false })
-        })
-      })
+      var _this$setState;
+
+      this.setState((_this$setState = {}, _this$setState[type] = true, _this$setState), function () {
+        callback.then(function () {
+          var _this2$setState;
+
+          close();
+
+          _this2.setState((_this2$setState = {}, _this2$setState[type] = false, _this2$setState));
+        });
+      });
     } else {
-      close()
+      close();
     }
-  }
+  };
 
-  render() {
-    const { children, type, text, onOk, okType, onCancel, icon, ...other } = this.props
-    const { ok, cancel } = this.state
-    return (
-      <Popover {...other} trigger="click">
-        {close => (
-          <div className={popoverClass('confirm')}>
-            <div className={popoverClass('mention')}>
-              <Alert type={type} icon={icon} className={popoverClass('alert')}>
-                {children}
-              </Alert>
-            </div>
+  _proto.render = function render() {
+    var _this3 = this;
 
-            <div className={popoverClass('footer')}>
-              <Button loading={cancel} size="small" onClick={() => this.handleCancel(close)}>
-                {getLocale('cancel', text)}
-              </Button>
-              <Button loading={ok} size="small" type={okType} onClick={() => this.handleOk(close)}>
-                {getLocale('ok', text)}
-              </Button>
-            </div>
-          </div>
-        )}
-      </Popover>
-    )
-  }
-}
+    var _this$props2 = this.props,
+        children = _this$props2.children,
+        type = _this$props2.type,
+        text = _this$props2.text,
+        onOk = _this$props2.onOk,
+        okType = _this$props2.okType,
+        onCancel = _this$props2.onCancel,
+        icon = _this$props2.icon,
+        other = _objectWithoutPropertiesLoose(_this$props2, ["children", "type", "text", "onOk", "okType", "onCancel", "icon"]);
 
-Confirm.propTypes = {
-  ...getProps(PropTypes, 'type'),
+    var _this$state = this.state,
+        ok = _this$state.ok,
+        cancel = _this$state.cancel;
+    return React.createElement(Popover, _extends({}, other, {
+      trigger: "click"
+    }), function (close) {
+      return React.createElement("div", {
+        className: popoverClass('confirm')
+      }, React.createElement("div", {
+        className: popoverClass('mention')
+      }, React.createElement(Alert, {
+        type: type,
+        icon: icon,
+        className: popoverClass('alert')
+      }, children)), React.createElement("div", {
+        className: popoverClass('footer')
+      }, React.createElement(Button, {
+        loading: cancel,
+        size: "small",
+        onClick: function onClick() {
+          return _this3.handleCancel(close);
+        }
+      }, getLocale('cancel', text)), React.createElement(Button, {
+        loading: ok,
+        size: "small",
+        type: okType,
+        onClick: function onClick() {
+          return _this3.handleOk(close);
+        }
+      }, getLocale('ok', text))));
+    });
+  };
+
+  return Confirm;
+}(Component);
+
+export { Confirm as default };
+Confirm.propTypes = _objectSpread({}, getProps(PropTypes, 'type'), {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   text: PropTypes.object,
   onOk: PropTypes.func,
   onCancel: PropTypes.func,
   okType: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-}
-
+  icon: PropTypes.oneOfType([PropTypes.bool, PropTypes.node])
+});
 Confirm.defaultProps = {
   type: 'warning',
   icon: true,
-  okType: 'danger',
-}
+  okType: 'danger'
+};