@sheinx/base 3.0.0-alpha.1

package/esm/pagination/pagination-buttons.js

@@ -0,0 +1,182 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _icons = _interopRequireDefault(require("../icons"));
+var _paginationButton = _interopRequireDefault(require("./pagination-button"));
+var _paginationNext = _interopRequireDefault(require("./pagination-next"));
+var _paginationPrev = _interopRequireDefault(require("./pagination-prev"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PaginationButtons = function PaginationButtons(props) {
+  var _jssStyle$pagination;
+  var jssStyle = props.jssStyle,
+    disabled = props.disabled,
+    current = props.current,
+    size = props.size,
+    total = props.total,
+    _props$pageSize = props.pageSize,
+    pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+    _props$span = props.span,
+    span = _props$span === void 0 ? 5 : _props$span,
+    text = props.text,
+    mode = props.mode,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showPrevMore = _useState2[0],
+    setShowPrevMore = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showNextMore = _useState4[0],
+    setShowNextMore = _useState4[1];
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.buttons);
+  var getLinks = function getLinks() {
+    if (total === 0) return {
+      buttons: [],
+      max: 0
+    };
+    var max = Math.ceil(total / pageSize);
+    var buttons = [];
+    var right;
+    var left = current - Math.floor(span / 2);
+    if (left < 3) {
+      left = 3;
+    }
+    right = left + span;
+    if (right + 1 >= max) {
+      right = max - 1;
+      left = right - span;
+      if (left < 1) {
+        left = 1;
+      }
+    } else {
+      right -= left > 1 ? 1 : 0;
+    }
+    if (left > 1) {
+      buttons.push(1);
+    }
+    if (left === 3) {
+      buttons.push(2);
+    } else if (left > 3) {
+      buttons.push('prev');
+    }
+    for (var i = left; i < right + 1; i++) {
+      buttons.push(i);
+    }
+    if (right === max - 2) {
+      buttons.push(max - 1);
+    } else if (right < max - 1) {
+      buttons.push('next');
+    }
+    if (right < max) {
+      buttons.push(max);
+    }
+    return {
+      buttons: buttons,
+      max: max
+    };
+  };
+  var getButtonProps = function getButtonProps() {
+    return {
+      mode: mode,
+      size: size,
+      jssStyle: jssStyle,
+      disabled: disabled,
+      shape: 'square'
+    };
+  };
+  var handleHoverMore = function handleHoverMore(type, is) {
+    if (type === 'prev') {
+      setShowPrevMore(is);
+    } else {
+      setShowNextMore(is);
+    }
+  };
+  var renderPrev = function renderPrev() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationPrev.default, {
+      jssStyle: jssStyle,
+      pageSize: pageSize,
+      disabled: disabled,
+      current: current,
+      total: total,
+      mode: mode,
+      text: text,
+      size: size,
+      onChange: onChange
+    });
+  };
+  var renderNext = function renderNext() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationNext.default, {
+      jssStyle: jssStyle,
+      pageSize: pageSize,
+      disabled: disabled,
+      current: current,
+      total: total,
+      mode: mode,
+      text: text,
+      size: size,
+      onChange: onChange
+    });
+  };
+  var renderMore = function renderMore(type) {
+    if (type === 'prev' && showPrevMore) {
+      return _icons.default.ArrowLeftDouble;
+    }
+    if (type === 'next' && showNextMore) {
+      return _icons.default.ArrowRightDouble;
+    }
+    return _icons.default.More;
+  };
+  var renderButtons = function renderButtons() {
+    var _getLinks = getLinks(),
+      buttons = _getLinks.buttons,
+      max = _getLinks.max;
+    return buttons.map(function (pageNum) {
+      if (typeof pageNum === 'number') {
+        return /*#__PURE__*/(0, _react.createElement)(_paginationButton.default, _objectSpread(_objectSpread({}, getButtonProps()), {}, {
+          mode: pageNum === current ? undefined : mode,
+          key: pageNum,
+          page: pageNum,
+          type: pageNum === current ? 'primary' : 'secondary',
+          onClick: onChange
+        }), pageNum);
+      }
+      var isPrev = pageNum === 'prev';
+      var page = isPrev ? current - span : current + span;
+      if (page < 1) page = 1;
+      if (page > max) page = max;
+      return /*#__PURE__*/(0, _react.createElement)(_paginationButton.default, _objectSpread(_objectSpread({}, getButtonProps()), {}, {
+        page: page,
+        key: pageNum,
+        type: "secondary",
+        onClick: onChange,
+        moreType: pageNum,
+        onMouseEnter: handleHoverMore,
+        onMouseLeave: handleHoverMore
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
+        children: renderMore(pageNum)
+      }));
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClasses,
+    children: [renderPrev(), renderButtons(), renderNext()]
+  });
+};
+var _default = PaginationButtons;
+exports.default = _default;

