shineout 1.12.2 → 1.12.3

package/esm/Pagination/Next.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NextProps } from './Props';
+declare class Next extends React.PureComponent<NextProps> {
+    static displayName: string;
+    renderNext(): string | JSX.Element;
+    render(): JSX.Element;
+}
+export default Next;

package/esm/Pagination/Next.js

@@ -0,0 +1,56 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+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.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);
+
+_defineProperty(Next, "displayName", void 0);
+
+Next.displayName = 'ShineoutPaginationNext';
+export default Next;

package/esm/Pagination/PageSizeList.d.ts

@@ -0,0 +1,11 @@
+import { PureComponent } from 'react';
+import { PageSizeListProps } from './Props';
+declare class PageSizeList extends PureComponent<PageSizeListProps> {
+    static defaultProps: {
+        pageSizeList: number[];
+    };
+    constructor(props: PageSizeListProps);
+    handleChange(pageSize: number): void;
+    render(): JSX.Element;
+}
+export default PageSizeList;

package/esm/Pagination/PageSizeList.js

@@ -0,0 +1,67 @@
+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 Select from '../Select';
+import { paginationClass } from './styles';
+import { getDirectionClass } from '../utils/classname';
+var DefaultValue = {
+  pageSizeList: [10, 20, 30, 50, 100]
+};
+
+var PageSizeList =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(PageSizeList, _PureComponent);
+
+  function PageSizeList(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this;
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
+  }
+
+  var _proto = PageSizeList.prototype;
+
+  _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);
+  };
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        pageSize = _this$props2.pageSize,
+        _this$props2$pageSize = _this$props2.pageSizeList,
+        pageSizeList = _this$props2$pageSize === void 0 ? DefaultValue.pageSizeList : _this$props2$pageSize,
+        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(getDirectionClass('section'), 'pagesize'),
+      data: pageSizeList,
+      renderItem: function renderItem(d) {
+        return d + " " + (text.page || '');
+      }
+    }, sizeListProps));
+  };
+
+  return PageSizeList;
+}(PureComponent);
+
+_defineProperty(PageSizeList, "defaultProps", DefaultValue);
+
+export default PageSizeList;

package/esm/Pagination/Pagination.d.ts

@@ -0,0 +1,15 @@
+import React, { PureComponent } from 'react';
+import { PaginationProps } from './Props';
+declare class Pagination extends PureComponent<PaginationProps> {
+    static defaultProps: {
+        layout: string[];
+        span: number;
+        text: {};
+        className: string;
+        size: import("../@types/common").RegularAttributes.Size;
+        style: React.CSSProperties;
+        type: string;
+    };
+    render(): JSX.Element;
+}
+export default Pagination;

package/esm/Pagination/Pagination.js

@@ -0,0 +1,88 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
+import React, { PureComponent } from 'react';
+import classnames from 'classnames';
+import { 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 { getDirectionClass } from '../utils/classname';
+
+var DefaultValue = _objectSpread({}, defaultProps, {
+  layout: ['links'],
+  span: 5,
+  text: {}
+});
+
+var Pagination =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Pagination, _PureComponent);
+
+  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(getDirectionClass('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));
+
+        case 'jumper':
+          return React.createElement(Jumper, _extends({
+            key: section
+          }, _this.props));
+
+        case 'simple':
+          return React.createElement(Simple, _extends({
+            key: section
+          }, _this.props));
+
+        default:
+          if (typeof section === 'function') {
+            return React.createElement("div", {
+              key: i,
+              className: sectionClassName
+            }, React.createElement("span", null, section(_this.props)));
+          }
+
+          return null;
+      }
+    }));
+  };
+
+  return Pagination;
+}(PureComponent);
+
+_defineProperty(Pagination, "defaultProps", DefaultValue);
+
+export default Pagination;

package/esm/Pagination/Prev.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NextProps } from './Props';
+declare class Prev extends React.PureComponent<NextProps> {
+    static displayName: string;
+    renderPrev(): string | JSX.Element;
+    render(): JSX.Element;
+}
+export default Prev;

