shineout 1.7.0 → 1.7.1-beta.3

package/es/Pagination/Jumper.js

@@ -1,82 +1,93 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import { getUidStr } from '../utils/uid'
-import { paginationClass } from './styles'
-import Input from '../Input'
+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 { getUidStr } from '../utils/uid';
+import { paginationClass } from './styles';
+import Input from '../Input';
+var inputStyle = {
+  width: 60,
+  display: 'inline-block'
+};
 
-const inputStyle = { width: 60, display: 'inline-block' }
+var Jumper =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Jumper, _PureComponent);
 
-class Jumper extends PureComponent {
-  constructor(props) {
-    super(props)
+  function Jumper(props) {
+    var _this;
 
-    this.handleKeyDown = this.handleKeyDown.bind(this)
-    this.renderRequire = getUidStr()
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.renderRequire = getUidStr();
+    return _this;
   }
 
-  getMax() {
-    const { total, pageSize } = this.props
-    return Math.ceil(total / pageSize)
-  }
-
-  handleKeyDown(e) {
-    if (e.keyCode === 13) {
-      let current = parseInt(e.target.value, 10)
-      this.autoFocus = true
+  var _proto = Jumper.prototype;
 
-      if (!Number.isFinite(current)) return
-      if (current < 1) current = 1
-      this.renderRequire = getUidStr()
+  _proto.getMax = function getMax() {
+    var _this$props = this.props,
+        total = _this$props.total,
+        pageSize = _this$props.pageSize;
+    return Math.ceil(total / pageSize);
+  };
 
-      const max = this.getMax()
-      if (current > max) current = max
+  _proto.handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === 13) {
+      var current = parseInt(e.target.value, 10);
+      this.autoFocus = true;
+      if (!Number.isFinite(current)) return;
+      if (current < 1) current = 1;
+      this.renderRequire = getUidStr();
+      var max = this.getMax();
+      if (current > max) current = max;
 
       if (current === this.props.current) {
-        this.forceUpdate()
+        this.forceUpdate();
       }
-      this.props.onChange(current)
+
+      this.props.onChange(current);
     }
-  }
+  };
 
-  render() {
-    const { current, text, size, isSimple } = this.props
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        current = _this$props2.current,
+        text = _this$props2.text,
+        size = _this$props2.size,
+        isSimple = _this$props2.isSimple;
+    var txt = text.jumper ? text.jumper.split('{input}') : [];
 
-    let txt = text.jumper ? text.jumper.split('{input}') : []
     if (isSimple) {
-      const spanClass = paginationClass('simple-span')
-      txt = [
-        [],
-        [
-          <span key="separator" className={spanClass}>
-            /
-          </span>,
-          <span key="pageMax" className={spanClass}>
-            {this.getMax()}
-          </span>,
-        ],
-      ]
+      var spanClass = paginationClass('simple-span');
+      txt = [[], [React.createElement("span", {
+        key: "separator",
+        className: spanClass
+      }, "/"), React.createElement("span", {
+        key: "pageMax",
+        className: spanClass
+      }, this.getMax())]];
     }
 
-    return (
-      <div className={paginationClass('section')}>
-        {txt[0]}
-        <Input
-          key={this.renderRequire}
-          value={current}
-          autoFocus={this.autoFocus}
-          onKeyDown={this.handleKeyDown}
-          digits={0}
-          type="number"
-          style={inputStyle}
-          size={size}
-          className={paginationClass(isSimple && 'simple-input')}
-          delay={400}
-        />
-        {txt[1]}
-      </div>
-    )
-  }
-}
+    return React.createElement("div", {
+      className: paginationClass('section')
+    }, txt[0], React.createElement(Input, {
+      key: this.renderRequire,
+      value: current,
+      autoFocus: this.autoFocus,
+      onKeyDown: this.handleKeyDown,
+      digits: 0,
+      type: "number",
+      style: inputStyle,
+      size: size,
+      className: paginationClass(isSimple && 'simple-input'),
+      delay: 400
+    }), txt[1]);
+  };
+
+  return Jumper;
+}(PureComponent);
 
 Jumper.propTypes = {
   current: PropTypes.number.isRequired,
@@ -85,7 +96,6 @@ Jumper.propTypes = {
   text: PropTypes.object,
   total: PropTypes.number.isRequired,
   size: PropTypes.string,
-  isSimple: PropTypes.bool,
-}
-
-export default Jumper
+  isSimple: PropTypes.bool
+};
+export default Jumper;