package/esm/pagination/pagination-buttons.type.d.ts

@@ -0,0 +1,22 @@
+import { CommonType } from '../common/type';
+import { InputClasses } from '../input/input.type';
+import { ButtonClasses } from '../button/button.type';
+import { PaginationClasses, TextParams } from '../pagination/pagination.type';
+export declare type PaginationMoreTypes = 'prev' | 'next';
+export interface PaginationButtonsProps extends Pick<CommonType, 'size'> {
+    jssStyle?: {
+        input?: () => InputClasses;
+        button?: () => ButtonClasses;
+        pagination?: () => PaginationClasses;
+    };
+    disabled?: boolean;
+    current: number;
+    total: number;
+    pageSize: number;
+    span: number;
+    text?: TextParams;
+    mode: 'outline' | 'text';
+    onChange: (current: number, pageSize?: number) => void;
+}
+export declare type PaginationActionButtonProps = Pick<PaginationButtonsProps, 'disabled' | 'mode' | 'size' | 'jssStyle' | 'total' | 'pageSize' | 'text' | 'current' | 'onChange'>;
+//# sourceMappingURL=pagination-buttons.type.d.ts.map

package/esm/pagination/pagination-buttons.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-buttons.type.d.ts","sourceRoot":"","sources":["pagination-buttons.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE9E,oBAAY,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACtE,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;QAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,oBAAY,2BAA2B,GAAG,IAAI,CAC5C,sBAAsB,EACtB,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CACnG,CAAC"}

package/esm/pagination/pagination-buttons.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/pagination/pagination-jumper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationJumperProps } from './pagination-jumper.type';
+declare const PaginationJumper: (props: PaginationJumperProps) => JSX.Element;
+export default PaginationJumper;
+//# sourceMappingURL=pagination-jumper.d.ts.map

package/esm/pagination/pagination-jumper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-jumper.d.ts","sourceRoot":"","sources":["pagination-jumper.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,gBA+ErD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/pagination/pagination-jumper.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.split.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _input = _interopRequireDefault(require("../input"));
+var _jsxRuntime = require("react/jsx-runtime");
+var PaginationJumper = function PaginationJumper(props) {
+  var _jssStyle$pagination;
+  var jssStyle = props.jssStyle,
+    simple = props.simple,
+    size = props.size,
+    total = props.total,
+    pageSize = props.pageSize,
+    disabled = props.disabled,
+    current = props.current,
+    text = props.text,
+    onChange = props.onChange;
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.jumper);
+  var txt = text.jumper ? text.jumper.split('{input}') : [];
+  var _useState = (0, _react.useState)(String(current)),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var getMax = function getMax() {
+    return Math.ceil(total / pageSize) || 1;
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter' || e.keyCode === 13) {
+      var _current = parseInt(e.target.value, 10);
+      if (!Number.isFinite(_current)) return;
+      if (_current < 1) _current = 1;
+      var max = getMax();
+      if (_current > max) _current = max;
+      onChange(_current);
+      setValue(String(_current));
+    }
+  };
+  var handleChange = function handleChange(v) {
+    setValue(v || '');
+  };
+  var handleBlur = function handleBlur() {
+    setValue(String(current));
+  };
+  var renderInput = function renderInput() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+      jssStyle: jssStyle,
+      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section,
+      width: 56,
+      value: value,
+      digits: 0,
+      type: "number",
+      size: size,
+      disabled: disabled,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur
+    });
+  };
+  var renderPrefixText = function renderPrefixText() {
+    return txt[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section,
+      children: txt[0]
+    }) : undefined;
+  };
+  var renderSuffixText = function renderSuffixText() {
+    return txt[1] ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section,
+      children: txt[1]
+    }) : undefined;
+  };
+  (0, _react.useEffect)(function () {
+    setValue(String(current));
+  }, [current]);
+  if (simple) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: rootClasses,
+      children: [renderInput(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.split),
+        children: "/"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section,
+        children: getMax()
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClasses,
+    children: [renderPrefixText(), renderInput(), renderSuffixText()]
+  });
+};
+var _default = PaginationJumper;
+exports.default = _default;

