drip-table
Version:
A tiny and powerful enterprise-class solution for building tables.
132 lines (115 loc) • 7.15 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("./index.less");
var _classnames = _interopRequireDefault(require("classnames"));
var _rcPagination = _interopRequireDefault(require("rc-pagination"));
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _dom = require("../../../utils/dom");
var _select = _interopRequireDefault(require("../select"));
var _miniSelect = _interopRequireDefault(require("./mini-select"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var prefixCls = 'jfe-drip-table-rc-pagination';
var selectPrefixCls = 'jfe-drip-table-rc-select';
var Pagination = /*#__PURE__*/_react.default.memo(function (props) {
var _classNames;
var componentId = _react.default.useMemo(function () {
return (0, _uuid.v4)();
}, []);
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("style", null, ".".concat(prefixCls, "--id-").concat(componentId, " > .").concat(prefixCls, "-item{").concat((0, _dom.stringifyCSS)((0, _dom.parseCSS)(props.pageNumberStyle)), "}"), ".".concat(prefixCls, "--id-").concat(componentId, " > .").concat(prefixCls, "-options > .").concat(selectPrefixCls, " > .").concat(selectPrefixCls, "-selector{").concat((0, _dom.stringifyCSS)((0, _dom.parseCSS)(props.pageSelectorStyle)), "}")), /*#__PURE__*/_react.default.createElement(_rcPagination.default, _extends({}, props, {
style: props.style,
prefixCls: prefixCls,
className: (0, _classnames.default)("".concat(prefixCls, "--id-").concat(componentId), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--mini"), props.size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "--left"), props.align === 'left'), _defineProperty(_classNames, "".concat(prefixCls, "--center"), props.align === 'center'), _defineProperty(_classNames, "".concat(prefixCls, "--right"), props.align === void 0 || props.align === 'right'), _defineProperty(_classNames, "".concat(prefixCls, "--no-border"), props.border === false), _classNames)),
prevIcon: /*#__PURE__*/_react.default.createElement("button", {
className: "".concat(prefixCls, "-item-link"),
style: props.pageStepperStyle,
type: "button",
tabIndex: -1
}, /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "left",
className: "".concat(prefixCls, "-jump-prev__icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "left",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
})))),
nextIcon: /*#__PURE__*/_react.default.createElement("button", {
className: "".concat(prefixCls, "-item-link"),
style: props.pageStepperStyle,
type: "button",
tabIndex: -1
}, /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "right",
className: "".concat(prefixCls, "-jump-next__icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "right",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
})))),
jumpPrevIcon: /*#__PURE__*/_react.default.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-item-container")
}, /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "double-left",
className: "".concat(prefixCls, "-item-link-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "double-left",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
}))), /*#__PURE__*/_react.default.createElement("span", {
className: "".concat(prefixCls, "-item-ellipsis")
}, "\u2022\u2022\u2022"))),
jumpNextIcon: /*#__PURE__*/_react.default.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(prefixCls, "-item-container")
}, /*#__PURE__*/_react.default.createElement("span", {
role: "img",
"aria-label": "double-right",
className: "".concat(prefixCls, "-item-link-icon")
}, /*#__PURE__*/_react.default.createElement("svg", {
viewBox: "64 64 896 896",
focusable: "false",
"data-icon": "double-right",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
}))), /*#__PURE__*/_react.default.createElement("span", {
className: "".concat(prefixCls, "-item-ellipsis")
}, "\u2022\u2022\u2022"))),
selectPrefixCls: selectPrefixCls,
selectComponentClass: props.size === 'small' ? _miniSelect.default : _select.default
})));
});
var _default = Pagination;
exports.default = _default;