package/es/Pagination/Links.js

@@ -1,106 +1,136 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import icons from '../icons'
-import { paginationClass } from './styles'
-import Item from './Item'
-import Prev from './Prev'
-import Next from './Next'
-import { isRTL } from '../config'
-
-const renderIcon = isPrev => {
-  const rtl = isRTL()
-  if ((isPrev && rtl) || (!isPrev && !rtl)) {
-    return icons.AngleDoubleRight
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import icons from '../icons';
+import { paginationClass } from './styles';
+import Item from './Item';
+import Prev from './Prev';
+import Next from './Next';
+import { isRTL } from '../config';
+
+var renderIcon = function renderIcon(isPrev) {
+  var rtl = isRTL();
+
+  if (isPrev && rtl || !isPrev && !rtl) {
+    return icons.AngleDoubleRight;
+  }
+
+  return icons.AngleDoubleLeft;
+};
+
+var Links =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Links, _PureComponent);
+
+  function Links() {
+    return _PureComponent.apply(this, arguments) || this;
   }
-  return icons.AngleDoubleLeft
-}
 
-class Links extends PureComponent {
-  getLinks() {
-    const { current, total, pageSize, span } = this.props
+  var _proto = Links.prototype;
 
-    if (total === 0) return { links: [], max: 0 }
+  _proto.getLinks = function getLinks() {
+    var _this$props = this.props,
+        current = _this$props.current,
+        total = _this$props.total,
+        pageSize = _this$props.pageSize,
+        span = _this$props.span;
+    if (total === 0) return {
+      links: [],
+      max: 0
+    };
+    var max = Math.ceil(total / pageSize);
+    var links = [];
+    var right;
+    var left = current - Math.floor(span / 2);
 
-    const max = Math.ceil(total / pageSize)
-    const links = []
-    let right
-    let left = current - Math.floor(span / 2)
     if (left < 3) {
-      left = 3
+      left = 3;
     }
-    right = left + span
+
+    right = left + span;
+
     if (right + 1 >= max) {
-      right = max - 1
-      left = right - span
+      right = max - 1;
+      left = right - span;
+
       if (left < 1) {
-        left = 1
+        left = 1;
       }
     } else {
-      right -= left > 1 ? 1 : 0
+      right -= left > 1 ? 1 : 0;
     }
 
     if (left > 1) {
-      links.push(1)
+      links.push(1);
     }
+
     if (left === 3) {
-      links.push(2)
+      links.push(2);
     } else if (left > 3) {
-      links.push('<<')
+      links.push('<<');
     }
 
-    for (let i = left; i < right + 1; i++) {
-      links.push(i)
+    for (var i = left; i < right + 1; i++) {
+      links.push(i);
     }
 
     if (right === max - 2) {
-      links.push(max - 1)
+      links.push(max - 1);
     } else if (right < max - 1) {
-      links.push('>>')
+      links.push('>>');
     }
 
     if (right < max) {
-      links.push(max)
+      links.push(max);
     }
 
-    return { links, max }
-  }
+    return {
+      links: links,
+      max: max
+    };
+  };
 
-  render() {
-    const { current, onChange, span, disabled } = this.props
-    const { links, max } = this.getLinks()
-
-    return (
-      <div className={paginationClass('links', 'section')}>
-        <Prev {...this.props} />
-        {links.map(p => {
-          if (typeof p === 'number') {
-            return (
-              <Item key={p} disabled={disabled} isCurrent={current === p} page={p} onClick={onChange}>
-                {p}
-              </Item>
-            )
-          }
-          const isPrev = p === '<<'
-          let page = isPrev ? current - span : current + span
-          if (page < 1) page = 1
-          if (page > max) page = max
-          return (
-            <Item
-              key={p}
-              disabled={disabled}
-              page={page}
-              className={`no-border ${isPrev ? 'more-left' : 'more-right'}`}
-              onClick={onChange}
-            >
-              {renderIcon(isPrev)}
-            </Item>
-          )
-        })}
-        <Next {...this.props} />
-      </div>
-    )
-  }
-}
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        current = _this$props2.current,
+        onChange = _this$props2.onChange,
+        span = _this$props2.span,
+        disabled = _this$props2.disabled;
+
+    var _this$getLinks = this.getLinks(),
+        links = _this$getLinks.links,
+        max = _this$getLinks.max;
+
+    return React.createElement("div", {
+      className: paginationClass('links', 'section')
+    }, React.createElement(Prev, this.props), links.map(function (p) {
+      if (typeof p === 'number') {
+        return React.createElement(Item, {
+          key: p,
+          disabled: disabled,
+          isCurrent: current === p,
+          page: p,
+          onClick: onChange
+        }, p);
+      }
+
+      var isPrev = p === '<<';
+      var page = isPrev ? current - span : current + span;
+      if (page < 1) page = 1;
+      if (page > max) page = max;
+      return React.createElement(Item, {
+        key: p,
+        disabled: disabled,
+        page: page,
+        className: "no-border " + (isPrev ? 'more-left' : 'more-right'),
+        onClick: onChange
+      }, renderIcon(isPrev));
+    }), React.createElement(Next, this.props));
+  };
+
+  return Links;
+}(PureComponent);
 
 Links.propTypes = {
   current: PropTypes.number.isRequired,
@@ -109,12 +139,10 @@ Links.propTypes = {
   pageSize: PropTypes.number.isRequired,
   span: PropTypes.number,
   text: PropTypes.object,
-  total: PropTypes.number.isRequired,
-}
-
+  total: PropTypes.number.isRequired
+};
 Links.defaultProps = {
   span: 5,
-  text: {},
-}
-
-export default Links
+  text: {}
+};
+export default Links;