package/esm/pagination/pagination-jumper.type.d.ts

@@ -0,0 +1,19 @@
+import { CommonType } from '../common/type';
+import { InputClasses } from '../input/input.type';
+import { ButtonClasses } from '../button/button.type';
+import { PaginationClasses, TextParams } from '../pagination/pagination.type';
+export interface PaginationJumperProps extends Pick<CommonType, 'size'> {
+    jssStyle?: {
+        input?: () => InputClasses;
+        button?: () => ButtonClasses;
+        pagination?: () => PaginationClasses;
+    };
+    total: number;
+    simple?: boolean;
+    pageSize: number;
+    current?: number;
+    text: TextParams;
+    disabled?: boolean;
+    onChange: (current: number, pageSize?: number) => void;
+}
+//# sourceMappingURL=pagination-jumper.type.d.ts.map

package/esm/pagination/pagination-jumper.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-jumper.type.d.ts","sourceRoot":"","sources":["pagination-jumper.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE9E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;QAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}

package/esm/pagination/pagination-jumper.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/pagination/pagination-next.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationActionButtonProps } from './pagination-buttons.type';
+declare const PaginationButtonNext: (props: PaginationActionButtonProps) => JSX.Element;
+export default PaginationButtonNext;
+//# sourceMappingURL=pagination-next.d.ts.map

package/esm/pagination/pagination-next.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-next.d.ts","sourceRoot":"","sources":["pagination-next.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAIxE,QAAA,MAAM,oBAAoB,UAAW,2BAA2B,gBAsB/D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/esm/pagination/pagination-next.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _paginationButton = _interopRequireDefault(require("./pagination-button"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var PaginationButtonNext = function PaginationButtonNext(props) {
+  var _jssStyle$pagination;
+  var jssStyle = props.jssStyle,
+    disabled = props.disabled,
+    total = props.total,
+    pageSize = props.pageSize,
+    current = props.current,
+    text = props.text,
+    size = props.size,
+    mode = props.mode,
+    onChange = props.onChange;
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section);
+  var max = Math.ceil(total / pageSize);
+  var next = current + 1;
+  var hasText = text && text.next;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationButton.default, {
+    className: rootClasses,
+    jssStyle: jssStyle,
+    mode: mode,
+    page: next,
+    size: size,
+    shape: hasText ? undefined : 'square',
+    disabled: disabled || next > max,
+    onClick: onChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
+      children: hasText ? text.next : _icons.default.ArrowRight
+    })
+  });
+};
+var _default = PaginationButtonNext;
+exports.default = _default;

package/esm/pagination/pagination-prev.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationActionButtonProps } from './pagination-buttons.type';
+declare const PaginationButtonPrev: (props: PaginationActionButtonProps) => JSX.Element;
+export default PaginationButtonPrev;
+//# sourceMappingURL=pagination-prev.d.ts.map

package/esm/pagination/pagination-prev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-prev.d.ts","sourceRoot":"","sources":["pagination-prev.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAIxE,QAAA,MAAM,oBAAoB,UAAW,2BAA2B,gBAqB/D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/esm/pagination/pagination-prev.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _paginationButton = _interopRequireDefault(require("./pagination-button"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var PaginationButtonPrev = function PaginationButtonPrev(props) {
+  var _jssStyle$pagination;
+  var jssStyle = props.jssStyle,
+    disabled = props.disabled,
+    current = props.current,
+    mode = props.mode,
+    text = props.text,
+    size = props.size,
+    onChange = props.onChange;
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section);
+  var prev = current - 1;
+  var hasText = text && text.prev;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationButton.default, {
+    className: rootClasses,
+    jssStyle: jssStyle,
+    mode: mode,
+    disabled: disabled || prev < 1,
+    page: prev,
+    size: size,
+    shape: hasText ? undefined : 'square',
+    onClick: onChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
+      children: hasText ? text.prev : _icons.default.ArrowLeft
+    })
+  });
+};
+var _default = PaginationButtonPrev;
+exports.default = _default;