package/esm/Pagination/Prev.js

@@ -0,0 +1,53 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+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.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);
+
+_defineProperty(Prev, "displayName", void 0);
+
+Prev.displayName = 'ShineoutPaginationPrev';
+export default Prev;

package/esm/Pagination/Props.d.ts

@@ -0,0 +1,175 @@
+/// <reference types="react" />
+import { StandardProps } from '../@types/common';
+interface SizeListProps {
+    [propName: string]: any;
+}
+export interface TextParams {
+    prev?: string;
+    next?: string;
+    page?: string;
+    jumper?: string;
+}
+export interface PaginationProps extends StandardProps {
+    /**
+     * align of pagination
+     *
+     * 排布方式
+     *
+     * default: 'left'
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Current page.
+     *
+     * 当前页，如果传入值，组件为受控组件，必须通过onChange来处理回调
+     *
+     * default: -
+     */
+    current?: number;
+    /**
+     * Initial page number
+     *
+     * 初始页码
+     *
+     * default: 1
+     */
+    defaultCurrent?: number;
+    /**
+     * Disabled
+     *
+     * 禁用
+     *
+     * default: false
+     */
+    disabled?: boolean;
+    /**
+     * The layout of child elements, options: 'links': page number。'simple': simple page number(Do not use both simple and links)。'list': page size selector。'jumper': jump to page number。'simple': minimalist mode。function({ current, total, pageSize }): custom information
+     *
+     * 子组件布局，可选值为:'links': 页码。'simple': 简约页码(和links不要同时使用)。'list': 每页数量选择。'jumper': 跳转页码。'simple': 极简模式。function({ current, total, pageSize }): 匿名函数，用来信息展示
+     *
+     * default: ['links']
+     */
+    layout?: (string | ((...args: any[]) => string))[];
+    /**
+     * The callback function when current page or pageSize is changing。current: new page number。pageSize: number of each page
+     *
+     * 页码或每页显示数量改变时回调。current: 新的页码。pageSize: 每页数量
+     *
+     * default: -
+     */
+    onChange?: (current: number, pageSize: number, sizeChange?: boolean) => void;
+    /**
+     * Number of each page
+     *
+     * 每页数量
+     *
+     * default: 10
+     */
+    pageSize?: number;
+    /**
+     * The list of number of each page
+     *
+     * [10, 20, 30, 50, 100] | 每页数量可选列表
+     *
+     * default: [10, 20, 30, 50, 100]
+     */
+    pageSizeList?: number[];
+    /**
+     * size of pagination
+     *
+     * 尺寸
+     *
+     * default: 'default'
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * Replaced text。prev: the previous page。next: the next page。page:the text of pageSizeList。jumper: jump to input box text, '{input}' pilaceholder for input box
+     *
+     * 替换文案。prev: 上一页。next: 下一页。page: pageSizeList文字。jumper: 跳转输入框文字, '{input}' 为输入框占位
+     *
+     * default: none
+     */
+    text?: TextParams;
+    /**
+     * Total number. If total is less than 0, hide the Pagination.
+     *
+     * 总条目数。如果 total 小于 0，隐藏分页。
+     *
+     * default: 0
+     */
+    total?: number;
+    /**
+     * Additional attributes which need to given page size selector
+     *
+     * 需要给分页数量的选择框的额外的属性
+     *
+     * default: -
+     */
+    sizeListProps?: SizeListProps;
+    /**
+     * The number of pagination buttons
+     *
+     * 分页器页码按钮数量
+     *
+     * default: 5
+     */
+    span?: number;
+}
+export interface Props {
+    current: number;
+    defaultCurrent: number;
+    onChange: (current: number, pageSize: number, sizeChange?: boolean) => void;
+    pageSize: number;
+    total: number;
+}
+export interface PaginationItem {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    isCurrent?: boolean;
+    onClick: (current: number, pageSize?: number) => void;
+    page: number;
+}
+export interface JumperProps {
+    current: number;
+    onChange: (current: number) => void;
+    pageSize: number;
+    text: TextParams;
+    total: number;
+    size?: 'large' | 'default' | 'small';
+    isSimple?: boolean;
+}
+interface Base {
+    onChange: (current: number, pageSize: number) => void;
+    current: number;
+    pageSize: number;
+    total: number;
+}
+export interface LinksProps extends Base {
+    disabled?: boolean;
+    span?: number;
+    text?: TextParams;
+}
+export interface NextProps extends Base {
+    disabled?: boolean;
+    text?: TextParams;
+    isSimple?: boolean;
+}
+export interface PageSizeListProps {
+    current: number;
+    disabled?: boolean;
+    onChange: (current: number, pageSize: number) => void;
+    pageSize: number;
+    pageSizeList: number[];
+    text: TextParams;
+    size?: 'large' | 'default' | 'small';
+    sizeListProps: any;
+}
+export interface PrevProps {
+    current: number;
+    disabled?: boolean;
+    onChange: (current: number, pageSize: number) => void;
+    text: TextParams;
+    isSimple?: boolean;
+}
+export {};