package/es/Pagination/Next.js

@@ -1,31 +1,54 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import icons from '../icons'
-import Item from './Item'
-import { isRTL } from '../config'
-
-class Next extends React.PureComponent {
-  renderNext() {
-    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 Next =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  _inheritsLoose(Next, _React$PureComponent);
+
+  function Next() {
+    return _React$PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Next.prototype;
+
+  _proto.renderNext = function renderNext() {
+    var text = this.props.text;
+    var rtl = isRTL();
+
     if (rtl) {
-      return text.prev || icons.AngleLeft
+      return text.prev || icons.AngleLeft;
     }
-    return text.next || icons.AngleRight
-  }
 
-  render() {
-    const { onChange, current, text, total, pageSize, disabled, isSimple } = this.props
-    const max = Math.ceil(total / pageSize)
-    const next = current + 1
-    const className = text.next || isSimple ? `no-border arrow` : 'arrow'
-    return (
-      <Item className={className} page={next} disabled={disabled || next > max} onClick={onChange}>
-        {this.renderNext()}
-      </Item>
-    )
-  }
-}
+    return text.next || icons.AngleRight;
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        onChange = _this$props.onChange,
+        current = _this$props.current,
+        text = _this$props.text,
+        total = _this$props.total,
+        pageSize = _this$props.pageSize,
+        disabled = _this$props.disabled,
+        isSimple = _this$props.isSimple;
+    var max = Math.ceil(total / pageSize);
+    var next = current + 1;
+    var className = text.next || isSimple ? "no-border arrow" : 'arrow';
+    return React.createElement(Item, {
+      className: className,
+      page: next,
+      disabled: disabled || next > max,
+      onClick: onChange
+    }, this.renderNext());
+  };
+
+  return Next;
+}(React.PureComponent);
 
 Next.propTypes = {
   current: PropTypes.number.isRequired,
@@ -34,9 +57,7 @@ Next.propTypes = {
   pageSize: PropTypes.number.isRequired,
   text: PropTypes.object,
   total: PropTypes.number.isRequired,
-  isSimple: PropTypes.bool,
-}
-
-Next.displayName = 'ShineoutPaginationNext'
-
-export default Next
+  isSimple: PropTypes.bool
+};
+Next.displayName = 'ShineoutPaginationNext';
+export default Next;