package/esm/pagination/pagination-simple.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationSimpleProps } from './pagination-simple.type';
+declare const PaginationSimple: (props: PaginationSimpleProps) => JSX.Element;
+export default PaginationSimple;
+//# sourceMappingURL=pagination-simple.d.ts.map

package/esm/pagination/pagination-simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-simple.d.ts","sourceRoot":"","sources":["pagination-simple.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,gBAuDrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/pagination/pagination-simple.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _paginationJumper = _interopRequireDefault(require("./pagination-jumper"));
+var _paginationNext = _interopRequireDefault(require("./pagination-next"));
+var _paginationPrev = _interopRequireDefault(require("./pagination-prev"));
+var _jsxRuntime = require("react/jsx-runtime");
+var PaginationSimple = function PaginationSimple(props) {
+  var jssStyle = props.jssStyle,
+    pageSize = props.pageSize,
+    current = props.current,
+    disabled = props.disabled,
+    total = props.total,
+    mode = props.mode,
+    size = props.size,
+    text = props.text,
+    onChange = props.onChange;
+  var renderPrev = function renderPrev() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationPrev.default, {
+      jssStyle: jssStyle,
+      pageSize: pageSize,
+      disabled: disabled,
+      current: current,
+      total: total,
+      mode: mode,
+      size: size,
+      onChange: onChange
+    });
+  };
+  var renderNext = function renderNext() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationNext.default, {
+      jssStyle: jssStyle,
+      pageSize: pageSize,
+      disabled: disabled,
+      current: current,
+      total: total,
+      mode: mode,
+      size: size,
+      onChange: onChange
+    });
+  };
+  var renderJumper = function renderJumper() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationJumper.default, {
+      jssStyle: jssStyle,
+      simple: true,
+      total: total,
+      text: text,
+      size: size,
+      current: current,
+      pageSize: pageSize,
+      onChange: onChange
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [renderPrev(), renderJumper(), renderNext()]
+  });
+};
+var _default = PaginationSimple;
+exports.default = _default;

package/esm/pagination/pagination-simple.type.d.ts

@@ -0,0 +1,19 @@
+import { CommonType } from '../common/type';
+import { InputClasses } from '../input/input.type';
+import { ButtonClasses } from '../button/button.type';
+import { PaginationClasses, TextParams } from '../pagination/pagination.type';
+export interface PaginationSimpleProps extends Pick<CommonType, 'size'> {
+    jssStyle?: {
+        input?: () => InputClasses;
+        button?: () => ButtonClasses;
+        pagination?: () => PaginationClasses;
+    };
+    disabled?: boolean;
+    current: number;
+    total: number;
+    pageSize: number;
+    mode: 'outline' | 'text';
+    text: TextParams;
+    onChange: (current: number, pageSize?: number) => void;
+}
+//# sourceMappingURL=pagination-simple.type.d.ts.map

package/esm/pagination/pagination-simple.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-simple.type.d.ts","sourceRoot":"","sources":["pagination-simple.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE9E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;QAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}

package/esm/pagination/pagination-simple.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/pagination/pagination-size-list.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const PaginationSizeList: (_props: any) => JSX.Element;
+export default PaginationSizeList;
+//# sourceMappingURL=pagination-size-list.d.ts.map

package/esm/pagination/pagination-size-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":";AAAA,QAAA,MAAM,kBAAkB,WAAY,GAAG,gBAEtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/esm/pagination/pagination-size-list.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var PaginationSizeList = function PaginationSizeList(_props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "PaginationSizeList"
+  });
+};
+var _default = PaginationSizeList;
+exports.default = _default;

package/esm/pagination/pagination.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PaginationProps } from './pagination.type';
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+export default Pagination;
+//# sourceMappingURL=pagination.d.ts.map

package/esm/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,UAAW,eAAe,gBA6HzC,CAAC;AAEF,eAAe,UAAU,CAAC"}