package/esm/Pagination/Props.js

@@ -0,0 +1 @@
+export {};

package/esm/Pagination/Simple.d.ts

@@ -0,0 +1,5 @@
+import { PureComponent } from 'react';
+declare class Simple extends PureComponent {
+    render(): JSX.Element;
+}
+export default Simple;

package/esm/Pagination/Simple.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { PureComponent } from 'react';
+import { getDirectionClass } from '../utils/classname';
+import Jumper from './Jumper';
+import Prev from './Prev';
+import Next from './Next';
+import { paginationClass } from './styles';
+
+var Simple =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(Simple, _PureComponent);
+
+  function Simple() {
+    return _PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Simple.prototype;
+
+  _proto.render = function render() {
+    return React.createElement("div", {
+      className: paginationClass('links', getDirectionClass('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;

package/esm/Pagination/index.d.ts

@@ -0,0 +1,20 @@
+import { PureComponent } from 'react';
+import { PaginationProps } from './Props';
+interface State {
+    current: number;
+    pageSize: number;
+    total: number;
+}
+export default class extends PureComponent<PaginationProps, State> {
+    static displayName: string;
+    static defaultProps: {
+        defaultCurrent: number;
+        pageSize: number;
+        total: number;
+    };
+    constructor(props: PaginationProps);
+    componentDidUpdate(prevProps: PaginationProps): void;
+    handleChange(current: number, pageSize?: number): void;
+    render(): JSX.Element | null;
+}
+export {};

package/esm/Pagination/index.js

@@ -0,0 +1,76 @@
+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 Pagination from './Pagination';
+var DefaultValue = {
+  defaultCurrent: 1,
+  pageSize: 10,
+  total: 0
+};
+
+var default_1 =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inheritsLoose(default_1, _PureComponent);
+
+  function default_1(props) {
+    var _this;
+
+    _this = _PureComponent.call(this, props) || this; // @ts-ignore
+
+    _this.state = {
+      current: props.current || props.defaultCurrent,
+      pageSize: props.pageSize
+    };
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    return _this;
+  }
+
+  var _proto = default_1.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
+      });
+    }
+  };
+
+  _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
+    });
+
+    if (this.props.onChange) {
+      this.props.onChange(current, pageSize, sizeChange);
+    }
+  };
+
+  _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 default_1;
+}(PureComponent);
+
+_defineProperty(default_1, "displayName", 'ShineoutPagination');
+
+_defineProperty(default_1, "defaultProps", DefaultValue);
+
+export { default_1 as default };

package/esm/Pagination/interface.d.ts

@@ -0,0 +1 @@
+export { PaginationProps as Props, TextParams } from './Props';

package/esm/Pagination/interface.js

@@ -0,0 +1 @@
+export {};

package/esm/Pagination/styles/index.d.ts

@@ -0,0 +1 @@
+export const paginationClass: (...args: any) => string;

package/esm/Pagination/styles/index.js

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