package/es/Pagination/PageSizeList.js

@@ -1,42 +1,61 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import Select from '../Select'
-import { paginationClass } from './styles'
+import _extends from "@babel/runtime/helpers/extends";
+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 Select from '../Select';
+import { paginationClass } from './styles';
 
-class PageSizeList extends PureComponent {
-  constructor(props) {
-    super(props)
+var PageSizeList =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(PageSizeList, _PureComponent);
 
-    this.handleChange = this.handleChange.bind(this)
+  function PageSizeList(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
   }
 
-  handleChange(pageSize) {
-    const { current, onChange } = this.props
-    const start = (current - 1) * this.props.pageSize + 1
+  var _proto = PageSizeList.prototype;
 
-    onChange(Math.ceil(start / pageSize), pageSize)
-  }
+  _proto.handleChange = function handleChange(pageSize) {
+    var _this$props = this.props,
+        current = _this$props.current,
+        onChange = _this$props.onChange;
+    var start = (current - 1) * this.props.pageSize + 1;
+    onChange(Math.ceil(start / pageSize), pageSize);
+  };
 
-  render() {
-    const { pageSize, pageSizeList, text, disabled, size, sizeListProps = {} } = this.props
-
-    return (
-      <Select
-        onChange={this.handleChange}
-        disabled={disabled}
-        absolute
-        autoAdapt
-        keygen
-        value={pageSize}
-        size={size}
-        className={paginationClass('section', 'pagesize')}
-        data={pageSizeList}
-        renderItem={d => `${d} ${text.page || ''}`}
-        {...sizeListProps}
-      />
-    )
-  }
-}
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        pageSize = _this$props2.pageSize,
+        pageSizeList = _this$props2.pageSizeList,
+        text = _this$props2.text,
+        disabled = _this$props2.disabled,
+        size = _this$props2.size,
+        _this$props2$sizeList = _this$props2.sizeListProps,
+        sizeListProps = _this$props2$sizeList === void 0 ? {} : _this$props2$sizeList;
+    return React.createElement(Select, _extends({
+      onChange: this.handleChange,
+      disabled: disabled,
+      absolute: true,
+      autoAdapt: true,
+      keygen: true,
+      value: pageSize,
+      size: size,
+      className: paginationClass('section', 'pagesize'),
+      data: pageSizeList,
+      renderItem: function renderItem(d) {
+        return d + " " + (text.page || '');
+      }
+    }, sizeListProps));
+  };
+
+  return PageSizeList;
+}(PureComponent);
 
 PageSizeList.propTypes = {
   current: PropTypes.number.isRequired,
@@ -46,11 +65,9 @@ PageSizeList.propTypes = {
   pageSizeList: PropTypes.array,
   text: PropTypes.object.isRequired,
   size: PropTypes.string,
-  sizeListProps: PropTypes.object,
-}
-
+  sizeListProps: PropTypes.object
+};
 PageSizeList.defaultProps = {
-  pageSizeList: [10, 20, 30, 50, 100],
-}
-
-export default PageSizeList
+  pageSizeList: [10, 20, 30, 50, 100]
+};
+export default PageSizeList;